:root{--navy:#0a1a3f;--navy-2:#12245c;--red:#b22234;--red-bright:#ec1c3a;--white:#f7f8fc;--gold:#ffd447;--muted:#9fb0d8;--good:#2fbf71;--bad:#ff5b6e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:radial-gradient(1200px 600px at 50% -10%,#17306f 0,var(--navy) 55%,#050d24 100%);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.wrap,body,html{min-height:100vh}.wrap{max-width:520px;margin:0 auto;padding:20px 18px 48px}.center{text-align:center}h1{font-size:30px;line-height:1.1;margin:8px 0;letter-spacing:-.5px}h2{font-size:20px;margin:6px 0}p{color:var(--muted);line-height:1.5}.flag-title{font-weight:900}.flag-title .r{color:var(--red-bright)}.flag-title .w{color:#fff}.flag-title .b{color:#6ea8ff}.card{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:18px;padding:18px;margin:14px 0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}label{display:block;font-size:13px;color:var(--muted);margin:12px 0 6px;text-transform:uppercase;letter-spacing:1px}input{width:100%;padding:14px 16px;font-size:17px;border-radius:12px;border:1px solid hsla(0,0%,100%,.18);background:rgba(0,0,0,.25);color:#fff;outline:none}input:focus{border-color:var(--gold)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 18px;font-size:18px;font-weight:800;border-radius:14px;border:none;cursor:pointer;margin-top:14px;color:#fff;background:linear-gradient(180deg,var(--red-bright),var(--red));box-shadow:0 8px 20px rgba(236,28,58,.35);transition:transform .06s ease,opacity .2s;text-decoration:none}.btn:active,button:active{transform:translateY(1px) scale(.995)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-blue{background:linear-gradient(180deg,#3f6dff,#2447c9);box-shadow:0 8px 20px rgba(63,109,255,.35)}.btn-ghost{background:hsla(0,0%,100%,.08);box-shadow:none;border:1px solid hsla(0,0%,100%,.18)}.btn-gold{background:linear-gradient(180deg,#ffe07a,var(--gold));color:#3a2b00;box-shadow:0 8px 20px rgba(255,212,71,.35)}.row{display:flex;gap:10px}.row>*{flex:1 1}.stat-row{display:flex;gap:12px;margin:8px 0}.stat{flex:1 1;background:rgba(0,0,0,.25);border-radius:14px;padding:14px;text-align:center;border:1px solid hsla(0,0%,100%,.08)}.stat .num{font-size:34px;font-weight:900;line-height:1}.stat .lbl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:6px}.stat.win .num{color:var(--good)}.stat.loss .num{color:var(--bad)}.qr-box{background:#fff;padding:14px;border-radius:16px;display:inline-block}.qr-box img{display:block;width:220px;height:220px}.leaderboard{list-style:none;padding:0;margin:8px 0 0}.leaderboard li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;margin:8px 0;background:rgba(0,0,0,.22);border:1px solid hsla(0,0%,100%,.06)}.leaderboard .rank{font-weight:900;width:30px;text-align:center;font-size:18px}.leaderboard .who{flex:1 1;font-weight:700}.leaderboard .wl{color:var(--muted);font-size:14px}.leaderboard li.gold{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.leaderboard li.me{background:rgba(63,109,255,.18)}.pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.pill.gold{background:var(--gold);color:#3a2b00}.pill.blue{background:#3f6dff}.muted{color:var(--muted)}.small{font-size:13px}.link{color:var(--gold);word-break:break-all}.spacer{height:8px}.divider{height:1px;background:hsla(0,0%,100%,.1);margin:18px 0}.gamecanvas{display:block;width:100%;border-radius:16px;touch-action:manipulation}.big-timer{font-size:44px;font-weight:900;text-align:center}.score-badge{font-size:20px;font-weight:900}.choice{width:100%;text-align:left;margin-top:12px;padding:16px;background:rgba(0,0,0,.25);border:1px solid hsla(0,0%,100%,.14);box-shadow:none;color:#fff;font-weight:700;font-size:16px}.choice.correct{background:rgba(47,191,113,.25);border-color:var(--good)}.choice.wrong{background:rgba(255,91,110,.22);border-color:var(--bad)}.overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(3,8,22,.92);padding:24px;z-index:50}.overlay h1{font-size:40px}.result-win h1{color:var(--gold)}.result-lose h1{color:var(--bad)}.fireworks{font-size:54px}.center-fixed{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#000;color:#fff;padding:10px 16px;border-radius:999px;font-size:14px;z-index:60}