.hero{border:2px solid var(--fg);align-items:flex-end;min-height:80vh;margin-top:1.5rem;margin-bottom:3rem;padding:4rem 0;display:flex;position:relative;overflow:hidden}.hero-bg{filter:grayscale()contrast(1.2);z-index:1;background-image:url(/wp-content/uploads/2018/02/29a41-1i1_8tyfnyf1-0-vkuf-0-q.jpeg);background-position:50%;background-size:cover;transition:filter .8s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.hero:hover .hero-bg{filter:grayscale(0%)contrast(1.05)}.hero:after{content:"";z-index:2;background:linear-gradient(#0000 0%,#11111140 25%,#111111bf 60%,#111111f2 100%);position:absolute;inset:0}.hero-content{z-index:3;width:100%;padding:0 3rem;position:relative}.hero-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);opacity:0;margin-bottom:1.5rem;font-size:.7rem;animation:.4s cubic-bezier(.23,1,.32,1) .3s forwards fadeUp}.hero-title{color:var(--bg);font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.04em;margin:0;font-size:clamp(4.5rem,11vw,9rem);font-weight:800;line-height:.88}.hero-title .line{opacity:0;animation:.5s cubic-bezier(.23,1,.32,1) forwards fadeUp;display:block}.line-1{animation-delay:.4s}.line-2{color:var(--accent);animation-delay:.55s}.line-3{animation-delay:.7s}.divider{border-top:2px solid var(--fg);border-bottom:2px solid var(--fg);opacity:0;justify-content:space-between;align-items:center;margin-bottom:0;padding:.6rem 0;animation:.4s cubic-bezier(.23,1,.32,1) .8s forwards fadeUp;display:flex}.divider-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg);font-size:.7rem}.post-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:2rem 0 4rem;display:grid}.post-card{border:2px solid var(--fg);opacity:0;flex-direction:column;text-decoration:none;transition:opacity .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1),background-color .15s;display:flex;transform:translateY(24px)}.post-card.visible{opacity:1;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.post-card.tilting{transition:transform .12s ease-out,background-color .15s}.post-card .post-image-wrapper:after{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff47, transparent 55%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.post-card.tilting .post-image-wrapper:after{opacity:1}.post-card:hover{background-color:var(--fg)}.post-card:hover .post-title,.post-card:hover .post-meta{color:var(--bg)!important}.post-card:hover .post-meta span{color:var(--accent)!important}.post-image-wrapper{aspect-ratio:4/3;background:var(--fg);width:100%;position:relative;overflow:hidden}.post-image-empty{color:var(--muted);justify-content:center;align-items:center;display:flex}.post-image{object-fit:cover;filter:grayscale(50%)contrast(1.1);width:100%;height:100%;transition:filter .5s,transform .6s cubic-bezier(.23,1,.32,1)}.post-card:hover .post-image{filter:grayscale(0%)contrast();transform:scale(1.04)}.post-info{padding:1.25rem 1.5rem 1.75rem}.post-meta{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;font-size:.65rem;transition:color .15s;display:flex}.post-meta span{transition:color .15s}.post-title{color:var(--fg);transition:color .15s;font-family:var(--font-display)!important;text-transform:uppercase!important;letter-spacing:-.01em!important;font-size:1.35rem!important;font-weight:700!important;line-height:1.1!important}@media (width<=960px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.post-grid{grid-template-columns:1fr;gap:1.25rem}.hero{min-height:60vh;margin-top:1rem;margin-bottom:2rem}.hero-content{padding:0 1.25rem}.hero-title{font-size:clamp(2.8rem,11vw,4rem)}.hero-label{margin-bottom:1rem;font-size:.6rem}.post-info{padding:1rem 1rem 1.25rem}.post-title{font-size:1.15rem!important}.post-meta{margin-bottom:.5rem;font-size:.6rem}.divider-label{font-size:.6rem}.post-grid{padding:1.5rem 0 3rem}}.hero-bg{transition:filter .8s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1)}.hero.colorful .hero-bg{filter:grayscale(0%)saturate(1.3)contrast(1.05)}.hero-trail{z-index:2;pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.hero-badge{z-index:3;width:120px;height:120px;fill:var(--bg);font-family:var(--font-mono);letter-spacing:.16em;opacity:0;cursor:help;font-size:9.4px;animation:22s linear infinite badgeSpin,.5s 1s forwards fadeUp;position:absolute;top:1.75rem;right:1.75rem}.badge-zig{fill:none;stroke:var(--accent);stroke-width:6px;stroke-linecap:square}@keyframes badgeSpin{to{rotate:360deg}}.playword{cursor:pointer;outline:none;width:fit-content;position:relative}.playword:focus-visible{outline:2px dashed var(--accent);outline-offset:6px}.hero-title .ch{transition:transform .35s cubic-bezier(.34,1.56,.64,1),color .2s;display:inline-block}.hero-title .ch:hover{color:var(--accent);transform:translateY(-.1em)rotate(-8deg)scale(1.08)}.line-2 .ch:hover{color:var(--bg)}.hero-title .ch.pop{animation:.45s cubic-bezier(.34,1.56,.64,1) both chPop}@keyframes chPop{0%{opacity:0;transform:translateY(.4em)rotate(10deg)}}.playword.boing{animation:.5s cubic-bezier(.34,1.56,.64,1) boing}@keyframes boing{30%{transform:scale(1.06,.92)}60%{transform:scale(.97,1.04)}}.hero-title .line.boing{opacity:1}.word-lang{font-family:var(--font-mono);letter-spacing:.1em;color:var(--bg);opacity:.6;vertical-align:top;text-transform:uppercase;margin-left:.5rem;font-size:.8rem;font-weight:400}.smiley{color:var(--accent);vertical-align:middle;opacity:0;margin-left:.25em;font-size:.5em;transition:opacity .2s,transform .5s cubic-bezier(.34,1.56,.64,1);display:inline-block;transform:scale(0)}.smiling .smiley{opacity:1;transform:scale(1)}.smiling .ch{animation:.6s cubic-bezier(.34,1.56,.64,1) wave}.smiling .ch:nth-child(2){animation-delay:50ms}.smiling .ch:nth-child(3){animation-delay:.1s}.smiling .ch:nth-child(4){animation-delay:.15s}.smiling .ch:nth-child(5){animation-delay:.2s}.smiling .ch:nth-child(6){animation-delay:.25s}@keyframes wave{40%{transform:translateY(-.2em)}}.hero-hint{color:var(--bg);opacity:0;margin-top:1.5rem;animation:.5s 2.2s forwards hintIn}@keyframes hintIn{to{opacity:.45}}.stats{flex-wrap:wrap;gap:.5rem 1rem}.stats b{font-family:var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums;margin-right:.2rem;font-size:1rem;font-weight:800}.stat-chai{cursor:help}.play{grid-template-columns:2fr 1fr;gap:1.5rem;padding-top:1.5rem;display:grid}.play-label{color:var(--muted);z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:relative}.play-label button{pointer-events:auto}.play-btn{border:1px solid var(--fg);font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;color:var(--fg);background:0 0;padding:.3rem .7rem;transition:background-color .15s,color .15s,transform .1s}.play-btn:hover{background:var(--fg);color:var(--bg)}.play-btn:active{transform:scale(.96)}.shoebox{border:2px solid var(--fg);background:radial-gradient(circle at 1px 1px,#1111111f 1px,#0000 0) 0 0/16px 16px;height:440px;padding:.75rem 1rem;position:relative;overflow:hidden}.zz-polaroid{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;opacity:0;background:#fbfaf7;border:1px solid #11111126;width:180px;padding:10px 10px 0;transition:box-shadow .2s,opacity .4s,scale .2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;box-shadow:0 1px 2px #00000014,0 8px 20px -8px #0000004d}.shoebox.ready .zz-polaroid{opacity:1}.zz-polaroid.settling{transition:transform .55s cubic-bezier(.34,1.3,.64,1),opacity .4s}.zz-polaroid:hover{scale:1.03}.zz-polaroid.held{cursor:grabbing;scale:1.07;box-shadow:0 2px 4px #0000001a,0 24px 40px -12px #00000073}.zz-polaroid img{aspect-ratio:1;object-fit:cover;pointer-events:none;filter:contrast(1.05)saturate(.9);width:100%}.polaroid-caption{text-align:center;font-family:var(--font-body);color:var(--fg);padding:.45rem 0 .6rem;font-size:.95rem;font-style:italic;display:block}.roll{border:2px solid var(--fg);background:var(--fg);color:var(--bg);flex-direction:column;padding:.75rem 1.25rem 1.5rem;display:flex}.roll .play-label{color:#edebe680}.roll-title{margin:1rem 0 1.5rem;font-size:clamp(2rem,3.5vw,3rem)}.roll-window{border-top:1px dashed #edebe640;border-bottom:1px dashed #edebe640;flex:1;min-height:150px;padding:1rem 0}.roll-country{color:var(--accent);margin-bottom:.5rem;display:block}.roll-result{font-family:var(--font-heading);color:#edebe6b3;pointer-events:none;font-size:1.5rem;line-height:1.2;display:block}.roll-result.landed{color:var(--bg);pointer-events:auto;animation:.45s cubic-bezier(.34,1.56,.64,1) stampIn}.roll-result.landed:after{content:" →";color:var(--accent)}.roll-result.landed:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.roll-btn{background:var(--accent);color:var(--bg);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;box-shadow:4px 4px 0 var(--bg);border:none;justify-content:center;align-items:center;gap:.6rem;margin-top:1.25rem;padding:.85rem 1rem;font-size:.75rem;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.roll-btn:hover{box-shadow:6px 6px 0 var(--bg);transform:translate(-2px,-2px)}.roll-btn:active,.roll-btn:disabled{box-shadow:1px 1px 0 var(--bg);transform:translate(3px,3px)}.dice{font-size:1.5rem;line-height:1;display:inline-block}.dice.rolling{animation:.3s linear infinite diceRoll}@keyframes diceRoll{to{transform:rotate(360deg)}}.filters{flex-wrap:wrap;gap:.5rem;padding:2.5rem 0 0;display:flex}.filter{border:1px solid var(--fg);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;color:var(--fg);background:0 0;padding:.4rem .8rem;font-size:.65rem;transition:background-color .15s,color .15s,transform .12s cubic-bezier(.34,1.56,.64,1)}.filter sup{color:var(--accent);font-size:.55rem}.filter:hover{transform:translateY(-2px)rotate(-1.5deg)}.filter:active{transform:scale(.95)}.filter.active{background:var(--fg);color:var(--bg)}.post-card[hidden]{display:none}@media (width<=960px){.play{grid-template-columns:1fr}.roll-window{min-height:110px}}@media (width<=600px){.hero-badge{width:84px;height:84px;top:1rem;right:1rem}.shoebox{height:380px}.zz-polaroid{width:130px;padding:7px 7px 0}.polaroid-caption{font-size:.8rem}.word-lang{font-size:.6rem}.filters{padding-top:2rem}}