:root{--bg: #0b1622;--bg-card: #122131;--ice: #eaf6ff;--ice-dim: #8fa9bf;--accent: #00c896;--accent-dark: #00a37b;--danger: #ff4757;--gold: #ffd166;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,#16314a 0%,transparent 60%),var(--bg);color:var(--ice);font-family:var(--font-body);min-height:100vh}.shell{max-width:560px;margin:0 auto;padding:24px 20px 48px}.screen{display:flex;flex-direction:column;gap:14px;animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.home{text-align:center;padding-top:6vh}.ticker{overflow:hidden;background:#122131d9;border-bottom:1px solid #25415c;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.ticker-track{display:inline-flex;white-space:nowrap;animation:ticker-scroll linear infinite;will-change:transform}.ticker-copy{display:inline-flex}.ticker-item{color:var(--ice-dim);font-size:13px;padding-right:48px}@keyframes ticker-scroll{to{transform:translate(-50%)}}.logo{font-size:64px}.title{font-family:var(--font-display);font-weight:800;font-size:34px;margin:0;letter-spacing:-.5px}.accent{color:var(--accent)}.tagline{color:var(--ice-dim);font-size:15px;line-height:1.5;margin:0}.champ{background:linear-gradient(135deg,#ffd1661f,#00c8960f);border:1px solid rgba(255,209,102,.45);box-shadow:0 0 24px #ffd16614;border-radius:16px;display:flex;flex-direction:column;gap:8px;padding:18px 16px}.champ-label{color:var(--gold);font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.champ-headline{display:flex;align-items:baseline;justify-content:center;gap:10px}.champ-score{color:var(--gold);font-family:var(--font-mono);font-size:36px;font-weight:700;line-height:1.1}.champ-name{color:var(--ice);font-family:var(--font-display);font-size:17px;font-weight:700}.champ-sub{color:var(--ice-dim);font-size:13px;letter-spacing:.5px}.champ-clock{display:flex;justify-content:center;gap:8px}.champ-unit{background:#0b16228c;border:1px solid rgba(255,209,102,.2);border-radius:10px;flex:1;max-width:86px;padding:8px 4px}.champ-num{color:var(--ice);font-family:var(--font-mono);font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.champ-word{color:var(--ice-dim);font-size:11px;letter-spacing:1px;text-transform:uppercase}.champ-total{color:var(--ice-dim);font-size:14px;margin-top:2px}.nick-input{background:var(--bg-card);border:1px solid #25415c;border-radius:12px;color:var(--ice);font-family:var(--font-body);font-size:17px;padding:14px 16px;text-align:center;outline:none}.nick-input:focus{border-color:var(--accent)}.btn{background:var(--bg-card);border:1px solid #25415c;border-radius:12px;color:var(--ice);cursor:pointer;font-family:var(--font-display);font-size:16px;font-weight:700;padding:14px 18px;transition:transform .06s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#04281e}.btn.primary:hover{background:var(--accent-dark)}.btn.primary:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:transparent}.rules{display:flex;flex-direction:column;gap:8px;margin-top:12px;text-align:left;background:var(--bg-card);border-radius:14px;padding:16px}.rule{color:var(--ice-dim);font-size:14px}.perfection{background:linear-gradient(135deg,#ffd16612,#ffd16605);border:1px solid rgba(255,209,102,.35);border-radius:14px;text-align:left}.perfection summary{color:var(--gold);cursor:pointer;font-family:var(--font-display);font-size:15px;font-weight:700;padding:14px 16px;list-style-position:inside;text-align:center}.perfection summary:hover{text-shadow:0 0 12px rgba(255,209,102,.4)}.perfection-body{border-top:1px solid rgba(255,209,102,.2);padding:4px 16px 14px;text-align:center}.perfection-body p{color:var(--ice-dim);font-size:13.5px;line-height:1.55}.perfection-body strong{color:var(--ice)}.perfection-row{display:flex;gap:10px;justify-content:center;color:var(--ice-dim);font-size:13px;line-height:1.45;padding:5px 0}.p-range{color:var(--gold);font-family:var(--font-mono);font-size:12px;font-weight:700;min-width:56px;padding-top:1px}.p-gold{color:var(--gold)!important}.p-footnote{font-style:italic}.credit{color:#50677c;font-size:12px;margin-top:24px}.credit a{color:var(--ice-dim)}.hud{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:14px}.hud .score{color:var(--accent);font-weight:700;font-size:17px}.hud .streak{margin-left:auto}.strike{color:#2c4862;margin-left:2px}.strike.used{color:var(--danger)}.timer-track{background:#1a2e42;border-radius:99px;height:8px;overflow:hidden}.timer-bar{background:var(--accent);border-radius:99px;height:100%;transition:width .1s linear}.timer-bar.urgent{background:var(--danger)}.q-meta{display:flex;gap:8px}.chip{background:var(--bg-card);border-radius:99px;color:var(--ice-dim);font-size:12px;font-weight:500;padding:4px 12px}.chip.diff{letter-spacing:2px}.question{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.35;margin:4px 0 8px;min-height:88px}.choices{display:flex;flex-direction:column;gap:10px}.choice{background:var(--bg-card);border:1px solid #25415c;border-radius:12px;color:var(--ice);cursor:pointer;font-family:var(--font-body);font-size:16px;padding:14px 16px;text-align:left;transition:border-color .1s ease,transform .06s ease}.choice:hover:not(:disabled){border-color:var(--accent)}.choice:active:not(:disabled){transform:scale(.99)}.choice.correct{background:#00c89629;border-color:var(--accent);color:var(--accent);font-weight:700}.choice.wrong{background:#ff47571f;border-color:var(--danger);color:var(--danger)}.choice.faded{opacity:.35}.reveal{display:flex;flex-direction:column;gap:10px;margin-top:6px;animation:fade-in .2s ease}.verdict{font-family:var(--font-display);font-size:19px;font-weight:800}.verdict.good{color:var(--accent)}.verdict.bad{color:var(--danger)}.fact{color:var(--ice-dim);font-size:14px;line-height:1.5;margin:0}.source{color:#50677c;font-size:12px;text-decoration:none}.source:hover{color:var(--ice-dim)}.fireworks{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.title.gold{color:var(--gold);text-shadow:0 0 24px rgba(255,209,102,.45)}.title.green{color:var(--accent);text-shadow:0 0 24px rgba(0,200,150,.45)}.gold-score{color:var(--gold)!important;text-shadow:0 0 32px rgba(255,209,102,.5)}.row.perfect{border:2px solid var(--gold);background:linear-gradient(90deg,#ffd1661f,#ffd16608);box-shadow:0 0 14px #ffd16659}.row.perfect .pts{color:var(--gold)}.perfect-badge{background:var(--gold);border-radius:99px;color:#3a2c00;display:inline-block;font-family:var(--font-display);font-size:10px;font-weight:800;letter-spacing:.5px;margin-left:8px;padding:2px 8px;vertical-align:middle}.row.gauntlet{border:2px solid var(--accent);background:linear-gradient(90deg,#00c8961a,#00c89605);box-shadow:0 0 12px #00c8964d}.gauntlet-badge{background:var(--accent);border-radius:99px;color:#04281e;display:inline-block;font-family:var(--font-display);font-size:10px;font-weight:800;letter-spacing:.5px;margin-left:8px;padding:2px 8px;vertical-align:middle}.results{text-align:center;padding-top:4vh}.big-score{color:var(--accent);font-family:var(--font-mono);font-size:56px;font-weight:700}.stat-row{display:flex;justify-content:center;gap:28px}.stat-num{font-family:var(--font-display);font-size:22px;font-weight:700}.stat-label{color:var(--ice-dim);font-size:12px;text-transform:uppercase;letter-spacing:1px}.rank-banner{background:var(--bg-card);border:1px solid #25415c;border-radius:12px;font-size:16px;padding:12px}.rank-banner strong{color:var(--gold)}.grid-line{font-size:18px;letter-spacing:1px;word-break:break-all}.review{display:flex;flex-direction:column;gap:8px;margin-top:18px;text-align:left}.review-title{font-family:var(--font-display);font-size:18px;font-weight:700;margin:0 0 4px;text-align:center}.review-item{background:var(--bg-card);border-radius:10px;padding:12px 14px}.review-q{font-size:14px;line-height:1.45}.review-a{color:var(--ice-dim);font-size:13px;margin-top:6px}.review-a a{color:#50677c}.review-a a:hover{color:var(--ice-dim)}.board .title{text-align:center}.tabs{display:flex;gap:8px;justify-content:center}.tab{background:transparent;border:1px solid #25415c;border-radius:99px;color:var(--ice-dim);cursor:pointer;font-family:var(--font-display);font-size:14px;font-weight:700;padding:8px 20px}.tab.active{background:var(--accent);border-color:var(--accent);color:#04281e}.table{display:flex;flex-direction:column;gap:6px}.row{align-items:center;background:var(--bg-card);border:1px solid transparent;border-radius:10px;display:flex;gap:10px;padding:10px 14px}.row.me{border-color:var(--accent)}.pos{font-size:15px;min-width:28px;text-align:center}.name{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta{color:var(--ice-dim);font-size:12px}.pts{color:var(--accent);font-family:var(--font-mono);font-weight:700}