:root{--bg: #0b1020;--panel: #141b31;--panel-2: #1b2444;--ink: #f1f5ff;--ink-dim: #8b96b8;--accent: #22d3ee;--accent-2: #a78bfa;--good: #4ade80;--bad: #fb7185;--gold: #fbbf24;--radius: 18px;--pad: clamp(14px, 3cqh, 24px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}#stage{height:100dvh;display:grid;place-items:center}#app{width:100%;height:100dvh;container-type:size;background:radial-gradient(120% 60% at 50% -10%,#1e2a52 0%,transparent 60%),var(--bg);display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}body.framed{background:radial-gradient(80% 80% at 20% 0%,#131b38 0%,transparent 60%),radial-gradient(80% 80% at 100% 100%,#131b38 0%,transparent 55%),#070b16}body.framed #app{border-radius:34px;border:1px solid #2a3560;box-shadow:0 30px 80px #0009,0 0 0 8px #10162c}body.framed[data-view=phone] #app{width:min(400px,94vw);height:min(820px,92dvh)}body.framed[data-view=ipad-p] #app{width:min(700px,94vw);height:min(933px,92dvh)}body.framed[data-view=ipad-l] #app{width:min(1120px,94vw);height:min(840px,80dvh)}.view-switcher{position:fixed;top:14px;right:14px;display:flex;gap:6px;background:#10162ccc;border:1px solid #2a3560;border-radius:999px;padding:5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.view-btn{padding:6px 12px;border-radius:999px;color:var(--ink-dim);font-size:13px;font-weight:600}.view-btn.is-active{background:var(--accent);color:#04222b}.screen{flex:1;min-height:0;display:flex;flex-direction:column;padding:var(--pad);animation:screen-in .28s cubic-bezier(.2,.9,.3,1)}@keyframes screen-in{0%{opacity:0;transform:translateY(10px) scale(.99)}}.btn{border-radius:var(--radius);padding:14px 22px;font-weight:800;font-size:17px;letter-spacing:.04em;transition:transform .08s ease,filter .15s ease}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--accent),#38bdf8 60%,var(--accent-2));color:#04121b;box-shadow:0 6px 22px #22d3ee59}.btn-ghost{background:var(--panel);color:var(--ink-dim);border:1px solid #2a3560;font-weight:600}.btn-danger-ghost{background:none;color:var(--bad);border:1px solid #4a2333;font-weight:600}.icon-btn{width:40px;height:40px;border-radius:12px;background:var(--panel);border:1px solid #2a3560;color:var(--ink-dim);font-size:16px;flex:none}.flag{display:block;border-radius:0;box-shadow:0 4px 18px #00000073,0 0 0 1px #ffffff24}.flag-small{width:52px;aspect-ratio:4 / 3}.home{text-align:center;gap:12px;overflow-y:auto}.home>*{flex-shrink:0}.home-header{padding-top:clamp(8px,4cqh,40px)}.logo-flag{font-size:clamp(34px,7cqh,56px);animation:wave 2.4s ease-in-out infinite;display:inline-block}@keyframes wave{0%,to{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}.logo{display:flex;flex-direction:column;line-height:.95;margin-top:6px}.logo-what{font-size:clamp(16px,3cqh,24px);font-weight:800;letter-spacing:.42em;color:var(--ink-dim)}.logo-word{font-size:clamp(52px,11cqh,96px);font-weight:900;letter-spacing:.02em;background:linear-gradient(115deg,var(--accent) 20%,#7dd3fc 45%,var(--accent-2) 85%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 24px rgba(34,211,238,.25))}.tagline{color:var(--ink-dim);font-weight:600;margin-top:10px}.install-hint{margin-top:10px;font-size:12px;font-weight:600;color:var(--ink-dim);text-decoration:underline dotted;text-underline-offset:3px}.install-hint:hover{color:var(--accent)}.region-row{display:flex;align-items:center;justify-content:center;gap:10px}.region-label{font-weight:700;color:var(--ink-dim);font-size:14px;white-space:nowrap}.region-select{flex:1;max-width:340px;padding:11px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:var(--panel-2);color:var(--ink);font-weight:700;font-size:15px;font-family:inherit;cursor:pointer}.region-select:focus-visible{outline:2px solid var(--accent)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-tile{background:linear-gradient(160deg,var(--panel-2),var(--panel));border:1px solid #2a3560;border-radius:var(--radius);padding:clamp(12px,2.6cqh,22px) 12px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .08s ease,border-color .15s ease}.mode-tile:hover{border-color:var(--accent)}.mode-tile:active{transform:scale(.95)}.tile-emoji{font-size:clamp(26px,4.6cqh,40px)}.tile-name{font-size:19px;font-weight:800;letter-spacing:.03em}.tile-blurb{font-size:12.5px;color:var(--ink-dim)}.tile-best{margin-top:6px;font-size:12px;font-weight:700;color:var(--gold)}.home-footer{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:auto}.credit{width:100%;font-size:11px;letter-spacing:.2em;color:#55608a;margin-top:6px}.daily-tile{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 18px;border-radius:var(--radius);border:1px solid transparent;color:var(--ink);background:linear-gradient(135deg,#22d3ee38,#a78bfa38),var(--panel-2);box-shadow:0 0 0 1px #22d3ee59 inset,0 8px 24px -14px #22d3ee99;transition:transform .08s ease,box-shadow .15s ease}.daily-tile:hover{box-shadow:0 0 0 1px var(--accent) inset,0 10px 28px -12px #22d3eeb3}.daily-tile:active{transform:scale(.985)}.daily-tile.is-done{background:linear-gradient(135deg,#4ade8024,#22d3ee1a),var(--panel);box-shadow:0 0 0 1px #4ade8059 inset}.daily-tile-icon{font-size:30px;line-height:1}.daily-tile-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.daily-tile-title{font-size:18px;font-weight:800;letter-spacing:.01em}.daily-tile-sub{font-size:12.5px;color:var(--ink-dim)}.daily-tile-flame{font-size:17px;font-weight:800;color:var(--gold);white-space:nowrap}.daily-pips{display:flex;justify-content:center;gap:8px}.daily-pip{width:18px;height:18px;border-radius:5px;background:var(--panel-2);border:1px solid #2a3560;transition:background .2s ease,border-color .2s ease}.daily-pip.is-correct{background:var(--good);border-color:var(--good)}.daily-pip.is-wrong{background:var(--bad);border-color:var(--bad)}.daily-headline{font-size:13px;font-weight:800;letter-spacing:.16em;color:var(--ink-dim);text-transform:uppercase}.daily-grid{display:flex;justify-content:center;gap:8px;font-size:30px;line-height:1;margin:4px 0 2px}.daily-sq{filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));animation:sq-pop .35s backwards}.daily-sq:nth-child(1){animation-delay:.05s}.daily-sq:nth-child(2){animation-delay:.15s}.daily-sq:nth-child(3){animation-delay:.25s}.daily-sq:nth-child(4){animation-delay:.35s}.daily-sq:nth-child(5){animation-delay:.45s}@keyframes sq-pop{0%{opacity:0;transform:translateY(6px) scale(.5)}70%{transform:translateY(0) scale(1.15)}to{opacity:1;transform:none}}.daily-streak{display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:2px}.daily-flame-big{font-size:22px;font-weight:800;color:var(--gold)}.daily-streak-label{font-size:12px;color:var(--ink-dim)}.daily-next{font-size:12px;color:var(--ink-dim);margin-top:6px}.daily-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,12px);max-width:88%;padding:10px 16px;border-radius:12px;background:var(--panel-2);border:1px solid var(--accent);color:var(--ink);font-size:13px;font-weight:600;white-space:pre-wrap;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:40}.daily-toast.show{opacity:1;transform:translate(-50%)}.mystery{gap:12px;padding-top:10px}.mystery-flag-panel{position:relative;align-self:center;width:min(58%,220px);aspect-ratio:3 / 2;border-radius:12px;overflow:hidden;background:var(--panel-2);box-shadow:0 10px 30px -12px #000000b3,0 0 0 1px #ffffff0f inset}.mystery-flag{width:100%;height:100%;object-fit:cover;transform:scale(1.22);transition:filter .5s ease}.mystery-q{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:64px;font-weight:900;color:#ffffffd1;text-shadow:0 2px 12px rgba(0,0,0,.6);transition:opacity .4s ease;pointer-events:none}.mystery-flag-panel.revealed .mystery-q{opacity:0}.clue-list{display:flex;flex-direction:column;gap:7px}.clue{display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:12px;background:var(--panel);border:1px solid #26315a;animation:clue-in .35s ease backwards}@keyframes clue-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.clue-icon{font-size:18px}.clue-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);min-width:74px}.clue-text{font-size:14.5px;font-weight:600;flex:1}.guess-history{display:flex;flex-direction:column;gap:6px}.guess-row{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:10px;background:var(--panel-2)}.guess-row.is-right{background:#4ade8029;box-shadow:0 0 0 1px var(--good) inset}.guess-flag{width:30px;height:20px;object-fit:cover;border-radius:3px;flex-shrink:0}.guess-name{font-weight:700;font-size:14px;flex:1}.guess-prox{font-size:12px;font-weight:700;white-space:nowrap}.prox-border{color:var(--good)}.prox-continent{color:var(--gold)}.prox-far{color:var(--bad)}.prox-right{color:var(--good)}.guess-picker{position:relative;margin-top:auto}.guess-input{width:100%;padding:14px 16px;border-radius:12px;background:var(--panel-2);border:1px solid #2a3560;color:var(--ink);font-size:16px;font-weight:600}.guess-input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.guess-list{position:absolute;left:0;right:0;bottom:calc(100% + 6px);display:none;flex-direction:column;gap:2px;padding:6px;border-radius:12px;background:var(--panel);border:1px solid #2a3560;box-shadow:0 -8px 28px -12px #000c;max-height:46vh;overflow-y:auto;z-index:30}.guess-list.open{display:flex}.guess-option{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--ink);text-align:left;font-size:15px;font-weight:600}.guess-option:hover,.guess-option:focus{background:var(--panel-2)}.mystery-answer{display:flex;align-items:center;gap:12px;justify-content:center;padding:10px 16px;border-radius:12px;background:var(--panel);margin:2px auto}.mystery-answer-flag{width:46px;height:31px;object-fit:cover;border-radius:4px}.mystery-answer-text{display:flex;flex-direction:column;gap:1px}.mystery-answer-name{font-size:18px;font-weight:800}.mystery-answer-cap{font-size:12.5px;color:var(--ink-dim)}.deck{gap:10px;padding-top:10px}.deck-prompt{display:flex;align-items:center;gap:8px;justify-content:center;text-align:center;min-height:24px}.deck-lens-icon{font-size:20px}.deck-lens-label{font-size:14.5px;font-weight:700;color:var(--ink-dim)}.deck-main{display:grid;place-items:center;min-height:132px;padding:10px;border-radius:14px;background:var(--panel-2);box-shadow:0 0 0 1px #ffffff0d inset}.clue-big{font-size:clamp(24px,6cqw,34px);font-weight:800;text-align:center;line-height:1.15}.clue-neighbours{font-size:clamp(16px,4.4cqw,22px);font-weight:700;color:var(--ink)}.clue-shape{width:100%;height:132px;display:grid;place-items:center}.country-shape{width:auto;height:118px;max-width:92%}.country-shape path{fill:var(--accent);stroke:#0b1020;stroke-width:.5;paint-order:stroke}.clue-colors{display:flex;gap:0;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px -8px #000000b3}.swatch{width:54px;height:84px}.deck-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.deck-choices .choice-name{min-height:52px}.deck-slots{display:flex;justify-content:center;gap:7px}.deck-slot{position:relative;width:46px;height:46px;border-radius:10px;display:grid;place-items:center;background:var(--panel);border:1px solid #2a3560;overflow:hidden}.deck-slot.is-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.deck-slot.is-correct{border-color:var(--good)}.deck-slot.is-wrong{border-color:var(--bad)}.deck-slot-icon{font-size:20px}.deck-slot-flag{width:100%;height:100%;object-fit:cover}.deck-slot-mark{position:absolute;right:2px;bottom:0;font-size:13px;font-weight:900;text-shadow:0 1px 3px #000}.deck-slot.is-correct .deck-slot-mark{color:var(--good)}.deck-slot.is-wrong .deck-slot-mark{color:var(--bad)}.deck-secret{text-align:center;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--ink-dim)}.deck-finale{display:block}.odd-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.odd-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:12px;background:var(--panel-2);border:1px solid #2a3560;color:var(--ink);transition:transform .08s ease,border-color .15s ease}.odd-tile:active{transform:scale(.95)}.odd-flag{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:5px}.odd-name{font-size:12px;font-weight:700;text-align:center}.odd-tile.is-correct{border-color:var(--good);box-shadow:0 0 0 2px var(--good) inset}.odd-tile.is-wrong{border-color:var(--bad);box-shadow:0 0 0 2px var(--bad) inset}.theme-options{display:flex;flex-direction:column;gap:10px}.theme-option{min-height:50px;font-size:15px}.deck-scoreline{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.deck-chip{font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:999px;background:var(--panel)}.deck-chip.ok{color:var(--good);box-shadow:0 0 0 1px var(--good) inset}.deck-chip.no{color:var(--ink-dim);box-shadow:0 0 0 1px #2a3560 inset}.deck-reveal{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 16px;border-radius:14px;background:var(--panel);margin:2px auto}.deck-reveal-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}.deck-reveal-theme{font-size:19px;font-weight:800;color:var(--accent);text-align:center}.deck-reveal-text{font-size:13px;color:var(--ink-dim);text-align:center}.deck-reveal-odd{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;color:var(--ink-dim)}.game{gap:12px;padding-top:10px}.game-header{display:flex;align-items:center;gap:10px;min-height:40px}.hud-mode{font-weight:700;color:var(--ink-dim);font-size:14px}.hud-spacer{flex:1}.hud-counter{color:var(--ink-dim);font-weight:700;font-variant-numeric:tabular-nums}.hud-score{font-size:24px;font-weight:900;min-width:56px;text-align:right;font-variant-numeric:tabular-nums}.hud-streak{font-weight:800;color:var(--gold)}.pop{animation:pop .3s cubic-bezier(.2,2.2,.4,1)}@keyframes pop{40%{transform:scale(1.35)}}.timer-bar{height:8px;border-radius:99px;background:var(--panel);overflow:hidden;flex:none}.timer-bar.hidden{visibility:hidden}.timer-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform-origin:left;will-change:transform}.timer-fill.urgent{background:var(--bad)}.game-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:clamp(12px,3cqh,28px)}.game-prompt{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2cqh,18px)}.game-prompt.with-map .flag{width:min(44cqw,20cqh * 1.33,300px)}.game-prompt.with-map .prompt-name{font-size:clamp(22px,4cqh,36px)}.map-hint{width:100%;display:grid;place-items:center;animation:flag-in .35s cubic-bezier(.2,1.4,.4,1)}.map-check{display:flex;align-items:center;gap:8px;color:var(--ink-dim);font-size:14.5px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 12px}.map-check input{width:19px;height:19px;accent-color:var(--accent);cursor:pointer}.footer-break{flex-basis:100%;height:0}.world-map{width:min(84cqw,23cqh * 1.52,520px);height:auto}.world-map path{fill:#223059;stroke:#0b1020;stroke-width:.6}.world-map path.is-here{fill:var(--accent);stroke:#a5f3ff;stroke-width:1}.world-map path.is-wrong{fill:#fb7185;stroke:#fecaca;stroke-width:1}.globe{position:relative;width:clamp(96px,22cqh,132px);aspect-ratio:1;border-radius:50%;overflow:hidden;margin:0 auto;background:radial-gradient(circle at 34% 30%,#1f6ea3,#0a2440 72%);box-shadow:0 0 0 1px #7dd3fc40,0 10px 34px #22d3ee47,inset -6px -8px 18px #00000080}.globe-map{position:absolute;top:50%;left:0;height:100%;width:400%;transform:translateY(-50%);display:flex;animation:globe-spin 20s linear infinite}.globe-map .world-map{width:50%;height:100%;flex:none}.globe .world-map path{fill:#34d399;stroke:none}@keyframes globe-spin{to{transform:translate(-50%,-50%)}}.globe-shade{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 33% 28%,#fff6,#fff0 42%),radial-gradient(circle at 68% 74%,#00000a99,#0000 62%)}@media(prefers-reduced-motion:reduce){.globe-map{animation:none}}.mapgame{display:flex;flex-direction:column;gap:10px}.map-prompt{flex:none;display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 0}.map-prompt-flag{width:52px;height:auto;border-radius:5px;box-shadow:0 2px 8px #0006}.map-prompt-text{font-size:clamp(19px,4.2cqh,28px);font-weight:800}.map-prompt-name{color:var(--accent)}.map-wrap{flex:1;min-height:0;display:grid;place-items:center;background:#0b1020;border-radius:16px;border:1px solid rgba(255,255,255,.06);overflow:hidden}.world-map.map-play{width:100%;height:100%;max-height:100%}.map-play path{cursor:pointer}.map-mode-tile{position:relative}.tile-badge-new{position:absolute;top:8px;right:10px;background:var(--accent);color:#04222b;font-size:11px;font-weight:900;padding:2px 8px;border-radius:999px;letter-spacing:.05em}.book{display:flex;flex-direction:column;gap:12px}.book-header{display:flex;align-items:center;gap:12px;flex:none}.book-title{display:flex;flex-direction:column;flex:1;min-width:0}.book-title-main{font-weight:900;font-size:20px}.book-title-sub{color:var(--ink-dim);font-size:13px;font-weight:600}.book-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding-bottom:8px}.page-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.page-name{font-weight:800;font-size:16px}.page-count{font-size:13px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.album-flag{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border-radius:10px;background:var(--panel-2);border:1px solid rgba(255,255,255,.06)}.album-flag-img{width:100%;max-width:52px;height:auto;border-radius:3px;box-shadow:0 1px 4px #0006}.album-flag-name{font-size:10px;color:var(--ink-dim);text-align:center;line-height:1.15}.album-flag.locked{background:#0e1424;border-style:dashed;min-height:62px;justify-content:center}.album-lock{font-size:20px;opacity:.5}.album-flag.mastered{border-color:#fbbf24;box-shadow:0 0 0 1px #fbbf2459}.album-star{position:absolute;top:-7px;right:-6px;font-size:15px}.backup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#040814b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.backup-panel{width:min(420px,94%);max-height:88%;overflow-y:auto;background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:10px}.backup-head{display:flex;align-items:center;justify-content:space-between}.backup-title{font-weight:900;font-size:18px}.backup-sub{color:var(--ink-dim);font-size:13px;line-height:1.4}.backup-code{width:100%;min-height:66px;resize:none;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:var(--panel-2);color:var(--ink);padding:10px;word-break:break-all}.backup-hr{height:1px;background:#ffffff1a;margin:6px 0}.backup-msg{font-size:13px;color:var(--accent);min-height:18px;text-align:center}.map-ping{fill:none;stroke:var(--accent);stroke-width:2.5;transform-origin:center;transform-box:fill-box;animation:map-ping 1.1s ease-out infinite}@keyframes map-ping{0%{transform:scale(.4);opacity:1}to{transform:scale(1.5);opacity:0}}.prompt-flag .flag{width:min(78cqw,46cqh,520px);aspect-ratio:4 / 3;animation:flag-in .3s cubic-bezier(.2,1.4,.4,1)}@keyframes flag-in{0%{opacity:0;transform:scale(.85)}}.prompt-name{font-size:clamp(30px,6cqh,52px);font-weight:900;text-align:center;text-wrap:balance;animation:flag-in .3s cubic-bezier(.2,1.4,.4,1)}.game-choices{display:grid;gap:10px;flex:none}.choices-names{grid-template-columns:1fr}.choices-flags{grid-template-columns:1fr 1fr}.choice{border-radius:var(--radius);border:1px solid #2a3560;background:linear-gradient(160deg,var(--panel-2),var(--panel));transition:transform .07s ease,border-color .12s ease,background .12s ease,opacity .2s ease}.choice:active:not(:disabled){transform:scale(.97)}.choice-name{min-height:clamp(54px,8cqh,68px);padding:8px 16px;font-size:clamp(16px,2.6cqh,21px);font-weight:700}.choice-flag{padding:10px;display:grid;place-items:center}.choice-flag .flag{width:100%;aspect-ratio:4 / 3}.choice.is-correct{background:linear-gradient(160deg,#14532d,#166534);border-color:var(--good);box-shadow:0 0 24px #4ade8059;animation:pop .3s cubic-bezier(.2,2.2,.4,1)}.choice.is-wrong{background:linear-gradient(160deg,#4c1d2b,#581c30);border-color:var(--bad)}.choice.is-dim{opacity:.35}.shake{animation:shake .35s ease}@keyframes shake{20%{transform:translate(-7px)}45%{transform:translate(6px)}70%{transform:translate(-4px)}90%{transform:translate(2px)}}.game-footer{flex:none;display:flex;justify-content:center}@container (aspect-ratio > 1.15){.game-body{flex-direction:row;align-items:center}.game-prompt,.game-choices{flex:1;min-width:0}.prompt-flag .flag{width:min(42cqw,62cqh,620px)}.home{max-width:900px;width:100%;margin:0 auto}.mode-grid{grid-template-columns:repeat(4,1fr)}}#app{position:relative}.install-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#040710a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fade-in .25s ease}.install-overlay.closing{opacity:0;transition:opacity .2s ease}@keyframes fade-in{0%{opacity:0}}.install-sheet{width:100%;max-width:480px;background:linear-gradient(170deg,var(--panel-2),var(--panel));border:1px solid #2a3560;border-bottom:none;border-radius:26px 26px 0 0;padding:26px 22px calc(22px + env(safe-area-inset-bottom));text-align:center;display:flex;flex-direction:column;gap:12px;animation:sheet-up .35s cubic-bezier(.2,1.2,.35,1);box-shadow:0 -20px 60px #00000080}@keyframes sheet-up{0%{transform:translateY(60%);opacity:0}}.install-icon{font-size:44px;line-height:1}.install-title{font-size:24px;font-weight:900}.install-sub{color:var(--ink-dim);font-size:14.5px;margin-bottom:6px}.install-step{display:flex;align-items:center;gap:12px;text-align:left;background:#0b10208c;border:1px solid #2a3560;border-radius:14px;padding:12px 14px;font-size:15.5px}.install-step-num{flex:none;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#04222b;font-weight:900;display:grid;place-items:center;font-size:14px}.install-glyph{display:inline-block;vertical-align:-4px}.install-glyph svg{width:19px;height:19px;color:var(--accent)}.install-cta{margin-top:8px}.juice-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:40}.flash-word{position:absolute;left:50%;top:26%;transform:translate(-50%,-50%) rotate(var(--tilt, 0deg));font-size:clamp(30px,6cqh,48px);font-weight:900;letter-spacing:.04em;white-space:nowrap;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 28px rgba(34,211,238,.65);pointer-events:none;z-index:41;animation:flash-pop .75s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes flash-pop{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--tilt)) scale(.3)}22%{opacity:1;transform:translate(-50%,-50%) rotate(var(--tilt)) scale(1.18)}70%{opacity:1;transform:translate(-50%,-50%) rotate(var(--tilt)) scale(1)}to{opacity:0;transform:translate(-50%,-56%) rotate(var(--tilt)) scale(.92)}}.score-fly{position:absolute;transform:translate(-50%,-50%);font-size:22px;font-weight:900;color:var(--gold);text-shadow:0 1px 6px rgba(0,0,0,.6);pointer-events:none;z-index:41;opacity:1;font-variant-numeric:tabular-nums;transition:transform .6s cubic-bezier(.3,.7,.3,1),opacity .6s ease}.results{gap:14px}.results-main{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding-top:clamp(6px,3cqh,30px);scrollbar-width:thin}.badge{width:clamp(120px,24cqh,180px);aspect-ratio:1;border-radius:50%;border:3px solid var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:radial-gradient(80% 80% at 30% 25%,var(--panel-2),var(--panel));box-shadow:0 14px 40px #00000080;animation:badge-in .5s cubic-bezier(.2,1.6,.4,1)}@keyframes badge-in{0%{opacity:0;transform:scale(.4) rotate(-12deg)}}.badge-emoji{font-size:clamp(40px,8cqh,64px)}.badge-label{font-weight:900;letter-spacing:.08em;font-size:clamp(13px,2.2cqh,17px)}.new-best{color:var(--gold);font-weight:900;letter-spacing:.18em;animation:pop .5s cubic-bezier(.2,2.2,.4,1)}.final-score{font-size:clamp(48px,9cqh,76px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.final-caption{display:block;font-size:14px;font-weight:600;color:var(--ink-dim);letter-spacing:.2em;text-transform:uppercase}.stat-row{display:flex;gap:10px;width:100%;max-width:460px}.stat{flex:1;background:var(--panel);border:1px solid #2a3560;border-radius:var(--radius);padding:12px 8px;display:flex;flex-direction:column;gap:2px}.stat-value{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}.stat-label{font-size:11px;color:var(--ink-dim);letter-spacing:.14em;text-transform:uppercase}.missed{width:100%;max-width:460px;text-align:left}.missed-title,.section-title{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin:10px 0 8px}.missed-list,.recent-list{list-style:none;display:flex;flex-direction:column;gap:8px}.missed-item{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid #2a3560;border-radius:14px;padding:8px 12px}.missed-name{display:block;font-weight:700}.missed-picked{display:block;font-size:12.5px;color:var(--ink-dim)}.results-actions{flex:none;display:flex;flex-direction:column;gap:8px}.results-actions .btn-primary{width:100%}.stats-header{text-align:center;padding:8px 0 4px}.screen-title{font-size:28px;font-weight:900}.stats-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;padding-bottom:8px}.bests-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.best-cell{background:var(--panel);border:1px solid #2a3560;border-radius:14px;padding:12px;display:flex;justify-content:space-between;align-items:center}.best-mode{font-weight:700;font-size:14px;color:var(--ink-dim)}.best-score{font-weight:900;font-size:18px;color:var(--gold);font-variant-numeric:tabular-nums}.recent-item{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid #2a3560;border-radius:14px;padding:10px 12px;font-size:14px}.recent-mode{font-weight:700;flex:1}.recent-score{font-weight:800;font-variant-numeric:tabular-nums}.recent-acc{color:var(--ink-dim);min-width:44px;text-align:right;font-variant-numeric:tabular-nums}