:root{--px-ink:#1a1423;--px-night:#2a2238;--px-dusk:#463a52;--px-stone:#77707f;--px-stone-lt:#aaa3b0;--px-white:#fff9ec;--px-cream:#f3e5c8;--px-tan:#d4b48a;--px-brown:#9c6a46;--px-soil-1:#7b5034;--px-soil-2:#5e3b26;--px-soil-3:#40271a;--px-clay:#c46c40;--px-clay-dk:#8e472a;--px-grass:#74b84a;--px-grass-dk:#3f7d3c;--px-sky:#a6dcf2;--px-pink:#f59bb2;--px-rose:#c4577a;--px-red:#d9412e;--px-p1:#ef9a1a;--px-p1-dk:#a8600e;--px-p2:#2878c8;--px-p2-lt:#9fd2f5;--px-water:#2a6b8f;--px-water-lt:#63b3c9;--px-crystal:#9f74e8;--px-crystal-lt:#ddc8ff;--px-magma:#e0491f;--px-gold:#f6c33b;--px-gold-dk:#b07a1c;--px-hot:#fff2a6}@font-face{font-family:Silkscreen;src:url(/fonts/Silkscreen-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/Silkscreen-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/AtkinsonHyperlegible-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/AtkinsonHyperlegible-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-pixel:"Silkscreen", ui-monospace, monospace;--font-text:"Atkinson Hyperlegible", system-ui, sans-serif;--px-type-1:8px;--px-type-2:16px;--px-type-3:24px;--px-type-4:32px;--px-type-6:48px;--bg:var(--px-soil-3);--panel:var(--px-soil-2);--card:var(--px-cream);--ink:var(--px-ink);--fg:var(--px-cream);--muted:var(--px-tan);--ok:var(--px-grass);--no:var(--px-red);--gold:var(--px-gold);--p1:var(--px-p1);--p2:var(--px-p2);--u:4px;--ol-bg:var(--px-soil-3);--ol-surface:var(--px-soil-2);--ol-fg:var(--px-cream);--ol-muted:var(--px-tan);--ol-accent:var(--px-gold);--ol-accent-2:var(--px-gold-dk);--ol-accent-fg:var(--px-ink);--ol-ok:var(--px-grass);--ol-warn:var(--px-gold);--ol-danger:var(--px-red);--ol-radius:0;--ol-btn-radius:0;--ol-font:var(--font-text);--ol-display:var(--font-pixel);--ol-tile:var(--px-ink);--ol-shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}#root{overflow-x:clip}html,body{background:var(--bg);color:var(--fg);font:400 17px/1.35 var(--font-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}body{overscroll-behavior:none;background:conic-gradient(from 90deg at 2px 2px, transparent 25%, #0000001f 0) 0 0 / 16px 16px, var(--bg);min-height:100svh}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.note{color:var(--muted);margin:8px 0;font-size:15px}.center{text-align:center}.kicker{font:400 16px/1 var(--font-pixel);color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 8px}:focus-visible{outline:var(--u) solid var(--gold);outline-offset:2px}.px-box,.card-box,.daily-card,.sheet,.flash,.round-result,.final,.count,.reveal-card{background:var(--card);color:var(--ink);box-shadow:0 calc(-1 * var(--u)) 0 0 var(--ink), 0 var(--u) 0 0 var(--ink), calc(-1 * var(--u)) 0 0 0 var(--ink), var(--u) 0 0 0 var(--ink), var(--u) calc(2 * var(--u)) 0 0 #00000059}.px-btn{background:var(--card);min-height:48px;color:var(--ink);font:400 16px/1 var(--font-pixel);text-transform:uppercase;text-align:center;box-shadow:0 calc(-1 * var(--u)) 0 0 var(--ink), 0 var(--u) 0 0 var(--ink), calc(-1 * var(--u)) 0 0 0 var(--ink), var(--u) 0 0 0 var(--ink), inset 0 calc(-1 * var(--u)) 0 0 #00000038;-webkit-user-select:none;user-select:none;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:8px 16px;transition:transform 60ms step-end,filter .1s;display:inline-flex}.px-btn:active:not(:disabled){transform:translateY(var(--u));box-shadow:0 calc(-1 * var(--u)) 0 0 var(--ink), 0 var(--u) 0 0 var(--ink), calc(-1 * var(--u)) 0 0 0 var(--ink), var(--u) 0 0 0 var(--ink)}.px-btn:disabled{filter:saturate(.4)brightness(.85);cursor:default}.px-btn.primary{background:var(--gold)}.px-btn.big{flex-direction:column;gap:6px;width:100%;min-height:64px;font-size:24px}.px-btn.big small{font:400 14px/1.2 var(--font-text);text-transform:none;color:color-mix(in srgb, var(--ink) 75%, transparent)}.px-btn.big:not(:has(small)){flex-direction:row;gap:12px}.px-btn.ghost{color:var(--fg);box-shadow:none;background:0 0}.px-btn.small{min-height:36px;padding:4px 10px;font-size:16px}.px-ico{image-rendering:pixelated;flex:none;display:inline-block}.rise{animation:.42s steps(6,end) both rise;animation-delay:calc(var(--i,0) * 70ms)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.logo{font:700 48px/1 var(--font-pixel);color:var(--px-white);text-shadow:4px 4px 0 var(--ink), 0 4px 0 var(--ink), 4px 0 0 var(--ink);letter-spacing:0;justify-items:center;gap:4px;margin:0;display:grid}.logo span{display:block}.logo-hole i{background:var(--ink);vertical-align:-.02em;width:.62em;height:.5em;box-shadow:0 -4px 0 0 var(--px-soil-1), 0 4px 0 0 var(--px-soil-1), -4px 0 0 0 var(--px-soil-1), 4px 0 0 0 var(--px-soil-1);margin:0 .05em;display:inline-block}.logo.small{text-shadow:4px 4px 0 var(--ink);font-size:32px}.home{grid-template-rows:minmax(260px,42svh) auto;min-height:100svh;display:grid}.home-scene{position:relative;overflow:hidden}.home-scene .logo{left:0;right:0;top:calc(max(12px, env(safe-area-inset-top)) + 52px);pointer-events:none;font-size:40px;position:absolute}canvas.dig{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.start{padding:24px 16px calc(32px + env(safe-area-inset-bottom));align-content:start;gap:20px;width:100%;max-width:480px;margin:0 auto;display:grid}.daily-card{text-align:left;background:var(--px-cream);cursor:pointer;border:0;border-radius:0;gap:8px;padding:16px;display:grid}.daily-card .kicker{color:var(--px-clay-dk);margin:0}.daily-card b{font:700 24px/1.1 var(--font-pixel);text-transform:uppercase}.daily-card small{color:color-mix(in srgb, var(--ink) 75%, transparent);font-size:15px}.daily-card .daily-go{background:var(--ink);color:var(--gold);font:400 16px/1 var(--font-pixel);text-transform:uppercase;justify-self:start;align-items:center;gap:8px;margin-top:4px;padding:8px 12px;display:inline-flex}.daily-card:active{transform:translateY(var(--u))}.modes{gap:16px;display:grid}.mode-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.join{gap:16px;display:grid}.tiles{grid-template-columns:repeat(4,1fr);gap:12px;display:grid;position:relative}.tiles input{opacity:0;font-size:16px;position:absolute;inset:0}.tiles .tile{background:var(--ink);height:64px;color:var(--gold);font:700 32px/1 var(--font-pixel);box-shadow:inset 0 0 0 var(--u) var(--px-soil-1);place-items:center;display:grid}.tiles .tile.next{box-shadow:inset 0 0 0 var(--u) var(--gold)}.rivals h3,.friends h3{font:400 16px/1 var(--font-pixel);text-transform:uppercase;color:var(--muted);margin:0 0 8px}.rivals ul,.friends ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.rivals li{background:var(--panel);justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.rivals li b{color:var(--gold);font-weight:700}.home-links{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hub-cards{gap:8px;display:grid}.match,.hole{grid-template-rows:minmax(200px,38svh) 1fr;height:100svh;display:grid;overflow:hidden}.scene{background:var(--px-sky);position:relative;overflow:hidden}.hud{padding:max(8px, env(safe-area-inset-top)) 12px 0 calc(56px + env(safe-area-inset-left));pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.match.solo .hud,.hole .hud{padding-left:56px}.gauge{background:var(--ink);color:var(--px-white);justify-items:start;gap:4px;min-width:0;max-width:48%;padding:6px 10px 8px;display:grid}.gauge.right{text-align:right;justify-items:end}.gauge .who{font:400 14px/1.1 var(--font-text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:100%;font-weight:700;display:flex;overflow:hidden}.gauge .who:before{content:"";background:var(--p1);border-radius:50%;flex:none;width:10px;height:10px}.gauge.right .who:before,.gauge.p1 .who:before{background:var(--p2);clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0}.gauge.p2 .who:before{background:var(--px-grass);border-radius:0}.gauge.p3 .who:before{background:var(--px-pink);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:0}.hud.lanes{grid-template-columns:repeat(var(--n), minmax(0, 1fr));top:calc(60px + env(safe-area-inset-top));gap:2px;padding:0;display:grid}.hud.lanes.n3{--n:3}.hud.lanes.n4{--n:4}.hud.lanes .gauge{text-align:center;justify-items:center;gap:3px;max-width:none;margin:0 4px;padding:4px 6px 5px}.hud.lanes .gauge .who{gap:4px;font-size:12px}.hud.lanes .gauge .who:before{width:8px;height:8px}.hud.lanes .gauge .depth{font-size:15px}.hud.lanes .gauge .dots{flex-wrap:wrap;justify-content:center;gap:2px}.hud.lanes .gauge .dots i{width:5px;height:5px}.hud.lanes .gauge.me{box-shadow:0 0 0 2px var(--gold)}.hole .gauge .who:before{display:none}.gauge .who small{color:var(--muted);font-weight:400}.gauge .depth{font:700 24px/1 var(--font-pixel)}.gauge .lead{font:400 12px/1 var(--font-text);color:var(--gold)}.gauge .dots{gap:3px;display:flex}.gauge .dots i{background:var(--px-dusk);width:8px;height:8px}.gauge .dots i.on{background:var(--ok)}.gauge .dots i.skip{background:var(--px-stone-lt)}.round-tag{color:var(--px-white);white-space:nowrap;pointer-events:none;background:#1a1423d1;align-items:baseline;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.round-tag span{font:400 12px/1 var(--font-text);color:var(--muted)}.round-tag b{font:400 16px/1 var(--font-pixel);text-transform:uppercase}.match.phase-count .round-tag,.match.phase-over .round-tag{display:none}.panel{padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:var(--bg);border-top:var(--u) solid var(--ink);align-content:start;display:grid;position:relative;overflow-y:auto}.panel>*{width:100%;max-width:520px;margin:0 auto}.play{gap:12px;display:grid}.play-top{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.count-i{font:400 16px/1 var(--font-pixel);color:var(--muted);text-transform:uppercase}.clock{background:var(--ink);height:12px;padding:2px}.clock i{height:100%;width:calc(var(--f) * 100%);background:var(--ok);display:block}.clock.low i{background:var(--no);animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.55}}.item{gap:12px;animation:.28s steps(4,end) both drop-in;display:grid}@keyframes drop-in{0%{opacity:0;transform:translateY(-12px)}}.prompt{font:700 20px/1.25 var(--font-text);color:var(--px-white);margin:0}.prompt small{color:var(--muted);font-weight:400}.choices{grid-template-columns:1fr 1fr;gap:12px;padding:4px;display:grid}.choices.n2{grid-template-columns:1fr 1fr}.choice{min-height:56px;font:700 17px/1.2 var(--font-text);text-transform:none;animation:.25s steps(4,end) both rise;animation-delay:calc(var(--i) * 40ms);padding:8px 10px}.choice.picked{background:var(--px-p2-lt)}.choice.right{background:var(--ok)}.choice.wrong{background:var(--no);color:var(--px-white)}.choice.dim{opacity:.5}.typed{gap:4px;display:grid}.typed-row{grid-template-columns:1fr auto;gap:12px;padding:4px;display:grid}.typed-row.shake{animation:.32s steps(6,end) shake}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.typed input{background:var(--px-white);min-width:0;height:52px;color:var(--ink);font:700 19px var(--font-text);box-shadow:0 calc(-1 * var(--u)) 0 0 var(--ink), 0 var(--u) 0 0 var(--ink), calc(-1 * var(--u)) 0 0 0 var(--ink), var(--u) 0 0 0 var(--ink);border:0;border-radius:0;padding:0 14px}.typed input::placeholder{color:var(--px-stone);font-weight:400}.typed .go{background:var(--gold);min-width:72px}.typed-note{min-height:20px;color:var(--px-pink);margin:0;font-weight:700}.clues{gap:6px;margin:0;padding:0;list-style:none;display:grid}.clues li{background:var(--panel);color:var(--px-white);padding:10px 12px;font-weight:700}.clues li.on{background:var(--px-cream);color:var(--ink);animation:.25s steps(4,end) both drop-in}.clue-wait{font:400 12px/1 var(--font-pixel);color:var(--px-stone-lt);text-transform:uppercase}.poster{aspect-ratio:2/3;background:var(--ink);width:min(56vw,220px);box-shadow:0 0 0 var(--u) var(--ink);margin:0 auto;position:relative;overflow:hidden}.poster img{object-fit:cover;will-change:transform;width:100%;height:100%;display:block}.record{justify-self:center}.record.spin .px-ico{animation:.6s steps(2,end) infinite blink}.spelt{background:var(--ink);border:0;flex-wrap:wrap;justify-content:center;gap:6px;min-height:48px;padding:6px;display:flex}.spelt span{background:var(--px-dusk);width:30px;height:36px;color:var(--px-white);font:700 24px/1 var(--font-pixel);place-items:center;display:grid}.spelt span.on{background:var(--px-cream);color:var(--ink)}.tiles-wrap,.r-scramble .tiles{flex-wrap:wrap;justify-content:center;gap:10px;padding:4px;display:flex}.r-scramble .tile{min-width:44px;min-height:48px;padding:0;font-size:24px}.r-scramble .tile.used{visibility:hidden}.flag{box-shadow:0 0 0 var(--u) var(--ink);background:var(--ink);line-height:0;display:block}.flag svg{width:100%;height:auto;display:block}.flag.big{width:min(64vw,240px);margin:4px auto 8px}.flag-grid{grid-template-columns:1fr 1fr}.flag-grid .choice{background:var(--panel);padding:10px}.flag-grid .choice .flag{width:100%}.city{aspect-ratio:1;background:var(--px-cream);width:min(64vw,260px);box-shadow:0 0 0 var(--u) var(--ink);border-radius:50%;margin:4px auto 8px;display:block}.city-land{fill:var(--px-cream)}.city-roads{fill:none;stroke:var(--ink);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.city-water{fill:none;stroke:var(--px-water-lt);stroke-width:7px}.city-water-area{fill:var(--px-water-lt);stroke:none}.city.none{color:var(--ink);place-items:center;display:grid}.worldmap{position:relative}.worldmap svg{aspect-ratio:5/2;background:var(--px-water);width:100%;box-shadow:0 0 0 var(--u) var(--ink);touch-action:manipulation;cursor:crosshair;display:block}.worldmap .sea{fill:var(--px-water)}.worldmap .land{fill:var(--px-tan);stroke:var(--px-brown);stroke-width:.4px}.worldmap .borders{fill:none;stroke:var(--px-brown);opacity:.6}.worldmap .pin path{fill:var(--px-red);stroke:var(--ink);stroke-width:1.5px}.worldmap .pin-dot{fill:var(--px-white)}.worldmap .truth{fill:var(--ok);stroke:var(--ink);stroke-width:1.5px}.zoomout{position:absolute;top:8px;right:8px}.map-note{color:var(--muted);text-align:center;margin:8px 0 0;font-size:14px}.lives{vertical-align:middle;color:var(--px-dusk);gap:2px;margin-left:8px;display:inline-flex}.lives .on{color:var(--px-pink)}.wall{grid-template-columns:repeat(4,1fr);gap:8px;padding:4px;display:grid}.wall.shake{animation:.32s steps(6,end) shake}.wtile{min-height:56px;font:700 14px/1.1 var(--font-text);text-transform:none;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;padding:4px}.wtile.sel{background:var(--px-p2-lt)}.wtile.g0,.wall-links .g0,.b0{background:var(--px-brown);color:var(--px-white)}.wtile.g1,.wall-links .g1,.b1{background:var(--px-clay);color:var(--ink)}.wtile.g2,.wall-links .g2,.b2{background:var(--px-stone-lt);color:var(--ink)}.wtile.g3,.wall-links .g3,.b3{background:var(--px-crystal);color:var(--px-white)}.wtile:disabled{filter:none}.wall-links{gap:4px;display:grid}.wall-links span{align-items:baseline;gap:10px;padding:6px 10px;font-weight:700;animation:.25s steps(4,end) both drop-in;display:flex}.wall-links small{font:400 8px/1 var(--font-pixel);text-transform:uppercase;opacity:.85}.k-wallday .wtile{min-height:64px;font-size:15px}.hilo-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hcard{text-align:center;background:var(--px-cream);color:var(--ink);min-height:96px;box-shadow:0 0 0 var(--u) var(--ink);align-content:center;gap:6px;padding:14px 8px;display:grid}.hcard b{font-size:17px;line-height:1.2}.hcard span{font:700 24px/1 var(--font-pixel);color:var(--px-clay-dk)}.hcard.q span{color:var(--px-p2)}.hilo-btns .choice{font-family:var(--font-pixel);text-transform:uppercase;font-size:16px}.arrow{display:inline-flex}.arrow.up{transform:rotate(180deg)}.events{gap:10px;padding:4px;display:grid}.event{text-align:left;font:700 16px/1.25 var(--font-text);text-transform:none;justify-content:flex-start;min-height:52px;padding:8px 12px}.event .n{background:var(--px-dusk);width:28px;height:28px;color:var(--px-white);font:700 16px/1 var(--font-pixel);flex:none;place-items:center;display:grid}.event.on{background:var(--px-p2-lt)}.event.on .n{background:var(--ink);color:var(--gold)}.grid{grid-template-columns:repeat(var(--n), 1fr);gap:8px;width:min(100%,320px);margin:0 auto;display:grid}.cell{aspect-ratio:1;background:var(--panel);box-shadow:inset 0 calc(-1 * var(--u)) 0 0 #0000004d;border:0;border-radius:0}.cell.lit{background:var(--gold);animation:none}.cell.on{background:var(--px-p2-lt)}.sum{text-align:center;font:700 32px/1.2 var(--font-pixel);color:var(--px-white);margin:0}.sum b{color:var(--gold)}.sum b.empty{color:var(--px-stone)}.pad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:320px;margin:0 auto;padding:4px;display:grid}.pad .key{min-height:52px;font-size:24px}.stroop-card{background:var(--px-white);min-height:104px;box-shadow:0 0 0 var(--u) var(--ink);place-items:center;display:grid}.stroop-card span{font:700 48px/1 var(--font-pixel)}.devowelled{text-align:center;background:var(--ink);color:var(--gold);font:700 32px/1.2 var(--font-pixel);word-spacing:4px;letter-spacing:0;margin:0;padding:16px 12px}.r-step{gap:10px;display:grid}.step-n{font:400 16px/1 var(--font-pixel);color:var(--muted);text-transform:uppercase;margin:0}.step-q{font:700 21px/1.3 var(--font-text);color:var(--px-white);margin:0}.step-media .devowelled{font-size:24px}.step-media .flag.big{width:min(52vw,200px)}.step-media .city{width:min(52vw,220px)}.poster.still{width:min(40vw,150px)}.step-hint{background:var(--px-dusk);color:var(--gold);align-items:center;gap:8px;margin:0;padding:8px 12px;font-weight:700;animation:.25s steps(4,end) both drop-in;display:flex}.step-acts{justify-content:space-between;gap:8px;display:flex}.step-acts .px-btn.ghost{color:var(--muted);min-height:44px}.flash{z-index:5;pointer-events:none;gap:2px;max-width:520px;margin:0 auto;padding:10px 14px;animation:1.5s steps(8,end) both flash;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.flash b{font:700 24px/1 var(--font-pixel);text-transform:uppercase}.flash span{font-size:15px;font-weight:700}.flash.ok{background:var(--ok)}.flash.no{background:var(--px-pink)}@keyframes flash{0%{opacity:0;transform:translateY(-16px)}12%,80%{opacity:1;transform:none}to{opacity:0}}.count{text-align:center;justify-items:center;gap:8px;padding:20px 16px;display:grid;margin-top:8px!important}.count .kicker{color:var(--px-clay-dk);margin:0}.round-title{font:700 32px/1.1 var(--font-pixel);text-transform:uppercase;margin:0}.blurb{max-width:34ch;margin:0;font-size:17px}.count-n{place-items:center;height:72px;display:grid}.count-n .pop{font:700 64px/1 var(--font-pixel);color:var(--px-clay);animation:.9s steps(5,end) both pop}.count-n .ready{font:400 16px/1 var(--font-pixel);text-transform:uppercase;color:var(--px-stone);animation:.8s steps(2,end) infinite blink}@keyframes pop{0%{opacity:0;transform:scale(2)}30%{opacity:1;transform:scale(1)}to{transform:scale(.9)}}.plan{gap:6px;display:flex}.plan span{background:var(--px-stone-lt);width:24px;height:8px}.plan span.done{background:var(--px-stone)}.plan span.now{background:var(--px-clay)}.waiting{text-align:center;padding:24px 0}.waiting h3{font:700 32px/1 var(--font-pixel);text-transform:uppercase;color:var(--gold);margin:0 0 8px}.waiting p{color:var(--muted);margin:0}.round-result{gap:12px;padding:16px;display:grid;margin-top:8px!important}.round-result .kicker{color:var(--px-clay-dk);margin:0}.stamp{font:700 24px/1.1 var(--font-pixel);text-transform:uppercase;background:var(--ink);color:var(--px-white);justify-self:start;margin:0;padding:8px 12px;animation:.45s steps(5,end) both stamp;transform:rotate(-2deg)}.stamp.win{background:var(--px-grass-dk)}.stamp.lose{background:var(--px-rose)}@keyframes stamp{0%{opacity:0;transform:scale(2.2)rotate(-8deg)}60%{opacity:1;transform:scale(.94)rotate(-2deg)}to{transform:scale(1)rotate(-2deg)}}.h2h{gap:6px;display:grid}.h2h-row{background:var(--px-tan);grid-template-columns:1fr auto auto;grid-template-areas:"who got tot""right time tot";align-items:center;column-gap:12px;padding:8px 10px;display:grid}.h2h-row.won{background:var(--px-hot)}.h2h.ranked .h2h-row{grid-template-columns:24px 1fr auto auto;grid-template-areas:"place who got tot""place right time tot"}.h2h-row .place{font:700 18px/1 var(--font-pixel);grid-area:place}.h2h.ranked .h2h-row.me .who{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.h2h-row .who{white-space:nowrap;text-overflow:ellipsis;grid-area:who;font-weight:700;overflow:hidden}.h2h-row .got{font:700 16px/1 var(--font-pixel);color:var(--px-grass-dk);grid-area:got}.h2h-row .right{grid-area:right;font-size:14px}.h2h-row .time{grid-area:time;align-items:center;gap:4px;font-size:14px;display:inline-flex}.h2h-row .tot{font:700 24px/1 var(--font-pixel);text-align:right;grid-area:tot}.gap{margin:0;font-weight:700}.review{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.review li{background:var(--px-stone-lt);padding:4px 8px;font-size:13px;font-weight:700}.review li.ok{background:var(--px-grass)}.final{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;min-width:0;padding:16px;display:grid;margin-top:8px!important}.final .headline{overflow-wrap:anywhere;max-width:100%}.final .headline.long{font-size:clamp(24px,8vw,40px)}.final .kicker{color:var(--px-clay-dk);margin:0}.headline{font:700 48px/1 var(--font-pixel);text-transform:uppercase;margin:0;animation:.55s steps(6,end) both stamp}.headline.win{color:var(--px-grass-dk)}.headline.lose{color:var(--px-rose)}.final-depths{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.final-depths div{background:var(--px-tan);gap:4px;padding:10px;display:grid}.final-depths div.won{background:var(--px-hot)}.final-depths span{font-weight:700}.final-depths b{font:700 24px/1 var(--font-pixel)}.final-depths small{font-size:13px}.podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:grid}.podium li{background:var(--px-tan);text-align:center;justify-items:center;gap:4px;min-width:0;padding:8px 4px;display:grid}.podium li .who{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.podium li .place{font:700 14px/1 var(--font-pixel);text-transform:uppercase}.podium li b{font:700 18px/1 var(--font-pixel)}.podium .step-1{background:var(--px-hot);order:2;padding-top:28px}.podium .step-2{order:1;padding-top:16px}.podium .step-3{order:3}.podium .step-4{order:4;grid-column:1/-1;grid-template-columns:auto 1fr auto;justify-items:start;padding:8px 10px}.podium li.me{box-shadow:inset 0 0 0 3px var(--ink)}.record{background:var(--ink);color:var(--gold);margin:0;padding:6px 10px;font-weight:700}.final-acts{gap:12px;width:100%;display:grid}.final-acts .note{color:var(--px-stone)}.final .ol-result{color:var(--ink)}.reveal{grid-template-rows:auto auto;min-height:100svh;display:grid}.reveal-map{background:var(--px-soil-3);height:min(64svh,560px);padding:0 max(12px, env(safe-area-inset-right)) 0 calc(56px + env(safe-area-inset-left));position:relative}.reveal-map canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.reveal-card{gap:10px;width:calc(100% - 32px);max-width:480px;margin:-24px auto 32px;padding:16px;display:grid;position:relative}.reveal-card .kicker{color:var(--px-clay-dk);margin:0}.reveal-sub,.median,.streak{margin:0;font-weight:700}.median{color:var(--px-water)}.streak{color:var(--px-magma);align-items:center;gap:8px;display:inline-flex}.steps{gap:4px;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--px-tan);grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.steps li.skip{background:var(--px-stone-lt)}.steps .n{font:700 16px/1 var(--font-pixel);text-align:center}.steps .a{font-weight:700}.steps .t{font:400 16px/1 var(--font-pixel);align-items:center;gap:4px;display:inline-flex}.friends{gap:6px;display:grid}.friends h3{color:var(--px-clay-dk)}.friends li{background:var(--px-tan);grid-template-columns:28px 1fr auto;gap:10px;padding:6px 8px;display:grid}.friends li.me{background:var(--px-hot)}.friends .n{font:700 16px/1 var(--font-pixel)}.friends b{font:400 16px/1 var(--font-pixel)}.reveal-card .note{color:var(--px-stone)}.dailies{gap:16px;display:grid}.daily-card.conn-card{background:var(--px-white)}.wall-mini{gap:4px;display:flex}.wall-mini i{width:16px;height:16px;box-shadow:0 0 0 2px var(--ink)}@media (width>=640px) and (orientation:portrait),(width>=1000px){.dailies{grid-template-columns:1fr 1fr}}.duel-type{grid-template-columns:1fr 1fr;gap:12px;padding:4px;display:grid}.duel-type .type{flex-direction:column;gap:4px;min-height:64px}.duel-type .type small{font:400 13px/1.2 var(--font-text);text-transform:none}.duel-type .type.on{background:var(--gold)}.reveal-map.blocks{place-items:center;padding:72px 16px 48px;display:grid}.guess-grid{gap:8px;display:grid}.guess-row{gap:8px;animation:.3s steps(4,end) both drop-in;display:flex}.guess-row i{width:44px;height:44px;box-shadow:0 0 0 var(--u) var(--ink), inset 0 calc(-1 * var(--u)) 0 0 #00000040}.steps li.band{color:inherit}.steps li.band .t{text-transform:uppercase;font-size:8px}.lobby{min-height:100svh;padding:calc(56px + env(safe-area-inset-top)) 16px 32px;align-content:start;justify-items:center;gap:16px;display:grid}.lobby-card{background:var(--px-soil-2);width:100%;max-width:480px;color:var(--fg);padding:16px}.lobby .note{max-width:40ch}.center-screen{text-align:center;place-content:center;justify-items:center;gap:16px;min-height:100svh;padding:16px;display:grid}.loading{font:400 16px/1 var(--font-pixel);text-transform:uppercase;color:var(--muted);animation:.9s steps(2,end) infinite blink}.card-box{gap:12px;padding:16px;display:grid}.card-box h2{margin:0}.scrim{z-index:50;background:#1a1423b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{gap:12px;width:100%;max-width:420px;padding:20px 16px 16px;animation:.25s steps(4,end) both drop-in;display:grid;position:relative}.sheet h2{font:700 24px/1.1 var(--font-pixel);text-transform:uppercase;margin:0}.sheet .kicker{color:var(--px-clay-dk);margin:0}.sheet .x{width:44px;height:44px;color:var(--ink);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:8px;right:8px}.how-art{flex-wrap:wrap;gap:8px;display:flex}.how-chip{background:var(--ink);color:var(--gold);font:400 16px/1 var(--font-pixel);align-items:center;gap:6px;padding:8px 10px;animation:.3s steps(4,end) both rise;display:inline-flex}.how-line{margin:0}.dots{justify-content:center;gap:6px;display:flex}.dots span{background:var(--px-stone-lt);width:8px;height:8px}.dots span.on{background:var(--ink)}.how-nav{justify-content:flex-end;gap:12px;display:flex}.back-fallback{z-index:40;left:max(10px, env(safe-area-inset-left));top:max(10px, env(safe-area-inset-top));background:var(--ink);width:40px;height:40px;color:var(--fg);place-items:center;display:grid;position:fixed}.sound-chip{z-index:30;right:max(12px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top));background:var(--ink);color:var(--muted);font:400 12px/1 var(--font-text);pointer-events:none;align-items:center;gap:6px;padding:6px 10px;display:flex;position:fixed}.toast{z-index:60;left:50%;bottom:max(24px, env(safe-area-inset-bottom));background:var(--ink);color:var(--px-white);max-width:calc(100% - 32px);padding:10px 14px;font-weight:700;position:fixed;transform:translate(-50%)}.watching{z-index:30;background:var(--ink);max-width:420px;color:var(--muted);text-align:center;margin:0 auto;padding:10px 14px;position:fixed;bottom:16px;left:16px;right:16px}@media (orientation:landscape) and (height<=540px){.sound-chip{top:auto;right:auto;left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom))}.match,.hole{grid-template-rows:1fr;grid-template-columns:minmax(260px,42%) 1fr;height:100svh}.panel{border-top:0;border-left:var(--u) solid var(--ink);padding:12px 16px}.home{grid-template-rows:none;grid-template-columns:42% 1fr;height:100svh}.home-scene{height:100svh}.home .start{max-height:100svh;overflow-y:auto}.logo{font-size:32px}.reveal{grid-template-rows:none;grid-template-columns:46% 1fr;height:100svh}.reveal-map{height:100svh}.reveal-card{max-height:calc(100svh - 32px);margin:16px auto;overflow-y:auto}.poster{width:min(30vh,160px)}.flag.big,.city{width:min(36vh,180px)}.choice{min-height:48px}.hud{padding-left:56px}}@media (width>=900px) and (height>=600px){.match,.hole{grid-template-rows:1fr;grid-template-columns:1fr minmax(420px,40%)}.panel{border-top:0;border-left:var(--u) solid var(--ink);align-content:center;padding:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.loading-map{aspect-ratio:5/2;background:var(--px-water)}:where(:root){--ol-bg:#17112c;--ol-surface:#221a3e;--ol-fg:#f6f1ff;--ol-muted:#a99fc7;--ol-accent:#ff3d7f;--ol-accent-2:#e0306e;--ol-accent-fg:#fff;--ol-ok:#3cd68a;--ol-warn:#ffc53d;--ol-danger:#ff5a4e;--ol-tile:#00000059;--ol-tile-fg:var(--ol-fg);--ol-qr-bg:#fff;--ol-qr-fg:#111;--ol-scrim:#05030ca8;--ol-radius:18px;--ol-btn-radius:999px;--ol-font:inherit;--ol-display:inherit;--ol-shadow:0 10px 30px #00000059}.ol-lobby,.ol-sheet,.ol-ended,.ol-card,.ol-toast,.ol-pill,.ol-result{font-family:var(--ol-font);color:var(--ol-fg);-webkit-tap-highlight-color:transparent}.ol-lobby{gap:14px;width:100%;max-width:460px;margin:0 auto;display:grid}.ol-i{flex:none;display:block}.ol-btn{border-radius:var(--ol-btn-radius);background:var(--ol-surface);min-height:48px;color:var(--ol-fg);font:700 16px var(--ol-font);cursor:pointer;touch-action:manipulation;border:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:transform .15s cubic-bezier(.2,.9,.25,1.15),filter .15s,opacity .2s;display:inline-flex;box-shadow:0 4px 14px #00000040}.ol-btn:active:not(:disabled){transform:scale(.96)}.ol-btn:disabled{opacity:.5;cursor:default}.ol-btn.primary{background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));color:var(--ol-accent-fg);box-shadow:0 10px 28px color-mix(in srgb, var(--ol-accent) 40%, transparent)}.ol-btn.primary.done{background:color-mix(in srgb, var(--ol-ok) 85%, #000);color:#062615;box-shadow:0 10px 28px color-mix(in srgb, var(--ol-ok) 35%, transparent)}.ol-btn.big{width:100%;min-height:58px;font-size:19px;font-family:var(--ol-display)}.ol-btn.small{min-height:44px;padding:0 14px;font-size:15px}.ol-btn.ghost{box-shadow:none;color:var(--ol-muted);background:0 0}.ol-btn.danger{background:var(--ol-danger);color:#fff}.ol-btn:focus-visible,.ol-iconbtn:focus-visible,.ol-more:focus-visible,.ol-link:focus-visible,.ol-x:focus-visible,.ol-field:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-iconbtn,.ol-more,.ol-x{background:var(--ol-surface);width:48px;height:48px;color:var(--ol-fg);cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.ol-iconbtn:disabled{opacity:.4}.ol-more,.ol-x{width:44px;height:44px;color:var(--ol-muted);background:0 0}.ol-link{min-height:44px;color:var(--ol-muted);font:700 15px var(--ol-font);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:center;padding:0 12px;text-decoration:underline}.ol-note{color:var(--ol-muted);text-align:center;margin:0;font-size:15px}.ol-note.warn{color:var(--ol-warn);font-weight:700}.ol-code{font:600 15px var(--ol-font);color:var(--ol-muted);justify-items:center;gap:6px;margin:0;display:grid}.ol-code span{gap:8px;display:flex}.ol-code b{background:var(--ol-tile);width:52px;height:60px;color:var(--ol-tile-fg);font:400 36px var(--ol-display);animation:ol-pop .4s calc(var(--i) * 60ms) cubic-bezier(.2, 1.5, .4, 1) both;border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 2px 8px #00000059}.ol-pencil{align-items:center;gap:2px;min-width:0;display:flex}.ol-pencil b{white-space:nowrap}.ol-pname .ol-pencil b{text-overflow:ellipsis;overflow:hidden}.ol-pen{width:40px;height:40px;color:var(--ol-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:-8px 0;padding:0;display:grid}.ol-pen:active{transform:scale(.92)}.ol-pen:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-pencil.editing .ol-field{min-height:40px;font-size:17px}.ol-pencil.editing{flex-wrap:wrap}.ol-pencil.editing .ol-note{text-align:left;flex-basis:100%;font-size:14px}.ol-field{min-width:0;min-height:52px;color:var(--ol-fg);font:600 19px var(--ol-font);background:#00000059;border:0;border-radius:14px;flex:1;padding:0 14px;box-shadow:inset 0 2px 6px #00000073}.ol-players{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ol-player{background:var(--ol-surface);border-radius:16px;align-items:center;gap:12px;min-height:60px;padding:8px 8px 8px 10px;display:flex}.ol-player.mine{background:color-mix(in srgb, var(--ol-accent) 18%, var(--ol-surface))}.ol-player.away .ol-pname small{color:var(--ol-warn)}.ol-player.empty{background:color-mix(in srgb, var(--ol-surface) 45%, transparent);color:var(--ol-muted)}.ol-ava{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative}.ol-ava.ghost{background:#ffffff0f}.ol-ava-spin{background:var(--ol-warn);color:#2a1a00;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-4px;right:-4px}.ol-ava-spin .ol-i{animation:1.2s linear infinite ol-spin}.ol-oftrava,.ol-oftrava svg{border-radius:50%;display:block}.ol-botava{color:var(--ol-muted);background:#ffffff1a;border-radius:50%;place-items:center;display:grid}.ol-guest{display:block}.ol-pname{flex:1;min-width:0;display:grid}.ol-pname b{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.ol-pname small{color:var(--ol-muted);font-size:14px}.ol-tags{gap:4px;display:flex}.ol-tag{width:30px;height:30px;color:var(--ol-muted);background:#00000040;border-radius:50%;place-items:center;display:grid}.ol-tag.host{color:var(--ol-warn)}.ol-tag.ok{background:color-mix(in srgb, var(--ol-ok) 25%, transparent);color:var(--ol-ok)}.ol-ready{min-height:30px;color:var(--ol-muted);white-space:nowrap;background:#00000040;border-radius:999px;align-items:center;gap:4px;padding:0 10px 0 8px;font-size:14px;font-weight:700;display:inline-flex}.ol-ready.ok{background:color-mix(in srgb, var(--ol-ok) 25%, transparent);color:var(--ol-ok)}.ol-ask{gap:6px;display:flex}.ol-invite{border-radius:var(--ol-radius);background:color-mix(in srgb, var(--ol-surface) 60%, transparent);align-items:center;gap:14px;padding:12px;display:flex}.ol-invite-acts{flex:1;gap:8px;min-width:0;display:grid}.ol-invite-acts p{margin:0;font-weight:700}.ol-qr{border-radius:10px;flex:none}.ol-qr-bg{fill:var(--ol-qr-bg)}.ol-qr-fg{fill:var(--ol-qr-fg)}@media (width<=360px){.ol-invite{flex-direction:column}.ol-invite-acts{width:100%}}.ol-settings,.ol-startbar{gap:8px;display:grid}.ol-stepper{justify-content:center;align-items:center;gap:14px;font-weight:700;display:flex}.ol-stepper span{justify-content:center;align-items:center;gap:6px;min-width:7ch;display:inline-flex}.ol-leave{justify-items:center;gap:6px;display:grid}.ol-scrim{z-index:2147482500;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));background:var(--ol-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:end center;animation:.2s both ol-fade;display:grid;position:fixed;inset:0}@media (width>=600px){.ol-scrim{place-items:center}}.ol-sheet{background:var(--ol-bg);text-align:center;border-radius:28px;justify-items:center;gap:10px;width:min(420px,100%);padding:24px 18px 18px;animation:.35s cubic-bezier(.2,.9,.25,1.1) both ol-up;display:grid;box-shadow:0 30px 80px #0000008c}.ol-sheet h2,.ol-ended h2{font:400 24px var(--ol-display);margin:0;line-height:1.15}.ol-sheet p,.ol-ended p{color:var(--ol-muted);max-width:34ch;margin:0;font-size:16px}.ol-sheet-acts{gap:6px;width:100%;margin-top:8px;display:grid}.ol-sheet-acts .ol-btn.primary{min-height:54px;font-size:18px}.ol-sheet-i{background:var(--ol-surface);width:60px;height:60px;color:var(--ol-accent);border-radius:50%;place-items:center;display:grid}.ol-sheet-i.small{flex:none;width:40px;height:40px}.ol-ended{background:var(--ol-bg);text-align:center;width:min(420px,100%);box-shadow:var(--ol-shadow);border-radius:28px;justify-items:center;gap:12px;margin:auto;padding:28px 20px;display:grid}.ol-card{border-radius:var(--ol-radius);background:var(--ol-bg);box-shadow:var(--ol-shadow);align-items:center;gap:12px;padding:10px 8px 10px 12px;animation:.35s cubic-bezier(.2,.9,.25,1.1) both ol-up;display:flex}.ol-card-t{text-align:left;flex:1;min-width:0;display:grid}.ol-card-t b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ol-card-t small{color:var(--ol-muted);font-size:14px}.ol-back2 .ol-card-t b{white-space:normal}.ol-friends{gap:8px;display:grid}.ol-toast{z-index:2147482400;left:50%;bottom:max(20px, env(safe-area-inset-bottom));background:var(--ol-bg);text-align:center;width:max-content;max-width:calc(100vw - 32px);height:max-content;box-shadow:var(--ol-shadow), 0 0 18px color-mix(in srgb, var(--ol-warn) 30%, transparent);border-radius:16px;padding:12px 18px;font-weight:700;animation:.3s both ol-up;position:fixed;transform:translate(-50%)}.ol-pill{z-index:2147482400;top:max(12px, env(safe-area-inset-top));background:var(--ol-warn);color:#2a1a00;min-height:40px;box-shadow:var(--ol-shadow);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:800;animation:.2s both ol-fade;display:inline-flex;position:fixed;left:50%;transform:translate(-50%)}.ol-spin{animation:1.2s linear infinite ol-spin}@keyframes ol-spin{to{transform:rotate(360deg)}}@keyframes ol-fade{0%{opacity:0}}@keyframes ol-up{0%{opacity:0;transform:translateY(18px)}}.ol-toast{animation-name:ol-toast}@keyframes ol-toast{0%{opacity:0;transform:translate(-50%,18px)}}@keyframes ol-pop{0%{opacity:0;transform:scale(.6)}}:where(:root){--ol-gold:var(--ol-warn);--ol-silver:#c9d4e3;--ol-bronze:#e09a62}.ol-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.ol-board{text-align:left;flex-direction:column;align-items:stretch;gap:12px;width:min(460px,100%);max-height:calc(100dvh - 32px);padding:18px 14px 14px;display:flex;position:relative}.ol-board>h2{text-align:center;justify-content:center;align-items:center;gap:8px;padding:0 44px;display:flex}.ol-board>h2 .ol-i{color:var(--ol-gold)}.ol-board>.ol-x{position:absolute;top:8px;right:8px}.ol-board p{max-width:none}.ol-board .ol-note{padding:6px 4px}.ol-board .ol-note.small{padding:4px;font-size:13px}.ol-board.busy .ol-bscroll{opacity:.55;transition:opacity .2s}.ol-bctl{gap:6px;display:grid}.ol-tabs{border-radius:var(--ol-btn-radius);background:var(--ol-surface);grid-template-columns:repeat(3,1fr);padding:4px;display:grid;position:relative;box-shadow:inset 0 2px 6px #00000040}.ol-tabs:before{content:"";border-radius:var(--ol-btn-radius);background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));width:calc(33.3333% - 2.66667px);box-shadow:0 6px 18px color-mix(in srgb, var(--ol-accent) 35%, transparent);transform:translateX(calc(var(--i,0) * 100%));transition:transform .3s cubic-bezier(.2,.9,.25,1.1);position:absolute;top:4px;bottom:4px;left:4px}.ol-tab{border-radius:var(--ol-btn-radius);min-height:44px;color:var(--ol-muted);font:700 15px var(--ol-font);cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0 6px;transition:color .2s;position:relative}.ol-tab.on{color:var(--ol-accent-fg)}.ol-vs{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 2px;display:flex}.ol-vs-lv{border-radius:var(--ol-btn-radius);background:color-mix(in srgb, var(--ol-surface) 50%, transparent);align-items:center;gap:2px;margin-left:4px;padding:0 2px;display:flex}.ol-chip{border-radius:var(--ol-btn-radius);min-height:40px;color:var(--ol-muted);font:700 14px var(--ol-font);cursor:pointer;touch-action:manipulation;background:0 0;border:0;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.ol-chip.lv{padding:0 8px;font-size:13px}.ol-chip.on{background:var(--ol-surface);color:var(--ol-fg)}.ol-chip .ol-i{opacity:.8}.ol-tab:focus-visible,.ol-chip:focus-visible,.ol-result a:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-bscroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-direction:column;flex:auto;gap:10px;min-height:0;margin:0 -6px;padding:0 6px 2px;display:flex;overflow-y:auto}.ol-podium{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:6px;margin:0;padding:30px 0 0;list-style:none;display:grid}.ol-pod{--m:var(--ol-gold);text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.ol-pod.p2{--m:var(--ol-silver);order:-1}.ol-pod.p3{--m:var(--ol-bronze)}.ol-pod-ava{background:color-mix(in srgb, var(--m) 30%, transparent);box-shadow:0 0 0 3px var(--m), 0 8px 22px color-mix(in srgb, var(--m) 35%, transparent);animation:ol-pop .45s calc(var(--d,0) + .2s) cubic-bezier(.2, 1.5, .4, 1) both;border-radius:50%;place-items:center;padding:3px;display:grid;position:relative}.ol-pod.p1{--d:.12s}.ol-pod.p2{--d:0s}.ol-pod.p3{--d:.24s}.ol-pod.me .ol-pod-ava{box-shadow:0 0 0 3px var(--m), 0 0 24px 5px color-mix(in srgb, var(--ol-accent) 60%, transparent)}.ol-pod-crown{color:var(--ol-gold);filter:drop-shadow(0 2px 6px color-mix(in srgb, var(--ol-gold) 60%, transparent));position:absolute;top:-24px;left:50%;translate:-50%;rotate:-8deg}.ol-pod-ghost{background:color-mix(in srgb, var(--ol-fg) 7%, transparent);border-radius:50%;width:54px;height:54px;display:block}.ol-pod.p1 .ol-pod-ghost{width:68px;height:68px}.ol-pod.open .ol-pod-ava{box-shadow:none;background:0 0}.ol-pod.open .ol-pod-crown{opacity:.35}.ol-pod-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:8px;font-size:15px;overflow:hidden}.ol-pod.p1 .ol-pod-name{font-size:16px}.ol-pod.me .ol-pod-name{color:var(--ol-accent)}.ol-pod-stat{color:var(--ol-muted);align-items:baseline;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.ol-pod-stat>b{color:var(--ol-fg);font:400 22px var(--ol-display);font-variant-numeric:tabular-nums;line-height:1.1}.ol-pod.p1 .ol-pod-stat>b{font-size:26px}.ol-pod-extra,.ol-pod-open{max-width:100%;color:var(--ol-muted);text-wrap:balance;font-size:12px;line-height:1.25}.ol-pod-open{margin-top:8px}.ol-pod-step{background:linear-gradient(180deg, color-mix(in srgb, var(--m) 70%, var(--ol-bg)), color-mix(in srgb, var(--m) 22%, var(--ol-bg)));width:100%;height:44px;box-shadow:inset 0 2px 0 #ffffff59, 0 10px 24px color-mix(in srgb, var(--m) 18%, transparent);transform-origin:bottom;animation:ol-rise .5s var(--d,0s) cubic-bezier(.2, .9, .25, 1.1) both;border-radius:14px 14px 6px 6px;place-items:start center;margin-top:8px;padding-top:6px;display:grid}.ol-pod.p1 .ol-pod-step{height:66px}.ol-pod.p3 .ol-pod-step{height:30px}.ol-pod-step span{font:400 24px var(--ol-display);color:color-mix(in srgb, var(--m) 25%, #160d05);line-height:1}.ol-pod.p3 .ol-pod-step span{font-size:18px}.ol-podium.empty .ol-pod-step{background:color-mix(in srgb, var(--m) 16%, var(--ol-bg));box-shadow:none}.ol-podium.empty .ol-pod-step span{color:color-mix(in srgb, var(--m) 45%, var(--ol-bg))}@keyframes ol-rise{0%{opacity:0;transform:scaleY(.2)}}.ol-blist{align-content:start;gap:6px;margin:0;padding:0;list-style:none;display:grid}.ol-brow{background:var(--ol-surface);min-height:58px;animation:ol-up .35s calc(.3s + var(--i,0) * 35ms) cubic-bezier(.2, .9, .25, 1.1) both;border-radius:16px;align-items:center;gap:10px;padding:7px 14px 7px 6px;display:flex}.ol-brow.me{z-index:1;background:linear-gradient(color-mix(in srgb, var(--ol-accent) 26%, transparent), color-mix(in srgb, var(--ol-accent) 26%, transparent)), var(--ol-bg);box-shadow:0 0 20px color-mix(in srgb, var(--ol-accent) 30%, transparent), 0 8px 24px #00000073;position:sticky;top:0;bottom:0}.ol-brank{flex:none;justify-items:center;width:34px;line-height:1;display:grid}.ol-brank>b{font:400 19px var(--ol-display);color:var(--ol-muted);font-variant-numeric:tabular-nums}.ol-brow.me .ol-brank>b{color:var(--ol-fg)}.ol-bmove{font-variant-numeric:tabular-nums;align-items:center;gap:1px;font-size:12px;font-weight:800;display:inline-flex}.ol-bmove.up{color:var(--ol-ok)}.ol-bmove.down{color:color-mix(in srgb, var(--ol-danger) 80%, var(--ol-fg))}.ol-brank .ol-bmove{margin-top:3px}.ol-pod-stat .ol-bmove{align-self:center;margin-left:2px}.ol-bname{flex:1;gap:1px;min-width:0;display:grid}.ol-bname b,.ol-bname>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ol-bname b{font-size:16px}.ol-bname b small{color:var(--ol-muted);font-weight:600}.ol-bname>small{color:var(--ol-muted);font-size:13px}.ol-bwins{flex:none;justify-items:end;line-height:1.05;display:grid}.ol-bwins b{font:400 24px var(--ol-display);font-variant-numeric:tabular-nums}.ol-bwins small{color:var(--ol-muted);font-size:12px;font-weight:700}.ol-bme{gap:6px;padding-top:10px;display:grid;box-shadow:0 -10px 16px -14px #0009}.ol-bme .ol-brow{animation:none;position:static}.ol-bsign{justify-items:center;gap:10px;padding:4px 0;display:grid}.ol-bsign .ol-btn{text-decoration:none}.ol-bempty{text-align:center;justify-items:center;gap:6px;padding-bottom:6px;display:grid}.ol-bempty .ol-podium{width:100%;margin-bottom:8px}.ol-bempty-t{font:400 22px var(--ol-display);margin:0;color:var(--ol-fg)!important}.ol-bempty .ol-note{padding:0 0 8px}.ol-bempty .ol-btn{min-width:160px}.ol-result{border-radius:var(--ol-radius);background:var(--ol-surface);width:min(400px,100%);color:var(--ol-fg);text-align:left;box-shadow:var(--ol-shadow);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;margin:0 auto;padding:12px 12px 12px 14px;animation:.5s cubic-bezier(.2,1.4,.4,1) .1s both ol-card-in;display:flex}.ol-result.won{background:linear-gradient(135deg, color-mix(in srgb, var(--ol-gold) 22%, transparent), transparent 70%), var(--ol-surface)}.ol-result-badge{background:color-mix(in srgb, var(--ol-gold) 22%, transparent);width:46px;height:46px;color:var(--ol-gold);border-radius:50%;flex:none;place-items:center;display:grid}.ol-result.won .ol-result-badge{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--ol-gold) 70%, #fff), var(--ol-gold) 55%, color-mix(in srgb, var(--ol-gold) 60%, #000));color:color-mix(in srgb, var(--ol-gold) 20%, #1a0f00);box-shadow:0 0 22px color-mix(in srgb, var(--ol-gold) 55%, transparent);animation:.5s cubic-bezier(.2,1.6,.4,1) .35s both ol-pop}.ol-result-t{flex:150px;gap:2px;min-width:0;display:grid}.ol-result-t>b{font:400 20px var(--ol-display);line-height:1.15}.ol-result.won .ol-result-t>b{font-size:24px}.ol-result-t>span{color:var(--ol-muted);font-size:14px;font-weight:700}.ol-result-t .ol-bmove{vertical-align:-1px;gap:3px;font-size:13px}.ol-result .ol-result-go{flex:none;min-height:44px}.ol-result.won .ol-result-go{background:color-mix(in srgb, var(--ol-gold) 24%, var(--ol-bg))}@media (width<=380px){.ol-result .ol-result-go{flex:100%}}.ol-result.guest{width:auto;box-shadow:none;text-align:center;background:0 0;padding:0;animation:none;display:block}.ol-result.guest a{min-height:44px;color:var(--ol-muted);text-underline-offset:3px;align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}@keyframes ol-card-in{0%{opacity:0;transform:translateY(10px)scale(.94)}}@media (orientation:landscape) and (height<=500px){.ol-board{gap:8px;width:min(820px,100%);padding:10px 12px 12px}.ol-board>h2{justify-content:flex-start;padding:6px 44px 0 4px;font-size:20px}.ol-bctl{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.ol-tab{min-height:40px}.ol-bscroll{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;column-gap:14px;display:grid}.ol-bscroll>.ol-podium{position:sticky;top:0}.ol-bscroll>.ol-blist,.ol-bscroll>.ol-note.small{grid-column:2}.ol-bscroll>.ol-note.small{grid-row:2}.ol-bempty,.ol-bscroll>.ol-bsign,.ol-bscroll>.ol-note:not(.small){grid-column:1/-1}.ol-bempty{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:14px}.ol-bempty .ol-podium{grid-row:1/span 3;margin:0}.ol-pod-step{height:32px}.ol-pod.p1 .ol-pod-step{height:48px}.ol-pod.p3 .ol-pod-step{height:22px}.ol-pod-step span{font-size:18px}.ol-pod.p3 .ol-pod-step span{font-size:15px}.ol-brow{min-height:50px;padding-top:4px;padding-bottom:4px}}@media (prefers-reduced-motion:reduce){.ol-lobby *,.ol-scrim,.ol-sheet,.ol-card,.ol-toast,.ol-pill,.ol-code b,.ol-board *,.ol-board :before,.ol-result,.ol-result *{transition:none!important;animation:none!important}.ol-spin,.ol-ava-spin .ol-i{animation:none!important}}.ol-setup{border-radius:var(--ol-radius);background:var(--ol-bg);box-shadow:var(--ol-shadow);font-family:var(--ol-font);color:var(--ol-fg);gap:12px;padding:16px;display:grid}.ol-setup-h{font:800 18px var(--ol-display);text-align:center;margin:0}.ol-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ol-step{border-radius:calc(var(--ol-radius) - 4px);background:var(--ol-surface);grid-template-columns:32px 1fr;grid-template-areas:"n l""n b";align-items:center;gap:6px 12px;padding:12px;display:grid}.ol-step-n{background:color-mix(in srgb, var(--ol-fg) 12%, transparent);font-variant-numeric:tabular-nums;border-radius:50%;grid-area:n;align-self:start;place-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:grid}.ol-step.done .ol-step-n{background:var(--ol-ok);color:#062615}.ol-step-l{letter-spacing:.06em;text-transform:uppercase;color:var(--ol-muted);grid-area:l;font-size:13px;font-weight:800}.ol-step-b{flex-wrap:wrap;grid-area:b;align-items:center;gap:8px;min-width:0;display:flex}.ol-setup-look{align-items:center;gap:12px;display:flex}.ol-link{color:var(--ol-fg);text-underline-offset:3px;opacity:.85;align-items:center;min-height:44px;font-size:14px;font-weight:700;text-decoration:underline;display:inline-flex}.ol-cry{gap:8px;width:100%;display:grid}.ol-cry-wave{background:#00000059;border-radius:12px;align-items:center;gap:3px;height:64px;padding:0 12px;display:flex;position:relative;overflow:hidden}.ol-cry-wave i{background:var(--ol-accent);opacity:.85;border-radius:3px;flex:1;min-height:4px;transition:height 60ms linear}.ol-cry.idle .ol-cry-wave i{opacity:.55}.ol-cry.rec .ol-cry-wave{box-shadow:inset 0 0 0 2px var(--ol-danger)}.ol-cry.rec .ol-cry-wave i{background:var(--ol-danger)}.ol-cry.count .ol-cry-wave i{opacity:.4}.ol-cry-count{font:400 48px/1 var(--ol-display);color:var(--ol-fg);text-shadow:0 2px 8px #000c;place-items:center;animation:.75s ease-out both ol-count;display:grid;position:absolute;inset:0}@keyframes ol-count{0%{opacity:0;transform:scale(1.6)}30%{opacity:1;transform:scale(1)}}.ol-cry-rec{color:#fff;letter-spacing:.06em;font-variant-numeric:tabular-nums;background:#0009;border-radius:8px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:6px;left:8px}.ol-cry-rec em{background:var(--ol-danger);transform-origin:0;border-radius:2px;height:3px;position:absolute;bottom:-4px;left:0;right:0}.ol-rec-dot{background:var(--ol-danger);border-radius:50%;width:9px;height:9px;animation:1s steps(2,end) infinite ol-blink;display:inline-block}.ol-btn.danger .ol-rec-dot{background:currentColor}@keyframes ol-blink{50%{opacity:.25}}.ol-cry-what{font-weight:700}.ol-cry-acts,.ol-swatches{flex-wrap:wrap;gap:8px;display:flex}.ol-swatch{cursor:pointer;border:0;border-radius:50%;width:44px;height:44px;box-shadow:inset 0 0 0 3px #0003}.ol-swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--ol-bg), 0 0 0 6px var(--ol-fg)}.ol-sent{align-items:center;gap:8px;min-width:0;margin-top:2px;display:flex}.ol-sent-faces{flex:none;display:flex}.ol-sent-faces>*{box-shadow:0 0 0 2px var(--ol-bg,#111);border-radius:50%;margin-left:-8px}.ol-sent-faces>:first-child{margin-left:0}.ol-sent small{color:var(--ol-muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.ol-num{color:var(--ol-muted);font-weight:600}@media (prefers-reduced-motion:reduce){.ol-cry-wave i{transition:none}.ol-rec-dot,.ol-cry-count{animation:none}}.ol-emo{z-index:30;pointer-events:none;background:color-mix(in srgb, var(--ol-bg) 90%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);color:var(--ol-fg);font:800 14px/1 var(--ol-font);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 13px 6px 8px;animation:.5s cubic-bezier(.2,1.5,.4,1) both ol-emo-in,.3s ease-in 2.5s forwards ol-emo-out;display:inline-flex;position:absolute;box-shadow:0 10px 28px #00000073,inset 0 1px #ffffff1f}.ol-emo:after{content:"";background:inherit;border-radius:2px;width:10px;height:10px;position:absolute;rotate:45deg}.ol-emo-up{transform-origin:50% 100%;bottom:calc(100% + 10px);left:50%;translate:-50%}.ol-emo-up:after{bottom:-4px;left:calc(50% - 5px)}.ol-emo-down{transform-origin:50% 0;top:calc(100% + 10px);left:50%;translate:-50%}.ol-emo-down:after{top:-4px;left:calc(50% - 5px)}.ol-emo-right{transform-origin:0;top:50%;left:calc(100% + 10px);translate:0 -50%}.ol-emo-right:after{top:calc(50% - 5px);left:-4px}.ol-emo-inline{transform-origin:0;position:relative}.ol-emo-inline:after{content:none}.ol-emo-who{color:var(--ol-muted);font:800 13px/1 var(--ol-font);text-overflow:ellipsis;max-width:9em;overflow:hidden}.ol-emo.phrase .ol-emo-who{color:inherit;opacity:.8}.ol-emo.phrase{background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));color:var(--ol-accent-fg);font:400 18px/1 var(--ol-display);box-shadow:0 10px 28px color-mix(in srgb, var(--ol-accent) 45%, transparent);padding:9px 15px}.ol-emo.phrase:after{background:var(--ol-accent-2)}.ol-emo .ol-emo-i{filter:drop-shadow(0 2px 6px #00000059);animation:.6s cubic-bezier(.2,1.4,.4,1) 80ms both ol-emo-wig}@keyframes ol-emo-in{0%{opacity:0;scale:.3}55%{opacity:1;scale:1.14}78%{scale:.96}to{scale:1}}@keyframes ol-emo-out{to{opacity:0;scale:.85}}@keyframes ol-emo-wig{0%{rotate:-20deg;scale:.5}55%{rotate:12deg;scale:1.22}to{rotate:0deg;scale:1}}@keyframes ol-emo-shake{25%{translate:-4px}75%{translate:4px}}@keyframes ol-emo-gone{to{opacity:0}}.ol-emo-pick{display:inline-flex;position:relative}.ol-emo-btn{cursor:pointer;touch-action:manipulation;width:48px;height:48px;color:var(--ol-fg);background:color-mix(in srgb, var(--ol-bg) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;border-radius:50%;place-items:center;padding:0;transition:scale .15s cubic-bezier(.2,.9,.25,1.15),background .15s;display:grid;box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff1a}.ol-emo-btn:active{scale:.9}.ol-emo-btn.on{background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));color:var(--ol-accent-fg)}.ol-emo-btn.cool{color:var(--ol-muted);animation:.3s ease-in-out ol-emo-shake}.ol-emo-tray{z-index:40;background:color-mix(in srgb, var(--ol-bg) 88%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border-radius:22px;gap:8px;width:max-content;padding:10px;animation:.22s cubic-bezier(.2,.9,.25,1.15) both ol-emo-tray;display:grid;position:absolute;box-shadow:0 18px 50px #00000080,inset 0 1px #ffffff14}.ol-emo-tray-up{transform-origin:50% 100%;bottom:calc(100% + 10px)}.ol-emo-tray-down{transform-origin:50% 0;top:calc(100% + 10px)}.ol-emo-tray-end{right:0}.ol-emo-tray-start{left:0}.ol-emo-tray-center{left:50%;translate:-50%}@keyframes ol-emo-tray{0%{opacity:0;scale:.85}}.ol-emo-grid{grid-template-columns:repeat(5,48px);gap:4px;display:grid}.ol-emo-phrases{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ol-emo-opt{width:48px;height:48px;color:var(--ol-fg);cursor:pointer;touch-action:manipulation;animation:ol-pop .3s calc(var(--i) * 22ms) cubic-bezier(.2, 1.5, .4, 1) both;background:0 0;border:0;border-radius:14px;place-items:center;padding:0;transition:background .15s,scale .15s;display:grid}.ol-emo-opt:hover,.ol-emo-opt:focus-visible{background:var(--ol-surface)}.ol-emo-opt:active{scale:.86}.ol-emo-opt.phrase{background:var(--ol-surface);width:auto;height:40px;font:800 14px var(--ol-font);border-radius:999px;padding:0 14px}.ol-emo-opt.phrase:hover,.ol-emo-opt.phrase:focus-visible{background:color-mix(in srgb, var(--ol-accent) 30%, var(--ol-surface))}.ol-emo-btn:focus-visible,.ol-emo-opt:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-emo-row{justify-content:flex-end;margin-top:-6px;display:flex}@media (prefers-reduced-motion:reduce){.ol-emo{animation:.2s both ol-fade,.3s ease-in 2.5s forwards ol-emo-gone}.ol-emo .ol-emo-i,.ol-emo-opt{animation:none}.ol-emo-tray{animation:.15s both ol-fade}.ol-emo-btn.cool{animation:none}.ol-emo-btn,.ol-emo-opt{transition:none}}