.worldle .wl-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(16px,3vh,28px);width:100%;max-width:560px;margin:0 auto;padding:12px 0 28px;display:flex}.wl-outline-wrap{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.wl-outline{aspect-ratio:320/220;border-radius:var(--radius);background:radial-gradient(70% 70% at 50% 45%, hsl(var(--hue) 90% 55% / .1), transparent 75%);place-items:center;width:min(440px,78vw);display:grid}.wl-reveal{border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--panel-2);align-items:center;gap:12px;padding:10px 16px;display:flex}.wl-reveal.ok{background:#34d3991a;border-color:#34d3998c}.wl-reveal.bad{background:#fb71851a;border-color:#fb71858c}.wl-reveal-text{text-align:left}.wl-reveal-verdict{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-size:.72rem;font-weight:600}.wl-reveal.ok .wl-reveal-verdict{color:var(--good)}.wl-reveal.bad .wl-reveal-verdict{color:var(--bad)}.wl-reveal-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.3rem,3.6vw,1.7rem);font-weight:700;line-height:1.05}.wl-panel{flex-direction:column;gap:14px;width:100%;padding:clamp(18px,3vw,24px);display:flex}.wl-prompt{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.wl-prompt-q{font-family:var(--font-display);color:var(--ink);font-size:1.02rem;font-weight:600}.wl-remaining{align-items:center;gap:6px;display:inline-flex}.wl-pip{border:1px solid hsl(var(--teal-h,168) 70% 60% / .7);background:#5eead459;border-radius:50%;width:9px;height:9px;box-shadow:0 0 6px #5eead466}.wl-pip.spent{border-color:var(--border-2);box-shadow:none;background:0 0}.wl-remaining-num{color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:4px;font-size:.78rem}.wl-continue{justify-content:center;padding:4px 0;display:flex}.wl-guesses{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.wl-guess{border-radius:var(--radius-sm);border:1px solid var(--border);background:linear-gradient(90deg, hsl(calc(140 * var(--close,0)) 75% 55% / .16), hsl(calc(140 * var(--close,0)) 75% 55% / .05));grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:10px;padding:9px 13px;display:grid}.wl-guess-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.wl-guess-dist{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font-size:.85rem}.wl-guess-arrow{font-size:1.05rem;line-height:1}.wl-guess-close{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:hsl(calc(140 * var(--close,0)) 80% 72%);text-align:right;min-width:3ch;font-size:.9rem;font-weight:700}@media (width<=560px){.wl-guess{grid-template-columns:auto 1fr auto auto;column-gap:8px}.wl-guess-dist{grid-column:2;font-size:.78rem}}.clues-stage{flex-direction:column;flex:1;align-items:center;gap:clamp(14px,2.6vh,22px);width:100%;max-width:600px;margin:0 auto;padding:8px 0 28px;display:flex}.clues-head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.clues-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.72rem}.clues-title{font-family:var(--font-display);letter-spacing:-.01em;background:linear-gradient(90deg, var(--teal), var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.5rem,4.5vw,2.1rem);font-weight:700}.clues-progress{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:2px;display:flex}.clue-dot{background:var(--panel-2);border:1px solid var(--border-2);border-radius:50%;width:9px;height:9px;transition:background .25s,box-shadow .25s,border-color .25s}.clue-dot.on{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px #38e0ffb3}.clues-count{color:var(--faint);font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-left:6px;font-size:.78rem}.clue-list{flex-direction:column;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.clue-item{border-left:3px solid hsl(var(--hue) 85% 62% / .7);flex-direction:column;gap:9px;padding:14px 16px;display:flex}.clue-meta{align-items:center;gap:10px;display:flex}.clue-num{width:26px;height:26px;font-family:var(--font-display);background:hsl(var(--hue) 85% 60% / .16);border:1px solid hsl(var(--hue) 85% 65% / .45);color:hsl(var(--hue) 85% 85%);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid}.clue-tag{background:hsl(var(--hue) 85% 60% / .14);border:1px solid hsl(var(--hue) 85% 65% / .4);color:hsl(var(--hue) 85% 84%);border-radius:999px;align-items:center;gap:7px;padding:5px 13px;font-size:.85rem;font-weight:600;display:inline-flex}.clue-tag-icon{font-size:1.05em}.clue-body{color:var(--ink);padding-left:2px;font-size:1.05rem;line-height:1.4}.clue-body strong{color:hsl(var(--hue) 90% 82%)}.clue-flag{justify-content:center;padding:6px 0 2px;display:flex}.clue-flag .flag-lg{width:120px;height:80px}.clue-outline{aspect-ratio:320/220;border-radius:var(--radius);background:radial-gradient(70% 70% at 50% 45%, hsl(var(--hue) 90% 55% / .12), transparent 75%);place-items:center;width:min(280px,70vw);margin:0 auto;display:grid}.clue-outline .country-outline{width:100%;height:100%}.clues-controls{flex-direction:column;gap:12px;width:100%;padding:clamp(16px,3vw,22px);display:flex;position:sticky;bottom:8px}.clue-feedback{border-radius:var(--radius-sm);border:1px solid var(--border);padding:10px 13px;font-size:.95rem;line-height:1.4}.clue-feedback.ok{color:var(--good);background:#34d3991a;border-color:#34d39966}.clue-feedback.bad{color:var(--bad);background:#fb71851a;border-color:#fb718566}.clue-feedback.warn{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2466}.clue-feedback strong{color:inherit}.clues-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.clue-reveal-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.clue-reveal-btn:disabled:hover{background:linear-gradient(#38e0ff38,#38e0ff14);transform:none}.clues-hint{min-width:160px;color:var(--faint);flex:1;font-size:.82rem;line-height:1.35}@media (width<=600px){.clues-actions{flex-direction:column;align-items:stretch}.clue-reveal-btn{width:100%}.clues-hint{text-align:center}}.flags-difficulty{border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-2);align-self:center;gap:4px;margin:4px auto 0;padding:4px;display:flex}.flags-diff-opt{border-radius:var(--radius-sm);color:var(--muted);font-family:var(--font-display);cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 16px;font-size:.85rem;font-weight:600;transition:color .18s,background .18s,border-color .18s}.flags-diff-opt:not(.on):hover{color:var(--ink);background:#38e0ff14}.flags-diff-opt.on{color:var(--cyan);border-color:var(--cyan);background:#38e0ff24;box-shadow:0 8px 22px -14px #38e0ff99}.flags-type{width:100%;max-width:360px}.flags-reveal-bad{color:var(--bad)}.flags-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(18px,3.5vh,32px);width:100%;max-width:560px;margin:0 auto;padding:12px 0 28px;display:flex}.flags-hero{flex-direction:column;align-items:center;gap:12px;display:flex}.flags-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.72rem}.flags-flag-frame{aspect-ratio:3/2;border-radius:var(--radius);border:1px solid var(--border);width:min(420px,80vw);box-shadow:var(--shadow);background:radial-gradient(70% 70% at 50% 40%,#38e0ff1a,#0000 75%);place-items:center;padding:clamp(12px,3vw,22px);display:grid}.flags-img{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border-2);max-width:100%;max-height:100%;box-shadow:0 12px 36px -12px #000000b3}.flags-emoji{filter:drop-shadow(0 8px 24px #00000080);font-size:clamp(5rem,22vw,9rem);line-height:1}.flags-panel{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;padding:clamp(18px,3vw,26px);display:flex}.flags-prompt{color:var(--muted);font-size:1.02rem}.flags-continue{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.flags-reveal{color:var(--good);font-size:1.02rem}.flags-options{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.flags-opt{border-radius:var(--radius-sm);min-height:58px;font-family:var(--font-display);border:1px solid var(--border-2);background:var(--panel-2);color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:1.02rem;font-weight:600;line-height:1.2;transition:transform .12s,box-shadow .2s,border-color .2s,background .2s,opacity .2s;display:flex}.flags-opt:not(:disabled):hover{border-color:var(--cyan);background:#38e0ff24;transform:translateY(-2px);box-shadow:0 10px 30px -12px #38e0ff8c}.flags-opt:disabled{cursor:default}.flags-opt.correct{color:var(--good);background:#34d39929;border-color:#34d399b3;box-shadow:0 12px 34px -14px #34d39999}.flags-opt.wrong{color:var(--bad);background:#fb718529;border-color:#fb7185b3;box-shadow:0 12px 34px -14px #fb718599}.flags-opt.dim{opacity:.42;filter:saturate(.6)}.flags-opt-mark{font-size:1.1rem}@media (width<=480px){.flags-options{grid-template-columns:1fr}.flags-opt{min-height:52px}}.hotcold .hc-stage{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;max-width:560px;margin:0 auto;padding:clamp(8px,2vh,18px) 0 28px;display:flex}.hotcold .hc-panel{flex-direction:column;gap:16px;width:100%;padding:clamp(18px,3vw,26px);display:flex}.hotcold .hc-head{text-align:center;flex-direction:column;gap:6px;display:flex}.hotcold .hc-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.2rem,3.4vw,1.6rem);font-weight:700}.hotcold .hc-sub{color:var(--muted);margin:0;font-size:.92rem;line-height:1.45}.hotcold .hc-meter{flex-direction:column;gap:6px;display:flex}.hotcold .hc-meter-track{border:1px solid var(--border-2);border-radius:999px;height:12px;position:relative;overflow:visible}.hotcold .hc-meter-fill{opacity:.85;background:linear-gradient(90deg,#2a8ff4d9,#1ded85d9,#f9c31fe6,#f43434f2);border-radius:999px;position:absolute;inset:0}.hotcold .hc-meter-pin{background:hsl(var(--hue) 90% 60%);border:2px solid var(--ink);width:16px;height:16px;box-shadow:0 0 12px hsl(var(--hue) 95% 60% / .9);border-radius:50%;margin-left:-8px;transition:left .45s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;transform:translateY(-50%)}.hotcold .hc-meter-ends{color:var(--faint);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.74rem;display:flex}.hotcold .hc-empty{text-align:center;color:var(--faint);padding:14px 0 6px;font-size:.9rem}.hotcold .hc-list{scrollbar-width:thin;flex-direction:column;gap:8px;max-height:clamp(220px,42vh,420px);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.hotcold .hc-row{border-radius:var(--radius-sm);background:hsl(var(--hue) 85% 52% / .12);border:1px solid hsl(var(--hue) 85% 58% / .4);align-items:center;gap:10px;padding:9px 12px;display:flex}.hotcold .hc-row.hit{background:#34d39929;border-color:#34d3998c}.hotcold .hc-row-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.96rem;font-weight:600;overflow:hidden}.hotcold .hc-row-km{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font-size:.86rem}.hotcold .hc-row-dir{font-size:1.1rem;line-height:1}.hotcold .hc-row-win{font-family:var(--font-display);color:var(--good);font-size:.95rem;font-weight:700}.hotcold .hc-row-bar{background:#ffffff14;border-radius:999px;flex:none;width:56px;height:8px;display:block;overflow:hidden}.hotcold .hc-row-bar-fill{height:100%;width:calc(var(--prox,0) * 100%);background:hsl(var(--hue) 90% 60%);box-shadow:0 0 8px hsl(var(--hue) 95% 60% / .8);border-radius:999px;display:block}.hotcold .hc-actions{justify-content:center;padding-top:2px;display:flex}.hotcold .hc-giveup:disabled{opacity:.45;cursor:not-allowed}@media (width<=600px){.hotcold .hc-row-bar{display:none}}.borderchain .bc-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(16px,3vh,26px);width:100%;max-width:560px;margin:0 auto;padding:8px 0 24px;display:flex}.borderchain .bc-current{flex-direction:column;align-items:center;gap:12px;display:flex}.borderchain .bc-outline{aspect-ratio:320/220;border-radius:var(--radius);background:radial-gradient(70% 70% at 50% 45%, hsl(var(--hue) 90% 55% / .12), transparent 75%);place-items:center;width:min(320px,66vw);display:grid}.borderchain .bc-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.7rem}.borderchain .bc-sub{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:.82rem}.borderchain .bc-panel{flex-direction:column;gap:12px;width:100%;padding:clamp(18px,3vw,24px);display:flex}.borderchain .bc-find{font-family:var(--font-display);color:var(--muted);text-align:center;font-size:1.02rem;font-weight:600}.borderchain .bc-find strong{color:hsl(var(--hue,16) 90% 78%)}.borderchain .bc-flash{border-radius:var(--radius-sm);border:1px solid var(--border);font-variant-numeric:tabular-nums;padding:10px 13px;font-size:.92rem;line-height:1.4}.borderchain .bc-flash.ok{color:var(--good);background:#34d3991a;border-color:#34d39966}.borderchain .bc-chain{border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px 2px;min-height:50px;padding:12px;display:flex}.borderchain .bc-chain-item{align-items:center;display:inline-flex}.borderchain .bc-link{color:var(--faint);-webkit-user-select:none;user-select:none;margin:0 4px;font-size:.85rem}.borderchain .bc-node{border:1px solid #0000;border-radius:7px;padding:2px;transition:border-color .2s,box-shadow .2s;display:inline-flex}.borderchain .bc-node.now{border-color:hsl(var(--hue,16) 90% 60% / .7);box-shadow:0 0 0 1px hsl(var(--hue,16) 90% 60% / .4), 0 0 14px -2px hsl(var(--hue,16) 95% 60% / .6)}@media (width<=560px){.borderchain .bc-find{font-size:.96rem}}.cap-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(20px,4vh,38px);width:100%;max-width:560px;margin:0 auto;padding:12px 0 28px;display:flex}.cap-prompt{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.cap-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.72rem;font-weight:600}.cap-capital{border-radius:var(--radius);border:1px solid hsl(var(--hue) 85% 60% / .4);background:radial-gradient(120% 120% at 50% 0%, hsl(var(--hue) 90% 55% / .16), transparent 70%), var(--panel);-webkit-backdrop-filter:blur(14px)saturate(120%);box-shadow:0 18px 48px -22px hsl(var(--hue) 90% 55% / .7);align-items:center;gap:12px;padding:clamp(16px,3vw,26px) clamp(22px,4vw,38px);display:inline-flex}.cap-pin{filter:drop-shadow(0 4px 12px hsl(var(--hue) 90% 50% / .5));font-size:clamp(1.6rem,5vw,2.4rem)}.cap-capital-name{font-family:var(--font-display);letter-spacing:-.02em;color:hsl(var(--hue) 95% 82%);text-shadow:0 0 28px hsl(var(--hue) 95% 60% / .4);font-size:clamp(1.8rem,7vw,3rem);font-weight:700;line-height:1.05}.cap-country{flex-direction:column;align-items:center;gap:10px;display:flex}.cap-bigflag{filter:drop-shadow(0 0 22px hsl(var(--hue) 90% 55% / .28));border-radius:12px;overflow:hidden;box-shadow:0 14px 40px -16px #000000b3}.cap-bigflag .flag-lg{aspect-ratio:3/2;width:clamp(96px,30vw,150px);height:auto}.cap-country-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.6rem,5.5vw,2.4rem);font-weight:700;line-height:1.05}.cap-country-region{color:var(--faint);font-size:.85rem}.cap-continue{justify-content:center;width:100%;display:flex}.cap-options{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.cap-opt{border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--panel-2);width:100%;color:var(--ink);font-family:var(--font-display);text-align:left;align-items:center;gap:10px;padding:15px 16px;font-size:1.02rem;font-weight:600;transition:transform .12s,box-shadow .2s,border-color .2s,background .2s,opacity .2s,filter .2s;display:flex;position:relative}.cap-opt:not(:disabled):hover{border-color:hsl(var(--hue) 90% 70% / .6);background:var(--panel);box-shadow:0 12px 32px -14px hsl(var(--hue) 90% 55% / .6);transform:translateY(-2px)}.cap-opt-key{width:24px;height:24px;color:var(--faint);border:1px solid var(--border);background:#ffffff0d;border-radius:7px;flex:none;place-items:center;font-size:.78rem;font-weight:700;display:grid}.cap-opt-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cap-opt-mark{flex:none;font-size:1.05rem;font-weight:700}.cap-opt.correct{background:#34d39924;border-color:#34d399b3;box-shadow:0 14px 38px -18px #34d399b3}.cap-opt.correct .cap-opt-key{color:var(--good);border-color:#34d39999}.cap-opt.correct .cap-opt-mark{color:var(--good)}.cap-opt.wrong{background:#fb718524;border-color:#fb7185b3}.cap-opt.wrong .cap-opt-key{color:var(--bad);border-color:#fb718580}.cap-opt.wrong .cap-opt-mark{color:var(--bad)}.cap-opt.dim{opacity:.45;filter:saturate(.6)}.cap-opt:disabled{cursor:default}.cap-diff{border:1px solid var(--border-2);background:var(--panel-2);border-radius:999px;align-self:center;gap:4px;margin-top:6px;padding:4px;display:inline-flex}.cap-diff-btn{appearance:none;color:var(--muted);font-family:var(--font-display);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:.82rem;font-weight:600;transition:background .2s,color .2s}.cap-diff-btn:hover{color:var(--ink)}.cap-diff-btn.on{color:#061018;background:#47def5;box-shadow:0 6px 18px -8px #25d8f4cc}.cap-type{flex-direction:column;align-items:stretch;gap:14px;width:100%;display:flex}.cap-submit{align-self:center}.cap-reveal{text-align:center;border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px 14px;font-size:.96rem;line-height:1.4}.cap-reveal.ok{color:var(--good);background:#34d3991a;border-color:#34d39966}.cap-reveal.bad{color:var(--bad);background:#fb71851a;border-color:#fb718566}@media (width<=480px){.cap-options{grid-template-columns:1fr}}.toptrumps .tt-stage{flex-direction:column;flex:1;align-items:center;gap:clamp(12px,2.4vh,20px);width:100%;max-width:560px;margin:0 auto;padding:6px 0 28px;display:flex}.toptrumps .tt-scoreboard{grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(10px,2.5vw,18px);width:100%;padding:12px clamp(14px,3vw,20px);display:grid}.toptrumps .tt-side{justify-items:center;line-height:1.05;display:grid}.toptrumps .tt-side-role{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-size:.68rem;font-weight:600}.toptrumps .tt-side-count{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:700}.toptrumps .tt-side-you .tt-side-count{color:var(--teal)}.toptrumps .tt-side-cpu .tt-side-count{color:var(--violet)}.toptrumps .tt-side-cards{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-size:.62rem}.toptrumps .tt-meter{border:1px solid var(--border);background:linear-gradient(90deg,#a78bfa47,#a78bfa47);border-radius:999px;height:10px;position:relative;overflow:hidden}.toptrumps .tt-meter-bar{background:linear-gradient(90deg, var(--teal), var(--cyan));border-radius:999px;transition:width .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0;box-shadow:0 0 18px #38e0ff80}.toptrumps .tt-roundbar{justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0 4px;display:flex}.toptrumps .tt-round{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-variant-numeric:tabular-nums;font-size:.72rem}.toptrumps .tt-turn{font-family:var(--font-display);color:var(--muted);font-size:.92rem;font-weight:600}.toptrumps .tt-turn.is-player{color:var(--good)}.toptrumps .tt-turn.is-cpu{color:var(--bad)}.toptrumps .tt-turn.is-tie{color:var(--cyan)}.toptrumps .tt-card{flex-direction:column;gap:14px;width:100%;padding:clamp(16px,3vw,22px);display:flex}.toptrumps .tt-card-head{align-items:center;gap:12px;display:flex}.toptrumps .tt-card-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.68rem}.toptrumps .tt-card-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.3rem,4vw,1.8rem);font-weight:700;line-height:1.05}.toptrumps .tt-card-outline{aspect-ratio:320/200;border-radius:var(--radius);background:radial-gradient(70% 70% at 50% 45%, hsl(var(--hue) 90% 55% / .12), transparent 75%);align-self:center;place-items:center;width:min(280px,56vw);display:grid}.toptrumps .tt-cats{gap:8px;display:grid}.toptrumps .tt-cat{border-radius:var(--radius-sm);border:1px solid hsl(var(--hue) 85% 60% / .3);background:hsl(var(--hue) 85% 55% / .08);width:100%;color:var(--ink);text-align:left;font-family:var(--font-ui);grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 14px;transition:border-color .16s,background .16s,box-shadow .18s,transform .12s;display:grid;position:relative}.toptrumps .tt-cat:not(:disabled):hover{border-color:hsl(var(--hue) 90% 68% / .85);background:hsl(var(--hue) 85% 55% / .16);box-shadow:0 12px 30px -16px hsl(var(--hue) 90% 55% / .9);transform:translateY(-1px)}.toptrumps .tt-cat:disabled{cursor:default;opacity:.78}.toptrumps .tt-cat.chosen{border-color:var(--cyan);opacity:1;background:#38e0ff29;box-shadow:0 0 0 1px #38e0ff66}.toptrumps .tt-cat-icon{font-size:1.2rem}.toptrumps .tt-cat-label{font-size:.95rem;font-weight:600}.toptrumps .tt-cat-val{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:hsl(var(--hue) 90% 82%);justify-self:end;margin-right:18px;font-size:1rem;font-weight:700}.toptrumps .tt-cat-key{width:18px;height:18px;font-size:.66rem;font-weight:700;font-family:var(--font-display);color:var(--faint);border:1px solid var(--border);background:#ffffff0a;border-radius:5px;place-items:center;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.toptrumps .tt-reveal{border-color:var(--border-2);justify-items:center;gap:12px;width:100%;padding:clamp(14px,3vw,20px);display:grid}.toptrumps .tt-reveal.win-player{border-color:#34d3998c;box-shadow:0 20px 50px -24px #34d39999}.toptrumps .tt-reveal.win-cpu{border-color:#fb71858c;box-shadow:0 20px 50px -24px #fb71858c}.toptrumps .tt-reveal-cat{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:center;font-size:.8rem;font-weight:600}.toptrumps .tt-versus{grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(8px,2vw,16px);width:100%;display:grid}.toptrumps .tt-vside{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);justify-items:center;gap:4px;padding:10px;transition:border-color .2s,background .2s,opacity .2s;display:grid}.toptrumps .tt-vside.won{background:#34d3991f;border-color:#34d399b3}.toptrumps .tt-vside.lost{opacity:.55;filter:saturate(.7)}.toptrumps .tt-vside-flag{font-size:1.7rem;line-height:1}.toptrumps .tt-vside-name{font-family:var(--font-display);text-align:center;font-size:.92rem;font-weight:600}.toptrumps .tt-vside-val{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.toptrumps .tt-vside.won .tt-vside-val{color:var(--good)}.toptrumps .tt-vmid{font-family:var(--font-display);letter-spacing:.1em;color:var(--faint);font-size:.85rem;font-weight:700}.toptrumps .tt-reveal-verdict{font-family:var(--font-display);text-align:center;font-size:1.05rem;font-weight:700}.toptrumps .tt-reveal.win-player .tt-reveal-verdict{color:var(--good)}.toptrumps .tt-reveal.win-cpu .tt-reveal-verdict{color:var(--bad)}.toptrumps .tt-reveal.win-tie .tt-reveal-verdict{color:var(--cyan)}.toptrumps .tt-rules-btn{border:1px solid var(--border);background:var(--panel);color:var(--muted);font-family:var(--font-ui);letter-spacing:.02em;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:5px;padding:5px 10px 5px 8px;font-size:.74rem;font-weight:600;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.toptrumps .tt-rules-btn span[aria-hidden]{border:1px solid var(--border-2);width:16px;height:16px;font-family:var(--font-display);border-radius:999px;place-items:center;font-size:.72rem;font-weight:700;line-height:1;display:grid}.toptrumps .tt-rules-btn:hover{color:var(--ink);border-color:var(--border-2);background:var(--panel-2)}.toptrumps .tt-hint{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);width:100%;color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:-4px;padding:8px 14px;font-size:.82rem;display:flex}.toptrumps .tt-hint.is-player{background:#5eead412;border-color:#5eead452}.toptrumps .tt-hint.is-cpu{background:#a78bfa12;border-color:#a78bfa52}.toptrumps .tt-hint-who{font-family:var(--font-display);font-weight:700}.toptrumps .tt-hint.is-player .tt-hint-who{color:var(--teal)}.toptrumps .tt-hint.is-cpu .tt-hint-who{color:var(--violet)}.toptrumps .tt-hint-sep{color:var(--faint)}.toptrumps .tt-howto{text-align:left;border-color:var(--border-2);background:linear-gradient(#141f36f7,#0a101efa);gap:16px;width:min(440px,92vw);padding:clamp(22px,4vw,32px);display:grid}.toptrumps .tt-howto-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);text-align:center;font-size:.72rem}.toptrumps .tt-howto-title{font-family:var(--font-display);letter-spacing:-.01em;text-align:center;margin-top:-10px;font-size:clamp(1.5rem,5vw,1.9rem);font-weight:700}.toptrumps .tt-howto-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.toptrumps .tt-howto-step{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:12px 14px;display:grid}.toptrumps .tt-howto-num{width:24px;height:24px;font-family:var(--font-display);color:var(--bg-0);background:linear-gradient(135deg, var(--teal), var(--cyan));border-radius:999px;place-items:center;font-size:.8rem;font-weight:700;display:grid}.toptrumps .tt-howto-icon{font-size:1.35rem;line-height:1}.toptrumps .tt-howto-copy{gap:2px;display:grid}.toptrumps .tt-howto-step-title{font-family:var(--font-display);color:var(--ink);font-size:.98rem;font-weight:700}.toptrumps .tt-howto-step-body{color:var(--muted);font-size:.84rem;line-height:1.35}.toptrumps .tt-howto-go{justify-self:stretch;margin-top:2px}@media (width<=600px){.toptrumps .tt-cat-val{font-size:.92rem}}.closest-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(16px,3vh,28px);width:100%;max-width:560px;margin:0 auto;padding:12px 0 28px;display:flex}.closest-progress{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.closest-round{color:var(--muted);letter-spacing:.02em;font-size:.92rem}.closest-round strong{color:var(--ink);font-family:var(--font-display)}.closest-track{gap:6px;width:100%;max-width:320px;display:flex}.closest-pip{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;flex:1;height:5px;transition:background .3s,border-color .3s}.closest-pip.done{background:linear-gradient(90deg, var(--teal), var(--cyan));border-color:#0000}.closest-pip.current{box-shadow:0 0 0 2px #38e0ff47}.closest-hero{align-items:center;gap:14px;display:flex}.closest-id{text-align:left}.closest-panel{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;padding:clamp(20px,3vw,30px);display:flex}.closest-prompt{color:var(--muted);font-size:1.02rem}.closest-prompt strong{color:var(--ink)}.closest-field{width:100%}.closest-input{border-radius:var(--radius-sm);border:1px solid var(--border-2);width:100%;color:var(--ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:center;background:#ffffff0d;outline:none;padding:14px 16px;font-size:clamp(1.4rem,5vw,2rem);font-weight:600;transition:border-color .2s,box-shadow .2s}.closest-input::placeholder{color:var(--faint);font-size:1rem;font-weight:500}.closest-input:focus{border-color:hsl(var(--hue) 90% 65%);box-shadow:0 0 0 3px hsl(var(--hue) 90% 60% / .2)}.closest-input:disabled{opacity:.7;color:hsl(var(--hue) 90% 80%)}.closest-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.closest-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.closest-input[type=number]{appearance:textfield}.closest-submit{justify-self:stretch;width:100%}.closest-reveal{text-align:left;gap:12px}.closest-reveal.ok{background:#34d3991a;border-color:#34d39980}.closest-reveal.mid{border-color:hsl(var(--hue) 85% 60% / .5);background:hsl(var(--hue) 85% 55% / .1)}.closest-reveal.bad{background:#fb71851a;border-color:#fb718580}.closest-reveal-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.closest-reveal .reveal-verdict{font-size:1.4rem}.closest-reveal.ok .reveal-verdict{color:var(--good)}.closest-reveal.mid .reveal-verdict{color:hsl(var(--hue) 90% 78%)}.closest-reveal.bad .reveal-verdict{color:var(--bad)}.closest-guessline{color:var(--muted);font-size:.95rem}.closest-guessline strong{color:var(--ink);font-variant-numeric:tabular-nums}.closest-reveal .reveal-actual{font-size:1.1rem}.closest-reveal .reveal-actual strong{color:hsl(var(--hue) 95% 82%);font-variant-numeric:tabular-nums}.closest-next{width:100%;margin-top:4px}.oddoneout{--hue:188}.ooo-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(16px,3vh,28px);width:100%;max-width:760px;margin:0 auto;padding:8px 0 28px;display:flex}.ooo-head{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.ooo-eyebrow{font-family:var(--font-display);letter-spacing:.01em;color:hsl(var(--hue) 85% 84%);background:hsl(var(--hue) 85% 60% / .14);border:1px solid hsl(var(--hue) 85% 65% / .4);border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:.9rem;font-weight:600;display:inline-flex}.ooo-eyebrow:before{content:"✦";color:hsl(var(--hue) 90% 78%)}.ooo-prompt{color:var(--muted);max-width:42ch;font-size:1rem;line-height:1.45}.ooo-prompt strong{color:hsl(var(--hue) 85% 82%)}.ooo-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,138px),1fr));gap:clamp(10px,1.8vw,16px);width:100%;margin:0;padding:0;list-style:none;display:grid}.ooo-grid>li{display:flex}.ooo-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(14px)saturate(120%);width:100%;box-shadow:var(--shadow);color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:clamp(16px,2.4vw,22px) 14px;transition:border-color .18s,box-shadow .22s,background .2s,opacity .25s,filter .25s,transform .12s;display:flex;position:relative}.ooo-card:not(:disabled):hover{border-color:hsl(var(--hue) 90% 70% / .6);background:var(--panel-2);box-shadow:0 18px 50px -22px hsl(var(--hue) 90% 55% / .7)}.ooo-num{font-family:var(--font-display);color:var(--faint);border:1px solid var(--border);background:var(--panel);border-radius:50%;place-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:grid;position:absolute;top:9px;left:11px}.ooo-card .flag-lg{width:76px;height:51px}.ooo-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(.95rem,2.4vw,1.12rem);font-weight:600;line-height:1.15}.ooo-tag{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:600}.ooo-card.is-match{opacity:.55;filter:saturate(.7)}.ooo-card.is-match .ooo-tag{color:var(--muted);background:var(--panel-2);border:1px solid var(--border)}.ooo-card.is-odd{opacity:1;background:#34d3991f;border-color:#34d399b3;box-shadow:0 18px 50px -20px #34d399b3}.ooo-card.is-odd .ooo-tag{color:var(--good);background:#34d3992e;border:1px solid #34d39980}.ooo-card.is-wrongpick{opacity:1;filter:none;background:#fb71851f;border-color:#fb7185b3;box-shadow:0 18px 50px -20px #fb718599}.ooo-card.is-wrongpick .ooo-tag{color:var(--bad);background:#fb71852e;border:1px solid #fb718580}.ooo-foot{justify-content:center;align-items:center;width:100%;min-height:64px;display:flex}.ooo-hint{color:var(--faint);font-size:.9rem}.ooo-hint kbd{font-family:var(--font-display);border:1px solid var(--border-2);background:var(--panel-2);color:var(--muted);border-radius:6px;padding:1px 7px;font-size:.78rem}.ooo-reveal{border-radius:var(--radius-sm);text-align:center;border:1px solid var(--border-2);gap:4px;width:100%;max-width:520px;padding:14px 18px;display:grid}.ooo-reveal.ok{background:#34d3991a;border-color:#34d39980}.ooo-reveal.bad{background:#fb71851a;border-color:#fb718580}.ooo-verdict{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.ooo-reveal.ok .ooo-verdict{color:var(--good)}.ooo-reveal.bad .ooo-verdict{color:var(--bad)}.ooo-explain{color:var(--ink);font-size:.98rem;line-height:1.4}@media (width<=560px){.ooo-grid{grid-template-columns:1fr 1fr}.ooo-card .flag-lg{width:64px;height:43px}}.connections .cn-stage{flex-direction:column;flex:1;align-items:center;gap:clamp(12px,2.2vh,20px);width:100%;max-width:600px;margin:0 auto;padding:10px 0 24px;display:flex}.cn-head{text-align:center}.cn-instructions{color:var(--muted);max-width:460px;font-size:.95rem;line-height:1.4}.cn-instructions em{color:var(--ink);font-style:normal;font-weight:600}.cn-solved{flex-direction:column;gap:10px;width:100%;display:flex}.cn-solved:empty{display:none}.cn-band{border-radius:var(--radius-sm);text-align:center;background:linear-gradient(180deg, hsl(var(--hue) 85% 55% / .22), hsl(var(--hue) 85% 45% / .1));border:1px solid hsl(var(--hue) 85% 65% / .5);width:100%;box-shadow:0 10px 30px -16px hsl(var(--hue) 85% 55% / .7);padding:12px 16px}.cn-band-trait{font-family:var(--font-display);color:hsl(var(--hue) 90% 86%);letter-spacing:-.01em;font-size:1.02rem;font-weight:700}.cn-band-members{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:6px;font-size:.86rem;display:flex}.cn-band-member{align-items:center;gap:6px;display:inline-flex}.cn-grid{grid-template-columns:repeat(4,1fr);gap:clamp(7px,1.6vw,11px);width:100%;display:grid}.cn-tile{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--border);color:var(--ink);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:6px 4px;transition:border-color .15s,background .15s,transform .12s,box-shadow .15s;display:flex;overflow:hidden}.cn-tile:hover:not(:disabled){border-color:var(--border-2);background:#ffffff1a}.cn-tile:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.cn-tile.sel{background:linear-gradient(#38e0ff42,#38e0ff1a);border-color:#38e0ffa6;box-shadow:0 8px 26px -12px #38e0ffb3}.cn-tile:disabled{cursor:default}.cn-tile-name{text-align:center;-webkit-line-clamp:2;line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:clamp(.62rem,2.3vw,.8rem);font-weight:600;line-height:1.05;display:-webkit-box;overflow:hidden}.cn-toast-slot{justify-content:center;align-items:center;min-height:30px;display:flex}.cn-toast{background:var(--panel-2);border:1px solid var(--border-2);color:var(--ink);border-radius:999px;padding:7px 16px;font-size:.9rem;font-weight:600}.cn-mistakes{align-items:center;gap:10px;display:flex}.cn-mistakes-label{color:var(--faint);font-size:.84rem}.cn-dots{gap:8px;display:inline-flex}.cn-dot{border:1px solid var(--border);background:#ffffff1f;border-radius:50%;width:12px;height:12px;transition:background .2s,box-shadow .2s}.cn-dot.on{background:var(--bad);border-color:var(--bad);box-shadow:0 0 10px -1px var(--bad)}.cn-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.cn-controls .primary-btn:disabled,.cn-controls .ghost-btn:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}.cn-reveal{text-align:left;flex-direction:column;gap:8px;margin-top:4px;display:flex}.cn-reveal-title{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}.cn-reveal-row{border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--border);flex-direction:column;gap:2px;padding:8px 12px;display:flex}.cn-reveal-trait{font-family:var(--font-display);color:var(--ink);font-size:.92rem;font-weight:700}.cn-reveal-members{color:var(--muted);font-size:.82rem;line-height:1.35}@media (width<=420px){.cn-mistakes-label{display:none}.cn-band-members{font-size:.8rem}}.twotruths .tt-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(16px,3vh,28px);width:100%;max-width:560px;margin:0 auto;padding:12px 0 28px;display:flex}.twotruths .tt-hero{flex-direction:column;align-items:center;gap:12px;display:flex}.twotruths .tt-outline{aspect-ratio:320/220;border-radius:var(--radius);background:radial-gradient(70% 70% at 50% 45%, hsl(var(--hue) 90% 55% / .1), transparent 75%);place-items:center;width:min(320px,66vw);display:grid}.twotruths .tt-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.7rem}.twotruths .tt-panel{flex-direction:column;gap:14px;width:100%;padding:clamp(18px,3vw,26px);display:flex}.twotruths .tt-find{font-family:var(--font-display);color:var(--muted);text-align:center;font-size:1.05rem;font-weight:600}.twotruths .tt-find strong{color:var(--ink)}.twotruths .tt-list{flex-direction:column;gap:10px;display:flex}.twotruths .tt-claim{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--panel);width:100%;color:var(--ink);font-family:var(--font-ui);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;font-size:1rem;line-height:1.35;transition:border-color .15s,background .15s,transform .1s;display:flex}.twotruths .tt-claim:hover:not(:disabled){border-color:var(--cyan);background:var(--panel-2)}.twotruths .tt-claim:active:not(:disabled){transform:scale(.99)}.twotruths .tt-claim:disabled{cursor:default}.twotruths .tt-num{border:1px solid var(--border);width:26px;height:26px;font-family:var(--font-display);color:var(--muted);background:#ffffff12;border-radius:8px;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid}.twotruths .tt-text{flex:1}.twotruths .tt-mark{font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;flex:none;font-size:.78rem;font-weight:700}.twotruths .tt-claim.is-truth{background:#2eb8771a;border-color:#33cc8573}.twotruths .tt-claim.is-truth .tt-mark{color:var(--good)}.twotruths .tt-claim.is-lie{background:#eb476324;border-color:#ed5e7699;box-shadow:0 0 0 1px #ed5e764d}.twotruths .tt-claim.is-lie .tt-mark{color:var(--bad)}.twotruths .tt-claim.is-lie .tt-num{color:var(--bad);border-color:#ed5e7680}.twotruths .tt-claim.wrong-pick{opacity:.92}.twotruths .tt-claim.wrong-pick .tt-text{text-decoration:line-through;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.twotruths .tt-reveal{text-align:center;width:100%;margin-top:2px}.twotruths .tt-reveal-why{color:var(--muted);margin-top:6px;font-size:.92rem;line-height:1.4}.twotruths .tt-empty{text-align:center;color:var(--muted);padding:40px}@media (width<=480px){.twotruths .tt-claim{padding:12px 13px;font-size:.95rem}.twotruths .tt-mark{display:none}}.maplocate .ml-stage{flex-direction:column;flex:1;align-items:center;gap:clamp(12px,2vh,20px);width:100%;max-width:1040px;margin:0 auto;padding-bottom:20px;display:flex}.maplocate .ml-prompt{flex-direction:column;align-items:center;gap:6px;display:flex}.maplocate .ml-prompt-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.72rem}.maplocate .ml-target{background:var(--panel-2);border:1px solid var(--border-2);border-radius:999px;align-items:center;gap:10px;padding:7px 16px 7px 10px;display:flex}.maplocate .ml-target-name{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.maplocate .ml-mapwrap{width:100%;padding:8px;position:relative;overflow:hidden}.maplocate .ml-map{border-radius:calc(var(--radius) - 6px);cursor:grab;touch-action:none;width:100%;height:auto;display:block}.maplocate .ml-map:active{cursor:grabbing}.maplocate .ml-ocean{fill:#1428428c}.maplocate .ml-country{fill:#78d6d21f;stroke:#82beff47;stroke-width:.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round;pointer-events:none;transition:fill .12s}.maplocate .ml-country.hover{fill:#38e0ff57}.maplocate .ml-country.hit{fill:#34d3999e;stroke:#34d399e6}.maplocate .ml-country.miss{fill:#fb718599;stroke:#fb7185e6}.maplocate .ml-zoom{flex-direction:column;gap:6px;display:flex;position:absolute;top:16px;right:16px}.maplocate .ml-zoom-btn{width:34px;height:34px;color:var(--ink);border:1px solid var(--border-2);-webkit-backdrop-filter:blur(8px);background:#0a101eb3;border-radius:10px;place-items:center;font-size:1.1rem;transition:background .18s,border-color .18s;display:grid}.maplocate .ml-zoom-btn:hover{background:#38e0ff2e;border-color:#38e0ff80}.maplocate .ml-verdict{border-radius:var(--radius-sm);border:1px solid var(--border-2);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow);text-align:center;background:#0a101eeb;flex-direction:column;align-items:center;gap:10px;max-width:min(440px,90%);padding:12px 18px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.maplocate .ml-verdict.ok{border-color:#34d39980}.maplocate .ml-verdict.bad{border-color:#fb718580}.maplocate .ml-verdict-text{font-family:var(--font-display);font-weight:600}.maplocate .ml-verdict.ok .ml-verdict-text{color:var(--good)}.maplocate .ml-verdict.bad .ml-verdict-text{color:var(--bad)}.maplocate .ml-verdict-km{color:var(--muted);font-weight:400}.maplocate .ml-hint{color:var(--faint);font-size:.82rem}.maplocate .ml-empty{text-align:center;color:var(--muted);padding:40px}@media (width<=640px){.maplocate .ml-zoom{top:12px;right:12px}}.pm-stage{flex-direction:column;flex:1;align-items:center;gap:clamp(14px,2.5vh,24px);width:100%;max-width:860px;margin:0 auto;padding:10px 0 32px;display:flex}.pm-topbar-code{color:var(--teal);letter-spacing:.14em}.pm-topbar-right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.pm-topbar-round{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.82rem}.pm-rules-btn{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:500;transition:color .2s,border-color .2s}.pm-rules-btn:hover{color:var(--ink);border-color:var(--border-2)}.pm-rules-btn span{border:1px solid var(--border-2);border-radius:50%;place-items:center;width:16px;height:16px;margin-right:4px;font-size:.7rem;display:inline-grid}.pm-banner{color:#fcd34d;background:#fbbf241f;border:1px solid #fbbf2473;border-radius:999px;align-self:center;width:fit-content;margin:4px auto 0;padding:8px 18px;font-size:.88rem}.pm-toasts{z-index:40;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.pm-toast{border-radius:var(--radius-sm);color:var(--bad);box-shadow:var(--shadow);background:#1e0a12f2;border:1px solid #fb718573;max-width:min(340px,80vw);padding:10px 16px;font-size:.9rem}.pm-entry{flex-direction:column;align-items:center;gap:clamp(18px,3vh,28px);width:100%;padding-top:clamp(8px,4vh,40px);display:flex}.pm-entry-hero{text-align:center;max-width:520px}.pm-entry-icon{filter:drop-shadow(0 0 18px #a78bfa8c);font-size:2.6rem}.pm-entry-title{font-family:var(--font-display);letter-spacing:-.02em;margin:6px 0 4px;font-size:clamp(1.8rem,5vw,2.6rem)}.pm-entry-sub{color:var(--muted);margin:0;font-size:.98rem;line-height:1.5}.pm-entry-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;width:100%;max-width:680px;display:grid}.pm-entry-card{flex-direction:column;gap:8px;padding:22px;display:flex}.pm-entry-card-title{font-family:var(--font-display);margin:0 0 6px;font-size:1.15rem}.pm-label{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.72rem}.pm-code-field{text-transform:uppercase;letter-spacing:.5em;font-family:var(--font-display);text-align:center;font-size:1.25rem}.pm-entry-go{margin-top:10px}.pm-entry-go:disabled{opacity:.45;cursor:not-allowed;transform:none}.pm-entry-hint{color:var(--faint);text-align:center;font-size:.8rem}.pm-offline{border-color:#fbbf2466;flex-direction:column;align-items:flex-start;gap:8px;max-width:560px;padding:18px 22px;display:flex}.pm-offline-title{color:#fcd34d;font-weight:600}.pm-offline-body{color:var(--muted);font-size:.92rem;line-height:1.5}.pm-offline-body code{background:var(--panel-2);border:1px solid var(--border);color:var(--teal);border-radius:6px;padding:1px 7px;font-size:.85em}.pm-lobby{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.pm-code{cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:18px 40px;transition:border-color .2s,transform .15s;display:flex}.pm-code:hover{border-color:var(--border-2);transform:translateY(-2px)}.pm-code-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--faint);font-size:.72rem}.pm-code-letters{gap:10px;display:flex}.pm-code-letter{font-family:var(--font-display);color:var(--teal);background:var(--panel-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);text-shadow:0 0 24px #5eead480;padding:2px 14px;font-size:clamp(2rem,7vw,2.9rem);font-weight:700}.pm-code-copy{color:var(--faint);font-size:.8rem}.pm-code-copy.did{color:var(--good)}.pm-lobby-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%;display:grid}.pm-panel-title{font-family:var(--font-display);flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 12px;font-size:1.02rem;display:flex}.pm-panel-sub{font-size:.76rem;font-family:var(--font-ui);color:var(--faint);font-weight:400}.pm-roster,.pm-settings{padding:18px 20px}.pm-roster-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pm-roster-row{border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--border);align-items:center;gap:10px;padding:8px 10px;display:flex}.pm-roster-row.me{border-color:#38e0ff66}.pm-roster-row.away{opacity:.55}.pm-roster-seat{color:var(--faint);font-variant-numeric:tabular-nums;text-align:right;width:1.4em;font-size:.72rem}.pm-dot{background:var(--faint);border-radius:50%;flex:none;width:8px;height:8px}.pm-dot.on{background:var(--good);box-shadow:0 0 8px #34d399b3}.pm-roster-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.95rem;overflow:hidden}.pm-you-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--cyan);vertical-align:middle;border:1px solid #38e0ff66;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:.66rem}.pm-kick{border:1px solid var(--border);color:var(--faint);background:0 0;border-radius:8px;width:26px;height:26px;font-size:.8rem;line-height:1;transition:color .15s,border-color .15s}.pm-kick:hover{color:var(--bad);border-color:#fb718580}.pm-roster-note{color:var(--muted);margin-top:12px;font-size:.85rem}.pm-setting{justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.pm-setting-label{color:var(--muted);font-size:.88rem}.pm-seg{background:var(--panel);border:1px solid var(--border);border-radius:999px;gap:4px;padding:3px;display:inline-flex}.pm-seg-btn{color:var(--faint);background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:500;transition:background .15s,color .15s}.pm-seg-btn.on{color:var(--ink);background:#38e0ff2e;border:0;box-shadow:inset 0 0 0 1px #38e0ff73}.pm-seg.locked .pm-seg-btn{cursor:default}.pm-seg.locked .pm-seg-btn.on{color:var(--muted);box-shadow:inset 0 0 0 1px var(--border-2);background:var(--panel-2)}.pm-strict-warn{color:var(--bad);padding:2px 0 6px;font-size:.8rem}.pm-lobby-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.pm-start:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.pm-wait-note{color:var(--muted);font-size:.92rem}.pm-strip{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.pm-chip{border:1px solid var(--border);background:var(--panel);border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:.82rem;transition:opacity .3s;display:inline-flex}.pm-chip.me{border-color:#38e0ff73}.pm-chip.away{opacity:.55}.pm-chip.ghost{opacity:.42;filter:saturate(.2)}.pm-chip.ghost .pm-chip-name{text-decoration:line-through;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.pm-chip-name{color:var(--ink)}.pm-chip-hearts{color:var(--bad);letter-spacing:.1em;font-size:.78rem}.pm-chip-out{font-size:.85rem}.pm-chip-lead{font-size:.9rem}.pm-chip-dot{background:var(--faint);opacity:.5;border-radius:50%;width:7px;height:7px}.pm-chip-dot.locked{background:var(--good);opacity:1;box-shadow:0 0 8px #34d399cc}.pm-round{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.pm-phase-head{text-align:center}.pm-phase-title{font-family:var(--font-display);margin:0 0 4px;font-size:clamp(1.2rem,3.4vw,1.55rem)}.pm-phase-sub{color:var(--muted);margin:0;font-size:.92rem}.pm-soft-count{color:var(--faint);font-variant-numeric:tabular-nums}.pm-cat{text-align:center;flex-direction:column;align-items:center;gap:5px;width:100%;max-width:560px;padding:18px 26px;display:flex}.pm-cat-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--faint);font-size:.7rem}.pm-cat-label{font-family:var(--font-display);font-size:clamp(1.15rem,3.4vw,1.5rem);font-weight:700}.pm-cat-detail{color:var(--faint);font-size:.82rem}.pm-cat-count{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:.88rem;display:flex}.pm-cat-count-num{color:var(--teal);font-variant-numeric:tabular-nums;font-weight:700}.pm-showdown-badge{letter-spacing:.1em;color:#fcd34d;background:#fbbf241a;border:1px solid #fbbf2480;border-radius:999px;padding:2px 10px;font-size:.68rem;font-weight:700;animation:1.6s ease-in-out infinite pm-pulse}@keyframes pm-pulse{0%,to{opacity:1}50%{opacity:.55}}.pm-candidates{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;width:100%;display:grid}.pm-candidate{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 18px;transition:transform .15s,border-color .2s,background .2s;display:flex}.pm-candidate:hover{background:var(--panel-2);border-color:#38e0ff80;transform:translateY(-4px)}.pm-waiting{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:480px;padding:34px 40px;display:flex}.pm-waiting-orb{border:2px solid #38e0ff40;border-top-color:var(--cyan);border-radius:50%;width:34px;height:34px;animation:1.1s linear infinite pm-spin}@keyframes pm-spin{to{transform:rotate(360deg)}}.pm-waiting-title{font-family:var(--font-display);font-size:1.15rem}.pm-waiting-sub{color:var(--muted);font-size:.9rem}.pm-timer{align-items:center;gap:12px;width:100%;max-width:560px;display:flex}.pm-timer-track{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;flex:1;height:8px;overflow:hidden}.pm-timer-fill{background:linear-gradient(90deg, var(--teal), var(--cyan));border-radius:999px;height:100%;transition:width .12s linear}.pm-timer.urgent .pm-timer-fill{background:linear-gradient(90deg, #f59e0b, var(--bad))}.pm-timer-secs{font-variant-numeric:tabular-nums;font-family:var(--font-display);color:var(--muted);text-align:right;min-width:2.6em;font-size:.95rem;font-weight:700}.pm-timer.urgent .pm-timer-secs{color:var(--bad);animation:.9s ease-in-out infinite pm-pulse}.pm-role{color:var(--muted);text-align:center;font-size:1rem}.pm-role.is-leader{color:#fcd34d}.pm-pickbox{width:100%;max-width:440px}.pm-yourpick{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 16px;display:flex}.pm-yourpick-name{font-weight:600}.pm-locked-stamp{letter-spacing:.12em;color:var(--good);border:1px solid #34d39980;border-radius:6px;padding:2px 8px;font-size:.66rem;font-weight:700}.pm-yourpick-hint{color:var(--faint);text-align:center;width:100%;font-size:.78rem}.pm-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;width:100%;display:grid}.pm-tile{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);text-align:left;align-items:center;gap:9px;padding:9px 12px;font-size:.88rem;transition:border-color .15s,background .15s,transform .1s;display:flex}.pm-tile:hover{border-color:var(--border-2);background:var(--panel-2);transform:translateY(-2px)}.pm-tile.selected{background:#38e0ff1f;border-color:#38e0ffa6;box-shadow:0 0 18px -6px #38e0ff99}.pm-tile-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pm-grave{flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:4px;display:flex}.pm-grave-toggle{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:.82rem;transition:color .15s,border-color .15s}.pm-grave-toggle:hover{color:var(--ink);border-color:var(--border-2)}.pm-grave-list{border-radius:var(--radius-sm);border:1px solid var(--border);background:#00000040;flex-wrap:wrap;justify-content:center;gap:6px;max-width:720px;padding:10px 14px;display:flex}.pm-grave-item{color:var(--faint);border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:2px 10px;font-size:.78rem}.pm-reveal-cat{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}.pm-reveal-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;width:100%;display:grid}.pm-flip{perspective:1000px}.pm-flip-inner{transform-style:preserve-3d;min-height:148px;transition:transform .55s cubic-bezier(.34,1.3,.5,1);position:relative}.pm-flip.flipped .pm-flip-inner{transform:rotateY(180deg)}.pm-face{backface-visibility:hidden;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:148px;padding:16px 14px;display:flex}.pm-face-back{position:relative}.pm-face-front{position:absolute;inset:0;overflow:hidden;transform:rotateY(180deg)}.pm-face-player{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.pm-face-q{font-family:var(--font-display);color:var(--faint);opacity:.7;font-size:2.2rem}.pm-face-country{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.02rem;font-weight:700;display:flex}.pm-face-nopick{color:var(--faint);font-weight:500}.pm-face-stat{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.pm-stamp{letter-spacing:.12em;border:1px solid;border-radius:6px;padding:2px 9px;font-size:.64rem;font-weight:700}.pm-stamp.tone-good{color:var(--good);background:#34d39914;border-color:#34d39980}.pm-stamp.tone-bad{color:var(--bad);background:#fb718514;border-color:#fb718580}.pm-stamp.tone-warn{color:#fcd34d;background:#fbbf2414;border-color:#fbbf2480}.pm-face-front.tone-bad{border-color:#fb718566}.pm-face-front.caught{background:linear-gradient(#fb718524,#fb71850a);border-color:#fb7185b3}.pm-face-front.caught .pm-face-country{text-decoration:line-through;-webkit-text-decoration-color:var(--bad);text-decoration-color:var(--bad);text-decoration-thickness:2px}.pm-jinx{color:var(--violet);text-shadow:0 0 14px #a78bfacc;font-size:.72rem;font-weight:700;animation:.8s ease-out pm-jinx-zap}@keyframes pm-jinx-zap{0%{opacity:0;transform:scale(1.6)rotate(-4deg)}60%{opacity:1;transform:scale(.95)rotate(2deg)}to{transform:scale(1)rotate(0)}}.pm-caught{font-family:var(--font-display);letter-spacing:.1em;color:var(--bad);border:2px solid var(--bad);background:#0f0408cc;border-radius:8px;padding:2px 8px;font-size:.82rem;font-weight:700;position:absolute;top:8px;right:8px;box-shadow:0 0 20px -4px #fb7185cc}.pm-lifeloss{pointer-events:none;font-size:1.1rem;position:absolute;bottom:12px;right:14px}.pm-elim{letter-spacing:.14em;color:var(--ink);background:#fb718540;border:1px solid #fb718599;border-radius:6px;padding:2px 9px;font-size:.64rem;font-weight:700}.pm-trap-zone{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:380px;display:flex}.pm-trap-tease{font-family:var(--font-display);color:var(--muted);font-size:.95rem}.pm-flip-trap{width:100%}.pm-flip-trap .pm-flip-inner,.pm-flip-trap .pm-face{min-height:190px}.pm-trap-back{background:linear-gradient(#fbbf2412,#fbbf2405);border-color:#fbbf2466}.pm-trap-front{background:linear-gradient(#fbbf241f,#fbbf2408);border-color:#fbbf248c;box-shadow:0 0 40px -12px #fbbf2499}.pm-trap-country{flex-direction:column;font-size:1.3rem}.pm-trap-bounty{color:#fcd34d;font-size:.85rem;font-weight:600}.pm-reveal-foot{flex-direction:column;align-items:center;gap:10px;display:flex}.pm-burn-note{color:var(--muted);font-size:.85rem}.pm-over{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.pm-winner{text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:480px;padding:30px 46px;display:flex;position:relative;overflow:hidden}.pm-sparkles{pointer-events:none;position:absolute;inset:0}.pm-spark{color:var(--teal);text-shadow:0 0 12px #5eead4cc;position:absolute;bottom:20%}.pm-winner-trophy{filter:drop-shadow(0 0 24px #fbbf2499);font-size:3rem}.pm-winner-name{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.2rem);font-weight:700}.pm-winner-label{letter-spacing:.22em;color:var(--teal);font-size:.74rem;font-weight:700}.pm-winner-sub{color:var(--muted);margin-top:6px;font-size:.9rem}.pm-standings{width:100%;max-width:560px;padding:18px 22px;overflow-x:auto}.pm-table{border-collapse:collapse;width:100%;font-size:.92rem}.pm-table th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);border-bottom:1px solid var(--border);padding:6px 10px;font-size:.7rem;font-weight:600}.pm-table td{border-bottom:1px solid var(--border);color:var(--muted);padding:9px 10px}.pm-table tr.me td{color:var(--ink);background:#38e0ff0f}.pm-table tr:last-child td{border-bottom:0}.pm-over-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.pm-howto{border-color:var(--border-2);background:linear-gradient(#141f36f7,#0a101efa);flex-direction:column;gap:14px;width:min(500px,94vw);max-height:90dvh;padding:clamp(24px,4vw,34px);display:flex;overflow-y:auto}.pm-howto-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.72rem}.pm-howto-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.4rem;font-weight:700}.pm-howto-steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pm-howto-step{align-items:flex-start;gap:12px;display:flex}.pm-howto-num{width:22px;height:22px;color:var(--teal);border:1px solid #5eead480;border-radius:50%;flex:none;place-items:center;margin-top:2px;font-size:.72rem;font-weight:700;display:grid}.pm-howto-icon{margin-top:0;font-size:1.2rem}.pm-howto-copy{flex-direction:column;gap:2px;display:flex}.pm-howto-step-title{font-size:.95rem;font-weight:600}.pm-howto-step-body{color:var(--muted);font-size:.86rem;line-height:1.45}.pm-howto-go{align-self:center;margin-top:4px}@media (width<=560px){.pm-code{padding:14px 20px}.pm-reveal-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pm-toasts{align-items:stretch;left:18px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#05080f;--bg-1:#0a1322;--bg-2:#0d1b30;--ink:#eef4ff;--muted:#eef4ff9e;--faint:#eef4ff66;--teal:#5eead4;--cyan:#38e0ff;--violet:#a78bfa;--good:#34d399;--bad:#fb7185;--up:#34d399;--down:#60a5fa;--panel:#ffffff0b;--panel-2:#ffffff12;--border:#ffffff1a;--border-2:#ffffff29;--radius:20px;--radius-sm:13px;--shadow:0 24px 60px -20px #000000b3;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-ui:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-0);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}button{color:inherit;cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:8px}strong{color:var(--ink);font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bg{z-index:0;background:radial-gradient(1200px 800px at 12% -10%, #38e0ff1f, transparent 60%), radial-gradient(1100px 900px at 100% 0%, #a78bfa1f, transparent 55%), radial-gradient(900px 700px at 50% 120%, #5eead41a, transparent 55%), linear-gradient(180deg, var(--bg-1), var(--bg-0) 70%);position:fixed;inset:0;overflow:hidden}.bg-aurora{filter:blur(90px);opacity:.45;mix-blend-mode:screen;border-radius:50%;width:60vmax;height:60vmax;position:absolute}.bg-aurora-1{background:radial-gradient(circle,#38e0ff80,#0000 60%);animation:26s ease-in-out infinite drift1;top:-22vmax;left:-12vmax}.bg-aurora-2{background:radial-gradient(circle,#a78bfa73,#0000 60%);animation:32s ease-in-out infinite drift2;bottom:-26vmax;right:-14vmax}.bg-aurora-3{background:radial-gradient(circle,#5eead466,#0000 60%);width:40vmax;height:40vmax;animation:38s ease-in-out infinite drift3;top:30%;left:55%}.bg-grid{background-image:linear-gradient(#78b4ff0d 1px,#0000 1px),linear-gradient(90deg,#78b4ff0d 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(120% 90% at 50% 30%,#000 35%,#0000 75%);mask-image:radial-gradient(120% 90% at 50% 30%,#000 35%,#0000 75%)}.bg-stars{opacity:.5;background-image:radial-gradient(1px 1px at 20% 30%,#ffffffb3,#0000),radial-gradient(1px 1px at 70% 20%,#ffffff8c,#0000),radial-gradient(1px 1px at 40% 70%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 85% 60%,#fff9,#0000),radial-gradient(1px 1px at 12% 85%,#ffffff73,#0000),radial-gradient(1px 1px at 58% 48%,#fff6,#0000);position:absolute;inset:0}.bg-vignette{background:radial-gradient(140% 110% at 50% 40%,#0000 55%,#0000008c 100%);position:absolute;inset:0}@keyframes drift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(8vmax,6vmax)scale(1.12)}}@keyframes drift2{0%,to{transform:translate(0)scale(1.05)}50%{transform:translate(-7vmax,-5vmax)scale(.95)}}@keyframes drift3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-6vmax,4vmax)scale(1.1)}}.app{z-index:1;flex-direction:column;min-height:100dvh;padding:clamp(14px,3vw,28px);display:flex;position:relative}.screen-center{z-index:1;place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px)saturate(120%);box-shadow:var(--shadow)}.primary-btn{color:var(--ink);background:linear-gradient(#38e0ff38,#38e0ff14);border:1px solid #38e0ff80;border-radius:999px;padding:12px 22px;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s;box-shadow:0 8px 30px -10px #38e0ff80}.primary-btn:hover{background:linear-gradient(#38e0ff52,#38e0ff1f);transform:translateY(-2px)}.continue-btn{margin-top:6px}.ghost-btn{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:999px;padding:9px 16px;font-size:.92rem;font-weight:500;transition:color .2s,border-color .2s,background .2s}.ghost-btn:hover{color:var(--ink);border-color:var(--border-2);background:var(--panel-2)}.logo{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.5ch;font-weight:700;display:inline-flex}.logo-lg{font-size:clamp(2rem,6vw,3.4rem)}.logo-sm{font-size:1.25rem}.logo-mark{color:var(--cyan);filter:drop-shadow(0 0 10px #38e0ffb3);animation:4s ease-in-out infinite pulse}.logo-text{color:var(--ink)}.logo-accent{background:linear-gradient(90deg, var(--teal), var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes pulse{0%,to{opacity:.85}50%{opacity:1}}.loading{flex-direction:column;align-items:center;gap:18px;display:flex}.loading-orb{background:conic-gradient(from 0deg, var(--cyan), var(--violet), var(--teal), var(--cyan));filter:blur(2px);border-radius:50%;width:64px;height:64px;animation:1.4s linear infinite spin;-webkit-mask:radial-gradient(circle,#0000 52%,#000 54%);mask:radial-gradient(circle,#0000 52%,#000 54%)}.loading-text{color:var(--muted);letter-spacing:.04em}@keyframes spin{to{transform:rotate(360deg)}}.error-card{text-align:center;gap:14px;max-width:420px;padding:28px;display:grid}.error-title{font-family:var(--font-display);font-size:1.3rem;font-weight:600}.error-detail{color:var(--faint);font-family:ui-monospace,monospace;font-size:.9rem}.home{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(20px,3.5vh,36px);width:100%;max-width:980px;margin:0 auto;padding:24px 0;display:flex}@media (height>=1px){.home:has(.mode-grid>:nth-child(9)){justify-content:flex-start}}.home-head{justify-items:center;gap:16px;display:grid}.home-tagline{max-width:30ch;color:var(--muted);margin:0;font-size:clamp(1rem,2.4vw,1.18rem);line-height:1.5}.home-tagline em{color:var(--teal);font-style:normal;font-weight:600}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:clamp(14px,2.4vw,22px);width:100%;display:grid}.mode-card{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(16px)saturate(120%);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:clamp(20px,3vw,30px);transition:border-color .25s;display:flex;position:relative;overflow:hidden}.mode-card:hover{border-color:hsl(var(--hue) 90% 70% / .55)}.mode-glow{background:radial-gradient(60% 100% at 30% 0%, hsl(var(--hue) 90% 60% / .28), transparent 70%);pointer-events:none;height:70%;position:absolute;inset:-40% -10% auto}.mode-icon{filter:drop-shadow(0 6px 16px hsl(var(--hue) 90% 50% / .5));font-size:2.4rem}.mode-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700}.mode-tagline{color:var(--muted);min-height:2.6em;font-size:.98rem;line-height:1.45}.mode-examples{flex-wrap:wrap;gap:7px;margin-top:2px;display:flex}.mode-chip{color:hsl(var(--hue) 80% 82%);background:hsl(var(--hue) 80% 60% / .12);border:1px solid hsl(var(--hue) 80% 60% / .28);border-radius:999px;padding:4px 10px;font-size:.78rem}.mode-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:10px;padding-top:14px;display:flex}.mode-best{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.85rem}.mode-play{font-family:var(--font-display);color:hsl(var(--hue) 85% 78%);font-weight:600}.home-foot{color:var(--faint);letter-spacing:.02em;font-size:.8rem}.topbar{justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:980px;margin:0 auto 8px;display:flex}.topbar-mode{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-size:.82rem;font-weight:600}.topbar-scores{gap:10px;display:flex}.stat{text-align:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);min-width:64px;padding:6px 12px}.stat-hi{background:#38e0ff1a;border-color:#38e0ff66}.stat-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin-top:3px;font-size:.66rem}.mode{flex-direction:column;flex:1;width:100%;display:flex}.single-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(18px,3vh,30px);width:100%;max-width:560px;margin:0 auto;padding:12px 0 28px;display:flex}.country-hero{flex-direction:column;align-items:center;gap:14px;display:flex}.hero-outline{aspect-ratio:320/220;border-radius:var(--radius);background:radial-gradient(70% 70% at 50% 45%, hsl(var(--hue) 90% 55% / .1), transparent 75%);place-items:center;width:min(440px,78vw);display:grid}.country-outline{width:100%;height:100%;display:block}.outline-fallback{filter:drop-shadow(0 0 24px hsl(var(--hue,174) 90% 55% / .4));font-size:5rem}.hero-id{align-items:center;gap:12px;display:flex}.hero-text{text-align:left}.hero-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.4rem,4vw,2rem);font-weight:700;line-height:1.05}.hero-region{color:var(--faint);font-size:.85rem}.flag{border-radius:6px;display:inline-block;overflow:hidden}.flag-img{object-fit:cover;border:1px solid var(--border);box-shadow:0 4px 14px -4px #0009}.flag-sm{width:34px;height:23px;font-size:1.6rem}.flag-md{width:52px;height:35px;font-size:2.4rem}.flag-lg{width:72px;height:48px;font-size:3.2rem}.flag-emoji{border-radius:0;line-height:1}.qpanel{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;padding:clamp(20px,3vw,30px);display:flex}.cat-badge{background:hsl(var(--hue) 85% 60% / .14);border:1px solid hsl(var(--hue) 85% 65% / .4);color:hsl(var(--hue) 85% 84%);border-radius:999px;align-items:center;gap:8px;padding:7px 15px;font-size:.9rem;font-weight:600;display:inline-flex}.cat-badge-big{padding:9px 18px;font-size:1.05rem}.cat-icon{font-size:1.1em}.q-prompt{color:var(--muted);font-size:1.02rem}.q-proposed{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:hsl(var(--hue) 95% 80%);text-shadow:0 0 30px hsl(var(--hue) 95% 60% / .45);font-size:clamp(2.6rem,9vw,4.2rem);font-weight:700;line-height:1}.q-caption{color:var(--faint);text-transform:lowercase;letter-spacing:.02em;font-size:.85rem}.hl-buttons{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:6px;display:grid}.hl-btn{border-radius:var(--radius-sm);font-family:var(--font-display);border:1px solid var(--border-2);background:var(--panel-2);justify-content:center;align-items:center;gap:10px;padding:16px;font-size:1.1rem;font-weight:600;transition:transform .12s,box-shadow .2s,border-color .2s,background .2s;display:flex}.hl-arrow{font-size:1.3rem}.hl-higher:hover{border-color:var(--up);background:#34d39929;transform:translateY(-2px);box-shadow:0 10px 30px -12px #34d39999}.hl-higher .hl-arrow{color:var(--up)}.hl-lower:hover{border-color:var(--down);background:#60a5fa29;transform:translateY(-2px);box-shadow:0 10px 30px -12px #60a5fa99}.hl-lower .hl-arrow{color:var(--down)}.reveal{border-radius:var(--radius-sm);border:1px solid var(--border-2);gap:4px;width:100%;margin-top:6px;padding:16px;display:grid}.reveal.ok{background:#34d3991a;border-color:#34d39980}.reveal.bad{background:#fb71851a;border-color:#fb718580}.reveal-verdict{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.reveal.ok .reveal-verdict{color:var(--good)}.reveal.bad .reveal-verdict{color:var(--bad)}.reveal-actual{color:var(--ink);font-size:1.05rem}.reveal-arrow{margin-right:4px;font-weight:700}.versus-body{flex-direction:column;flex:1;justify-content:center;gap:clamp(18px,4vh,40px);display:flex}.versus-prompt{flex-direction:column;align-items:center;gap:8px;display:flex}.versus-help{color:var(--muted);font-size:.95rem}.versus-help strong{color:hsl(var(--hue,280) 80% 80%)}.versus-arena{grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(10px,2vw,22px);width:100%;max-width:920px;margin:0 auto;display:grid}.infotip{vertical-align:middle;display:inline-flex;position:relative}.infotip-btn{width:18px;height:18px;font-family:var(--font-display);color:inherit;opacity:.65;cursor:pointer;background:0 0;border:1px solid;border-radius:50%;place-items:center;margin-left:4px;padding:0;font-size:11px;font-style:italic;font-weight:700;line-height:1;display:grid}.infotip-btn:hover{opacity:1}.infotip-pop{border:1px solid var(--border-2);width:max-content;max-width:min(260px,80vw);box-shadow:var(--shadow);color:var(--ink);font-family:var(--font-ui);letter-spacing:0;text-transform:none;text-align:center;white-space:normal;z-index:40;background:#0a101efa;border-radius:10px;padding:9px 12px;font-size:.8rem;font-weight:400;line-height:1.4;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)}.versus-vs{font-family:var(--font-display);color:var(--faint);letter-spacing:.1em;border:1px solid var(--border);background:var(--panel);border-radius:50%;place-items:center;width:48px;height:48px;padding:10px;font-size:1.1rem;font-weight:700;display:grid}.vpanel{border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(14px);flex-direction:column;align-items:center;gap:10px;padding:clamp(16px,2.5vw,26px) clamp(12px,2vw,22px);transition:border-color .2s,box-shadow .25s,transform .15s,opacity .25s,filter .25s;display:flex;position:relative}.vpanel:not(:disabled):hover{border-color:hsl(var(--hue) 90% 70% / .6);box-shadow:0 18px 50px -22px hsl(var(--hue) 90% 55% / .7)}.vpanel-role{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-size:.72rem;font-weight:600}.vpanel-outline{aspect-ratio:320/220;place-items:center;width:min(280px,34vw);display:grid}.vpanel-id{align-items:center;gap:9px;display:flex}.vpanel-name{font-family:var(--font-display);text-align:center;font-size:clamp(1.05rem,2.6vw,1.4rem);font-weight:600}.vpanel-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.5rem;font-weight:700}.vpanel-win{border-color:#34d399b3;box-shadow:0 18px 50px -20px #34d399b3}.vpanel-win .vpanel-value{color:var(--good)}.vpanel-lose{opacity:.5;filter:saturate(.6)}.vpanel-lose .vpanel-value{color:var(--muted)}.vpanel-lose-picked{border-color:#fb7185b3;box-shadow:0 18px 50px -20px #fb718599}.vpanel-lose-picked .vpanel-value{color:var(--bad)}.overlay{z-index:30;-webkit-backdrop-filter:blur(10px);background:#04070edb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gameover{text-align:center;border-color:var(--border-2);background:linear-gradient(#141f36f7,#0a101efa);justify-items:center;gap:6px;width:min(420px,92vw);padding:clamp(26px,4vw,38px);display:grid}.gameover-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.75rem}.gameover-title{font-family:var(--font-display);color:var(--muted);font-size:1.3rem;font-weight:600}.gameover-streak{font-family:var(--font-display);background:linear-gradient(180deg, var(--teal), var(--cyan));color:#0000;filter:drop-shadow(0 6px 30px #38e0ff66);-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,16vw,6rem);font-weight:700;line-height:1}.gameover-streak-label{color:var(--muted);font-size:.95rem}.gameover-best{color:var(--teal);margin-top:8px;font-weight:600}.gameover-detail{border-radius:var(--radius-sm);color:var(--ink);background:#fb71851f;border:1px solid #fb718566;margin-top:14px;padding:12px 14px;font-size:.95rem;line-height:1.45}.gameover-actions{gap:12px;margin-top:18px;display:flex}@media (width<=720px){.mode-grid{grid-template-columns:1fr}.versus-arena{grid-template-columns:1fr;gap:12px}.versus-vs{justify-self:center}.vpanel-outline{width:min(280px,60vw)}.topbar-mode{display:none}}@media (prefers-reduced-motion:reduce){.bg-aurora,.logo-mark,.loading-orb{animation:none!important}*{transition-duration:.01ms!important}}.lives{letter-spacing:1px;align-items:center;padding-right:4px;font-size:.95rem;display:flex}.lives-spent{opacity:.4;filter:grayscale()}.ranking-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(16px,3vh,26px);width:100%;max-width:560px;margin:0 auto;padding-bottom:20px;display:flex}.ranking-head{flex-direction:column;align-items:center;gap:8px;display:flex}.ranking-instr{color:var(--muted);font-size:.95rem}.ranking-list{flex-direction:column;gap:9px;width:100%;margin:0;padding:0;list-style:none;display:flex}.rank-row{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);text-align:left;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;width:100%;padding:11px 14px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.rank-row.draggable{cursor:grab}.rank-row.draggable:hover{border-color:hsl(var(--hue) 80% 65% / .6);background:var(--panel-2)}.rank-row.draggable:active{cursor:grabbing;box-shadow:0 14px 32px -14px #000000b3}.rank-grip{color:var(--faint);cursor:grab;font-size:1rem}.rank-row.right{background:#34d3991a;border-color:#34d39999}.rank-row.wrong{background:#fb718517;border-color:#fb71858c}.rank-num{width:30px;height:30px;font-family:var(--font-display);background:hsl(var(--hue) 85% 60% / .16);border:1px solid hsl(var(--hue) 85% 65% / .4);color:hsl(var(--hue) 85% 85%);border-radius:50%;flex:none;place-items:center;font-size:.95rem;font-weight:700;display:grid}.rank-row.right .rank-num{color:var(--good);background:#34d3992e;border-color:#34d39999}.rank-row.wrong .rank-num{color:var(--bad);background:#fb718529;border-color:#fb718580}.rank-name{flex:1;font-weight:600}.rank-val{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--muted);font-size:.92rem}.rank-mark{color:var(--faint);text-align:right;min-width:18px;font-size:.78rem}.rank-row.right .rank-mark{color:var(--good)}.ranking-actions{justify-content:center;display:flex}.tf-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(16px,3vh,28px);width:100%;max-width:560px;margin:0 auto;padding-bottom:24px;display:flex}.tf-panel{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;padding:clamp(20px,3vw,28px);display:flex}.tf-hint{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-size:.72rem}.tf-statement{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.25rem,3.6vw,1.7rem);font-weight:600;line-height:1.3}.tf-buttons{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.tf-btn{border-radius:var(--radius-sm);font-family:var(--font-display);border:1px solid var(--border-2);background:var(--panel-2);padding:16px;font-size:1.1rem;font-weight:600;transition:transform .12s,box-shadow .2s,border-color .2s,background .2s}.tf-true:hover{border-color:var(--good);background:#34d39929;transform:translateY(-2px);box-shadow:0 10px 30px -12px #34d39999}.tf-false:hover{border-color:var(--bad);background:#fb718529;transform:translateY(-2px);box-shadow:0 10px 30px -12px #fb718599}.wt-start{flex:1;place-items:center;padding:16px 0;display:grid}.wt-start-card{flex-direction:column;gap:14px;width:min(460px,92vw);padding:clamp(24px,4vw,34px);display:flex}.wt-start-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.wt-start-sub{color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.wt-start-sub em{color:var(--teal);font-style:normal;font-weight:600}.wt-start-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.wt-hard{color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:.88rem;display:inline-flex}.wt-hard input{accent-color:var(--cyan);width:16px;height:16px}.wt-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(16px,3vh,26px);width:100%;max-width:540px;margin:0 auto;padding-bottom:24px;display:flex}.wt-pivot{flex-direction:column;align-items:center;gap:12px;display:flex}.wt-pivot-outline{aspect-ratio:320/220;border-radius:var(--radius);background:radial-gradient(70% 70% at 50% 45%, hsl(var(--hue) 90% 55% / .1), transparent 75%);place-items:center;width:min(300px,64vw);display:grid}.wt-pivot-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.7rem}.wt-panel{flex-direction:column;gap:12px;width:100%;padding:clamp(18px,3vw,24px);display:flex}.wt-find{font-family:var(--font-display);color:var(--muted);text-align:center;font-weight:600}.wt-crits{flex-direction:column;gap:8px;display:flex}.wt-crit{border-radius:var(--radius-sm);background:hsl(var(--hue) 85% 55% / .1);border:1px solid hsl(var(--hue) 85% 60% / .32);align-items:center;gap:10px;padding:9px 13px;display:flex}.wt-crit-dir{color:hsl(var(--hue) 90% 75%);font-size:.8rem;font-weight:700}.wt-crit-main{flex:1;align-items:center;gap:7px;font-size:.95rem;font-weight:600;display:flex}.wt-crit-pivot{color:var(--faint);font-variant-numeric:tabular-nums;text-align:right;font-size:.82rem}.wt-input{width:100%;position:relative}.wt-field{border-radius:var(--radius-sm);border:1px solid var(--border-2);width:100%;color:var(--ink);font-family:var(--font-ui);background:#ffffff0d;outline:none;padding:13px 16px;font-size:1rem}.wt-field:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #38e0ff2e}.wt-suggest{z-index:25;border:1px solid var(--border-2);border-radius:var(--radius-sm);box-shadow:var(--shadow);background:#0a101efc;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.wt-sugg{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;padding:10px 14px;font-size:.95rem;display:flex}.wt-sugg.active,.wt-sugg:hover{background:#38e0ff24}.wt-feedback{border-radius:var(--radius-sm);border:1px solid var(--border);padding:10px 13px;font-size:.92rem;line-height:1.4}.wt-feedback.ok{color:var(--good);background:#34d3991a;border-color:#34d39966}.wt-feedback.bad{color:var(--bad);background:#fb71851a;border-color:#fb718566}.wt-feedback.warn{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2466}@media (width<=600px){.wt-crit{flex-wrap:wrap}.wt-crit-pivot{text-align:left;width:100%}}