*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07030f;--bg-card: #140a28;--bg-raised: #1e1140;--border: #3a2170;--text: #eafcff;--text-dim: #a08fd0;--cyan: #22e1ff;--magenta: #ff3caa;--yellow: #ffe14d;--green: #2bff9e;--green-dark: #12b877;--gold: #ffcb3d;--red: #ff4d6a;--radius: 8px;--font-pixel: "Press Start 2P", "Courier New", monospace;--font-hud: "Rajdhani", "Segoe UI", system-ui, sans-serif}html,body{height:100%}body{background:#07030f;color:var(--text);font-family:var(--font-hud);font-weight:500;font-size:17px;line-height:1.45;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(1000px 520px at 50% -160px,rgba(255,60,170,.18),transparent 60%),radial-gradient(900px 500px at 90% 110%,rgba(34,225,255,.16),transparent 60%),linear-gradient(180deg,#0a0418,#07030f 55%);background-color:#07030f}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(34,225,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,60,170,.07) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}#root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0,#0000 2px,#00000029 3px);mix-blend-mode:multiply;opacity:.5}.page{max-width:1100px;margin:0 auto;padding:26px 20px 90px;display:flex;flex-direction:column;gap:22px}h1{font-family:var(--font-pixel);font-size:clamp(15px,2.4vw,24px);line-height:1.5;letter-spacing:0;color:var(--cyan);text-shadow:0 0 6px rgba(34,225,255,.9),0 0 18px rgba(34,225,255,.5),3px 3px 0 var(--magenta)}h2{font-family:var(--font-pixel);font-size:clamp(11px,1.5vw,14px);line-height:1.5;margin-bottom:16px;color:var(--yellow);text-shadow:2px 2px 0 rgba(0,0,0,.5)}h3{font-family:var(--font-pixel);font-size:9px;line-height:1.6;text-transform:uppercase;letter-spacing:.04em;color:var(--magenta);text-shadow:0 0 8px rgba(255,60,170,.6)}.hint{color:var(--text-dim);font-size:15px;margin-bottom:12px;font-weight:500}.error{color:var(--red);font-size:15px;margin-bottom:10px;font-weight:600}.footnote{color:var(--text-dim);font-size:14px;text-align:center}.card{position:relative;background:linear-gradient(180deg,rgba(34,225,255,.04),transparent 40%),var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:inset 0 0 24px #7828c824,0 0 0 1px #0006,0 10px 30px #00000073}button{font-family:var(--font-hud);font-weight:700;color:inherit;cursor:pointer;border:none;border-radius:var(--radius);transition:transform .05s ease,box-shadow .1s ease,background .15s ease,opacity .15s}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--green),var(--green-dark));color:#052316;font-family:var(--font-pixel);font-size:clamp(11px,1.4vw,14px);letter-spacing:0;text-transform:uppercase;padding:15px 22px;border:2px solid #0b3d28;box-shadow:0 5px #0b3d28,0 8px 18px #2bff9e59}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #0b3d28,0 3px 10px #2bff9e4d}.btn-primary.big{width:100%;padding:18px;font-size:clamp(12px,1.6vw,16px)}.btn-secondary{background:linear-gradient(180deg,var(--bg-raised),#160c30);border:2px solid var(--cyan);color:var(--cyan);font-family:var(--font-pixel);font-size:11px;text-transform:uppercase;padding:13px 18px;box-shadow:0 4px #0d3a44,0 0 16px #22e1ff40;text-shadow:0 0 8px rgba(34,225,255,.5)}.btn-secondary:hover:not(:disabled){filter:brightness(1.15)}.btn-secondary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #0d3a44}.btn-ghost{background:transparent;border:2px solid var(--border);padding:8px 14px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.btn-ghost.active,.btn-ghost:hover:not(:disabled){color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 14px #22e1ff59;text-shadow:0 0 8px rgba(34,225,255,.6)}.text-input{width:100%;background:#0a0518;border:2px solid var(--border);border-radius:var(--radius);color:var(--cyan);font-family:var(--font-hud);font-weight:600;padding:13px 15px;font-size:16px;letter-spacing:.02em;margin-bottom:12px}.text-input::placeholder{color:#6a5a95}.text-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 16px #22e1ff4d,inset 0 0 12px #22e1ff1a}.home{max-width:580px;padding-top:52px}.hero{text-align:center;margin-bottom:12px}.hero-badge{font-size:44px;margin-bottom:14px;filter:drop-shadow(0 0 14px rgba(255,60,170,.5));animation:badge-bob 3s ease-in-out infinite}.hero h1{font-size:clamp(20px,4.2vw,34px)}.tagline{color:var(--text-dim);margin-top:16px;font-size:17px;font-weight:500}.home .btn-primary,.home .btn-secondary{width:100%}@keyframes badge-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-bottom:14px;border-bottom:2px solid var(--border)}.share-bar{display:flex;align-items:center;gap:12px}.game-code{font-family:var(--font-pixel);font-size:10px;color:var(--text-dim);background:#0a0518;border:2px solid var(--border);border-radius:var(--radius);padding:9px 12px}.game-code strong{color:var(--yellow);text-shadow:0 0 10px rgba(255,225,77,.6)}.lobby-grid{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:start}@media (max-width: 820px){.lobby-grid{grid-template-columns:1fr}}.add-player{display:flex;gap:8px}.add-player .text-input{margin-bottom:0}.player-list{list-style:none;margin:16px 0 10px;display:flex;flex-direction:column;gap:8px}.player-row{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-radius:var(--radius);border:2px solid var(--border);cursor:pointer;background:var(--bg-raised);transition:border-color .12s,box-shadow .12s}.player-row:hover{border-color:#5a37a8}.player-row.active{border-color:var(--cyan);background:#22e1ff14;box-shadow:0 0 16px #22e1ff40,inset 0 0 12px #22e1ff14}.player-name{font-weight:700;font-size:17px}.player-teams{font-size:16px}.teams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.teams-header h2{margin:0}.count{color:var(--text-dim);font-weight:600;font-size:14px;font-family:var(--font-hud);text-transform:none;letter-spacing:0}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.team-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 8px 14px;background:linear-gradient(180deg,var(--bg-raised),#150b2e);border:2px solid var(--border);border-radius:var(--radius);text-align:center;transition:transform .08s,border-color .12s,box-shadow .12s}.team-tile:hover:not(:disabled){border-color:var(--cyan);transform:translateY(-3px);box-shadow:0 6px #0d3a44b3,0 0 20px #22e1ff4d}.team-tile.claimed{border-color:var(--yellow);background:linear-gradient(180deg,#ffcb3d1f,#150b2e);box-shadow:0 0 18px #ffcb3d40}.team-tile:disabled{cursor:not-allowed}.team-flag{font-size:34px;line-height:1.2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.team-name{font-weight:700;font-size:15px}.team-rating{font-size:13px;color:var(--cyan);font-weight:700;font-variant-numeric:tabular-nums}.team-owner{margin-top:5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#201400;background:var(--yellow);border-radius:999px;padding:2px 10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 0 12px #ffe14d80}.start-row{margin-top:20px}.page.tournament{max-width:1680px}.dash-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}@media (max-width: 1020px){.dash-grid{grid-template-columns:1fr}}.dash-side{display:flex;flex-direction:column;gap:22px;position:sticky;top:16px}@media (max-width: 1020px){.dash-side{position:static}}.bracket-card{min-height:calc(100vh - 150px);display:flex;flex-direction:column}.bracket-card .bracket-scroll{flex:1;display:flex}.bracket-card .bracket{flex:1;min-height:100%}@media (max-width: 1020px){.bracket-card{min-height:0}}.next-up{text-align:center}.next-up:before{content:"INSERT COIN";display:block;font-family:var(--font-pixel);font-size:9px;color:var(--magenta);letter-spacing:.1em;margin-bottom:12px;animation:blink 1.1s steps(1) infinite}.next-label{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-weight:700}.next-teams{display:flex;justify-content:center;align-items:center;gap:14px;font-size:21px;font-weight:700;margin-bottom:18px;flex-wrap:wrap}.vs{color:var(--magenta);font-family:var(--font-pixel);font-size:12px;text-shadow:0 0 10px rgba(255,60,170,.7)}.next-up .btn-primary.big{max-width:440px;margin:0 auto}@keyframes blink{50%{opacity:.25}}.champion-hero{text-align:center;padding:clamp(30px,5vw,60px) 24px;border:3px solid var(--yellow);border-radius:14px;background:radial-gradient(700px 340px at 50% -40px,rgba(255,203,61,.26),transparent 70%),var(--bg-card);box-shadow:0 0 90px #ffcb3d4d,inset 0 0 40px #ffcb3d14;animation:hero-in .6s cubic-bezier(.16,1,.3,1)}.champ-confetti{font-size:clamp(30px,5vw,46px);margin-bottom:14px;animation:confetti-bob 2.4s ease-in-out infinite}.champ-label{font-family:var(--font-pixel);font-size:clamp(12px,1.8vw,18px);letter-spacing:.06em;color:var(--yellow);margin-bottom:18px;text-shadow:0 0 14px rgba(255,203,61,.7),3px 3px 0 rgba(0,0,0,.4);animation:champ-flicker 3.5s infinite}.champ-flag-big{font-size:clamp(90px,16vw,168px);line-height:1;filter:drop-shadow(0 10px 26px rgba(0,0,0,.55));animation:champ-flag-pop .7s cubic-bezier(.16,1.4,.3,1)}.champ-name-big{font-family:var(--font-pixel);font-size:clamp(22px,4.4vw,52px);line-height:1.3;margin-top:14px;color:#fff;text-shadow:0 0 12px rgba(255,203,61,.8),4px 4px 0 var(--magenta),-1px -1px 0 var(--cyan)}.champ-owner-line{margin-top:20px;color:var(--text-dim);font-size:clamp(16px,2vw,20px);font-weight:600}.champ-owner-line strong{color:var(--yellow)}@keyframes hero-in{0%{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes champ-flag-pop{0%{transform:scale(.2) rotate(-12deg);opacity:0}60%{transform:scale(1.12) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0)}}@keyframes confetti-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes champ-flicker{0%,92%,to{opacity:1}93%,95%{opacity:.4}94%,96%{opacity:1}}.leaderboard table{width:100%;border-collapse:collapse;font-size:15px}.leaderboard th{font-family:var(--font-pixel);color:var(--magenta);font-size:8px;text-transform:uppercase;letter-spacing:.02em;text-align:center;padding:8px 6px;border-bottom:2px solid var(--border)}.leaderboard td{padding:11px 6px;border-bottom:1px solid var(--border);text-align:center;font-weight:600}.leaderboard tr:last-child td{border-bottom:none}.leaderboard .left{text-align:left}.leaderboard .rank{font-size:18px;width:40px}.leaderboard .name{font-weight:700;font-size:16px}.leaderboard .num{font-family:var(--font-pixel);font-size:12px;color:var(--cyan);text-shadow:0 0 8px rgba(34,225,255,.5)}.flags .flag{font-size:18px;margin-right:3px}.flags .flag.out{opacity:.25;filter:grayscale(1)}.bracket-scroll{overflow-x:auto;padding-bottom:8px}.bracket{display:flex;gap:26px;min-width:min-content;flex:1}.round-col{display:flex;flex-direction:column;min-width:232px;flex:1}.round-col h3{margin-bottom:12px;text-align:center}.round-matches{display:flex;flex-direction:column;justify-content:space-around;gap:16px;flex:1}.bracket-match{position:relative;background:linear-gradient(180deg,var(--bg-raised),#140b2c);border:2px solid var(--border);border-radius:var(--radius);overflow:visible}.bracket-match.next{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 20px #22e1ff66;animation:next-pulse 1.4s ease-in-out infinite}@keyframes next-pulse{0%,to{box-shadow:0 0 0 1px var(--cyan),0 0 14px #22e1ff4d}50%{box-shadow:0 0 0 2px var(--cyan),0 0 26px #22e1ff99}}.up-next{position:absolute;top:-11px;right:8px;font-family:var(--font-pixel);font-size:8px;color:#052316;background:var(--cyan);border-radius:4px;padding:3px 7px;box-shadow:0 0 12px #22e1ff99}.bracket-team{display:flex;align-items:center;gap:9px;padding:10px 11px;font-size:14px}.bracket-team+.bracket-team{border-top:2px solid var(--border)}.bracket-team.winner{background:#2bff9e1f}.bracket-team.winner .bt-name{font-weight:700;color:var(--green)}.bracket-team.loser{opacity:.45}.bracket-team.tbd{opacity:.4;font-style:italic}.bracket-match.bye{border-style:dashed;opacity:.7}.bye-tag{font-family:var(--font-pixel);font-size:7px;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:3px 6px}.bt-flag{font-size:18px}.bt-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.bt-owner{color:var(--text-dim);font-size:12px;font-weight:500}.bt-score{font-family:var(--font-pixel);font-size:12px;color:var(--cyan)}.bt-score small{color:var(--gold)}.champion-col{justify-content:flex-start}.champion-slot{flex:1;display:flex;align-items:center}.champion-box{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:22px;border:2px solid var(--yellow);border-radius:var(--radius);background:#ffcb3d1a;box-shadow:0 0 24px #ffcb3d4d;font-weight:700;font-size:16px;text-align:center}.champion-box.tbd{border-color:var(--border);color:var(--text-dim);background:var(--bg-raised);box-shadow:none;font-family:var(--font-pixel);font-size:20px}.champ-flag{font-size:38px}.champ-trophy{font-size:24px}.match-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04020ce6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:clamp(12px,2.5vw,28px);z-index:50}.match-card{position:relative;width:min(96vw,1000px);min-height:min(86vh,780px);max-height:96vh;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(34,225,255,.05),transparent 30%),var(--bg-card);border:3px solid var(--cyan);border-radius:16px;padding:clamp(20px,3vw,40px);gap:clamp(14px,2vw,24px);box-shadow:0 0 0 2px #0a0518,0 0 50px #22e1ff66,inset 0 0 60px #3c14784d;transition:box-shadow .2s,border-color .2s;animation:match-in .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.match-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(0,0,0,.14) 3px);opacity:.4}.match-card.goal-flash{border-color:var(--green);box-shadow:0 0 0 2px #0a0518,0 0 90px #2bff9e99,inset 0 0 80px #2bff9e40}@keyframes match-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.match-round{text-align:center;color:var(--magenta);font-family:var(--font-pixel);font-size:clamp(10px,1.4vw,13px);text-transform:uppercase;letter-spacing:.04em;text-shadow:0 0 12px rgba(255,60,170,.6)}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(12px,2vw,24px)}.sb-team{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.sb-flag{font-size:clamp(52px,8vw,88px);line-height:1.1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.sb-name{font-weight:700;font-size:clamp(16px,2.2vw,24px)}.sb-owner{font-size:clamp(12px,1.6vw,15px);color:var(--yellow);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.sb-middle{text-align:center;min-width:clamp(130px,16vw,190px)}.sb-score{font-family:var(--font-pixel);font-size:clamp(38px,6.5vw,68px);color:#fff;text-shadow:0 0 18px rgba(34,225,255,.7),4px 4px 0 var(--magenta)}.sb-pens{font-size:14px;color:var(--text-dim);font-weight:600}.sb-clock{font-family:var(--font-pixel);font-size:clamp(13px,1.8vw,17px);color:var(--green);text-shadow:0 0 10px rgba(43,255,158,.6);margin-top:4px}.sb-phase{font-size:clamp(12px,1.6vw,15px);color:var(--yellow);font-weight:700;text-transform:uppercase}.clock-track{position:relative;height:12px;background:#0a0518;border-radius:999px;border:2px solid var(--border)}.clock-fill{height:100%;background:linear-gradient(90deg,var(--green-dark),var(--green));border-radius:999px;box-shadow:0 0 14px #2bff9e99;transition:width .15s linear}.clock-goal{position:absolute;top:-10px;transform:translate(-50%);font-size:12px}.clock-goal.side-a{top:-13px}.clock-goal.side-b{top:auto;bottom:-13px}.commentary{flex:1;min-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;background:#0a0518;border:2px solid var(--border);border-radius:var(--radius);padding:clamp(12px,1.8vw,18px)}.commentary-row{display:flex;gap:10px;font-size:clamp(14px,1.7vw,17px);font-weight:500;animation:slide-in .25s ease}.commentary-row.goal{color:var(--green);font-weight:700;text-shadow:0 0 10px rgba(43,255,158,.4)}.commentary-row.card{color:var(--yellow)}.commentary-row.red{color:var(--red);font-weight:700}.commentary-row.info{color:var(--text-dim);font-style:italic}.commentary-row.pen{color:var(--text)}.c-min{flex:0 0 42px;color:var(--magenta);font-family:var(--font-pixel);font-size:10px;padding-top:3px}.commentary-row.goal .c-min{color:var(--green)}@keyframes slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.match-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;position:relative;z-index:1}.speed-group{display:flex;gap:8px}.goal-shout{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:60;pointer-events:none;font-family:var(--font-pixel);font-size:clamp(28px,7vw,84px);color:var(--green);text-shadow:0 0 20px rgba(43,255,158,.9),0 0 60px rgba(43,255,158,.6),5px 5px 0 var(--magenta);animation:goal-burst 1.5s cubic-bezier(.16,1,.3,1) forwards;white-space:nowrap;text-align:center}@keyframes goal-burst{0%{transform:scale(.1) rotate(-6deg);opacity:0}12%{transform:scale(.9) rotate(2deg);opacity:1}30%{transform:scale(1.15) rotate(-1deg);opacity:1}70%{transform:scale(1.6);opacity:.9}to{transform:scale(3);opacity:0}}.card-flash{position:fixed;top:50%;z-index:60;pointer-events:none;width:clamp(72px,9vw,120px);aspect-ratio:7 / 10;border-radius:12px;animation:card-brandish 1.7s cubic-bezier(.22,1.2,.36,1) forwards}.card-flash.left{left:max(3vw,16px)}.card-flash.right{right:max(3vw,16px)}.card-flash.yellow{background:linear-gradient(155deg,#ffe95e,#f5c518 55%,#d9a90d);box-shadow:0 0 40px #f5c518cc,0 12px 30px #00000080}.card-flash.red{background:linear-gradient(155deg,#ff7a6b,#e5342a 55%,#b31c13);box-shadow:0 0 40px #e5342acc,0 12px 30px #00000080}.card-flash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.4) 45%,transparent 60%)}@keyframes card-brandish{0%{transform:translateY(40%) rotate(-28deg) scale(.4);opacity:0}18%{transform:translateY(-55%) rotate(8deg) scale(1.08);opacity:1}32%{transform:translateY(-50%) rotate(-4deg) scale(1);opacity:1}45%{transform:translateY(-52%) rotate(0) scale(1);opacity:1}80%{transform:translateY(-52%) rotate(0) scale(1);opacity:1}to{transform:translateY(-70%) rotate(6deg) scale(.85);opacity:0}}.match-result{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;position:relative;z-index:1}.result-line{font-size:clamp(17px,2.2vw,22px);font-weight:600}.result-owner{color:var(--yellow)}.sb-team.answering{border-radius:var(--radius);padding:8px;margin:-8px;box-shadow:0 0 0 2px var(--green);animation:answer-pulse 1.2s ease-in-out infinite}.sb-team.answering.sudden{box-shadow:0 0 0 2px var(--gold);animation:sudden-pulse .7s ease-in-out infinite}@keyframes answer-pulse{0%,to{box-shadow:0 0 0 2px var(--green),0 0 12px #2bff9e66}50%{box-shadow:0 0 0 3px var(--green),0 0 30px #2bff9ed9}}@keyframes sudden-pulse{0%,to{box-shadow:0 0 0 2px var(--gold),0 0 12px #ffcb3d80}50%{box-shadow:0 0 0 4px var(--gold),0 0 34px #ffcb3de6}}.question-panel{flex:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,2vw,24px);background:#0a0518;border:2px solid var(--green);border-radius:var(--radius);padding:clamp(16px,2.4vw,32px);box-shadow:inset 0 0 30px #2bff9e14;animation:slide-in .25s ease;position:relative;z-index:1}.question-panel.sudden{border-color:var(--gold);box-shadow:0 0 30px #ffcb3d4d,inset 0 0 30px #ffcb3d14}.q-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.q-for{font-size:15px;color:var(--text-dim);font-weight:600}.q-for strong{color:var(--text)}.question-panel.sudden .q-for{color:var(--gold);font-weight:700}.q-meta{display:flex;align-items:center;gap:14px}.q-diff{font-family:var(--font-pixel);font-size:9px;color:var(--magenta)}.q-timer{display:inline-block;min-width:52px;text-align:center;font-family:var(--font-pixel);font-size:24px;animation:timer-pop .9s ease-out}.q-timer.calm{color:var(--green);text-shadow:0 0 12px rgba(43,255,158,.6)}.q-timer.warn{color:var(--gold);font-size:30px;text-shadow:0 0 14px rgba(255,203,61,.7);animation:timer-pop-warn .9s ease-out}.q-timer.panic{color:var(--red);font-size:38px;text-shadow:0 0 18px rgba(255,77,106,.9);animation:timer-panic .9s ease-out}@keyframes timer-pop{0%{transform:scale(1.4);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes timer-pop-warn{0%{transform:scale(1.7);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes timer-panic{0%{transform:scale(2.1) rotate(-4deg);opacity:.4}30%{transform:scale(1.3) rotate(3deg);opacity:1}45%{transform:scale(1.15) rotate(-3deg) translate(-2px)}60%{transform:scale(1.1) rotate(2deg) translate(2px)}75%{transform:scale(1.05) rotate(-1deg) translate(-1px)}to{transform:scale(1) rotate(0)}}.q-verdict{font-family:var(--font-pixel);font-size:15px}.q-verdict.good{color:var(--green);text-shadow:0 0 12px rgba(43,255,158,.6)}.q-verdict.bad{color:var(--red);text-shadow:0 0 12px rgba(255,77,106,.6)}.q-bar-track{height:8px;background:var(--bg-raised);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.q-bar{height:100%;border-radius:999px;transition:width 1s linear}.q-bar.calm{background:var(--green);box-shadow:0 0 10px #2bff9e99}.q-bar.warn{background:var(--gold);box-shadow:0 0 10px #ffcb3d99}.q-bar.panic{background:var(--red);box-shadow:0 0 10px #ff4d6ab3}.q-text{font-size:clamp(19px,2.6vw,29px);font-weight:700;line-height:1.35}.q-choices{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.4vw,14px)}@media (max-width: 560px){.q-choices{grid-template-columns:1fr}}.choice{display:flex;align-items:center;gap:12px;padding:clamp(13px,1.8vw,19px) clamp(14px,2vw,20px);background:linear-gradient(180deg,var(--bg-raised),#150b2e);border:2px solid var(--border);border-radius:var(--radius);font-size:clamp(15px,1.9vw,19px);font-weight:600;text-align:left;transition:transform .06s,border-color .12s,box-shadow .12s}.choice:hover:not(:disabled){border-color:var(--cyan);transform:translate(3px);box-shadow:-3px 0 #22e1ff66,0 0 16px #22e1ff40}.choice:disabled{cursor:default}.choice-letter{flex:0 0 30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#0a0518;border:2px solid var(--border);font-family:var(--font-pixel);font-size:11px;color:var(--cyan)}.choice.correct{border-color:var(--green);background:#2bff9e29;opacity:1!important;animation:correct-flash .5s ease}.choice.correct .choice-letter{border-color:var(--green);color:var(--green)}.choice.wrong{border-color:var(--red);background:#ff4d6a29;opacity:1!important;animation:wrong-shake .4s ease}.choice.wrong .choice-letter{border-color:var(--red);color:var(--red)}.choice.dim{opacity:.35}@keyframes correct-flash{0%{transform:scale(.97);box-shadow:0 0 #2bff9eb3}60%{transform:scale(1.02);box-shadow:0 0 0 12px #2bff9e00}to{transform:scale(1)}}@keyframes wrong-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}