:root{--bg: #2f2c39;--surface: #44425a;--surface-border: #5a5772;--accent: #edcf72;--accent-bright: #ffd57a;--green: #6fbf73;--red: #e0625c;--text: #ffffff;--muted: #cfcfd9;--muted-dim: #a7a3b3;--shadow: 0 12px 32px rgba(0, 0, 0, .45)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;background:radial-gradient(circle at 50% 0%,#36333f,#211f29 70%);color:var(--text);font-family:Nunito,system-ui,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none}#app{position:relative;width:100vw;height:100vh;height:100dvh;max-width:480px;margin:0 auto;background:var(--bg);display:flex;flex-direction:column;overflow:hidden;padding:16px 18px calc(16px + env(safe-area-inset-bottom));gap:14px}@media (min-width: 680px){#app{height:calc(100vh - 48px);height:calc(100dvh - 48px);margin:24px auto;border:3px solid var(--surface-border);border-radius:26px;box-shadow:0 22px 60px #0009}}.topbar{position:relative;display:flex;align-items:center;gap:8px;flex:0 0 auto}.topbar .brand{position:absolute;left:50%;transform:translate(-50%);font-size:18px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.topbar .brand .accent{color:var(--accent)}.topbar #right-pill{margin-left:auto}.home-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 auto;border-radius:11px;background:var(--surface);border:2px solid var(--surface-border);color:var(--text);text-decoration:none;-webkit-tap-highlight-color:transparent}.home-link svg{width:18px;height:18px;display:block}.home-link:hover{border-color:var(--accent-bright)}.ms-home{position:absolute;top:16px;left:16px;z-index:2}.topbar .pill{background:var(--surface);border:2px solid var(--surface-border);padding:6px 13px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-dim)}.topbar .pill .val{color:var(--accent-bright);margin-left:6px;font-size:15px}.topbar .pill .val.urgent{color:var(--red);animation:tick 1s steps(1) infinite}@keyframes tick{50%{opacity:.45}}.board{flex:1 1 auto;min-height:0;display:flex}.cards{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:14px;min-height:0}.card{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 20px;text-align:center;background:var(--surface);border:3px solid var(--surface-border);border-radius:20px;min-height:0;overflow:hidden;box-shadow:inset 0 2px #ffffff38;transition:background .35s ease,border-color .35s ease,transform .2s ease}.card>*{position:relative;z-index:1}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:52%;z-index:0;background:linear-gradient(180deg,#ffffff42,#ffffff1a 45%,#fff0);border-radius:17px 17px 70% 70%/17px 17px 36px 36px;pointer-events:none}.card.top{border-color:#5b78b8}.card.bottom{border-color:var(--accent);border-style:dashed}.card.flash-green{background:var(--green)!important;border-color:#3f8f48!important;border-style:solid!important}.card.flash-red{background:var(--red)!important;border-color:#a83d39!important;border-style:solid!important}.flag{font-size:clamp(40px,12vw,60px);line-height:1;margin-bottom:6px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.country-name{font-size:clamp(20px,6vw,26px);font-weight:900;margin:0 0 14px;letter-spacing:.01em;text-transform:uppercase}.stat-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--muted-dim);margin-bottom:6px}.stat-value{font-size:clamp(34px,11vw,46px);font-weight:900;letter-spacing:-.01em;line-height:1.05;color:var(--accent-bright)}.stat-value .question{font-size:clamp(44px,14vw,58px);color:var(--accent);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.has-vs{color:var(--accent)}.vs{flex:0 0 auto;align-self:center;margin:-22px 0;width:46px;height:46px;border-radius:50%;background:var(--bg);border:3px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;letter-spacing:.04em;z-index:10;box-shadow:var(--shadow)}.actions{flex:0 0 auto;display:flex;flex-direction:column;gap:10px}.btn{appearance:none;border:3px solid transparent;font-family:inherit;font-weight:900;font-size:16px;letter-spacing:.1em;text-transform:uppercase;padding:15px 22px;border-radius:14px;cursor:pointer;box-shadow:var(--shadow);transition:transform .12s ease,opacity .2s ease,filter .15s ease;color:var(--bg)}.btn.higher{background:var(--accent-bright);border-color:#c9a23e}.btn.lower{background:#8fb7e8;border-color:#4f7fc0}.btn:active{transform:scale(.97)}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:disabled{opacity:.45;cursor:default}.btn .arrow{display:inline-block;margin-right:8px;font-size:18px}.overlay{position:absolute;inset:0;background:#14121df2;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;animation:fadeIn .3s ease}.overlay h1{font-size:42px;font-weight:900;color:var(--red);margin:0 0 8px;letter-spacing:.02em;text-transform:uppercase}.overlay .sub{font-size:15px;color:var(--muted);margin-bottom:28px}.overlay .score-row{display:flex;gap:24px;margin-bottom:32px}.overlay .score-cell{display:flex;flex-direction:column;align-items:center;background:var(--surface);border:2px solid var(--surface-border);border-radius:16px;padding:16px 26px}.overlay .score-cell .label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted-dim);font-weight:800;margin-bottom:4px}.overlay .score-cell .num{font-size:52px;font-weight:900;color:#fff;line-height:1}.overlay .score-cell .num.best{color:var(--accent-bright)}.overlay .actions-row{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.overlay .btn{width:100%;color:var(--bg)}.overlay .btn:first-child{background:var(--accent-bright);border-color:#c9a23e}.overlay .btn.secondary{background:var(--surface);border-color:var(--surface-border);color:var(--text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay.mode-select{justify-content:flex-start;align-items:center;gap:0;padding:32px 20px 28px;overflow-y:auto;background:var(--bg)}.ms-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:30px;flex:0 0 auto}.ms-label{font-weight:800;font-size:13px;letter-spacing:.24em;color:var(--muted-dim);text-transform:uppercase}.overlay.mode-select .logo{font-size:clamp(46px,13vw,74px);font-weight:900;letter-spacing:.04em;color:var(--text);margin:0;line-height:1;text-transform:uppercase}.overlay.mode-select .logo .accent{color:var(--accent)}.overlay.mode-select .sub{color:var(--muted);font-size:clamp(14px,2.4vw,16px);font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0}.mode-row{display:flex;flex-direction:column;gap:22px;width:100%;max-width:460px;flex:0 0 auto;margin-top:auto}.mode-card{appearance:none;font-family:inherit;text-align:left;cursor:pointer;color:var(--text);display:flex;align-items:stretch;gap:0;padding:0;min-height:132px;background:var(--surface);border:3px solid var(--surface-border);border-radius:18px;overflow:hidden;position:relative;transition:transform .14s ease,box-shadow .2s ease,border-color .2s ease}.mode-card:hover,.mode-card:focus-visible{transform:translateY(-4px);border-color:var(--accent-bright);box-shadow:var(--shadow);outline:none}.mode-card:active{transform:translateY(-1px) scale(.995)}.mode-art{flex:0 0 40%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.mode-card.streak .mode-art{background:#ef9244}.mode-card.timed .mode-art{background:#5fa9e0}.mode-art:before{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,#ffffff6b,#ffffff0f 45%,#fff0 75%);pointer-events:none}.mode-art svg{position:relative;width:58%;max-width:92px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}.mode-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:16px 18px}.mode-name{font-size:clamp(24px,7vw,30px);font-weight:900;text-transform:uppercase;letter-spacing:.02em;line-height:1;color:var(--text)}.mode-desc{font-size:clamp(13px,3.4vw,15px);font-weight:700;line-height:1.34;color:var(--muted)}.mode-best{align-self:flex-start;margin-top:2px;display:inline-flex;align-items:center;gap:7px;background:var(--bg);color:var(--accent-bright);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;padding:7px 13px;border-radius:8px}.mode-best .star{color:var(--accent-bright);font-size:13px}.ms-hint{margin-top:auto;padding-top:26px;width:100%;max-width:460px;text-align:center;color:var(--muted-dim);font-weight:800;letter-spacing:.18em;font-size:12px;text-transform:uppercase}