:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f8fbff;background:#071b3a;font-synthesis:none;--navy:#071b3a;--panel:#0d2b59;--panel2:#14386d;--yellow:#f9c846;--mint:#40dfad;--coral:#ff6b63;--blue:#4bb8ff;--muted:#a9bad8;--line:#ffffff24}*{box-sizing:border-box}html{background:var(--navy);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 88% 5%,#164d8f 0,transparent 32%),radial-gradient(circle at 5% 92%,#0f796a44 0,transparent 28%),var(--navy)}button,input,select,textarea{font:inherit}button{touch-action:manipulation}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;max-width:1800px;margin:auto;padding:clamp(.8rem,2vw,2rem);gap:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{border:0;background:none;color:#fff;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:950;letter-spacing:-.05em;cursor:pointer}.brand span{color:var(--yellow)}.top-actions{display:flex;gap:.5rem}.icon-button,.close{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.8rem;border:1px solid var(--line);background:#ffffff0d;color:#fff;font-size:1.2rem;cursor:pointer}.icon-button:hover,.icon-button:focus-visible,.close:hover{border-color:var(--yellow);outline:3px solid #f9c84622}footer{text-align:center;font-size:.72rem;letter-spacing:.14em;color:#8396b8}footer strong{color:#fff}.eyebrow{color:var(--mint);font-size:.8rem;font-weight:950;letter-spacing:.18em}.home-stage{min-height:calc(100vh - 145px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem 0}.home-stage h1,.setup-heading h1,.content-screen>h1,.bank-header h1{font-size:clamp(3rem,8.2vw,7.8rem);line-height:.83;letter-spacing:-.075em;margin:.18em 0;font-weight:950;text-transform:uppercase}.home-stage h1 span{color:var(--yellow)}.home-stage>p{font-size:clamp(1.05rem,2vw,1.5rem);color:#c8d4ea;margin:.6rem 0 2rem}.mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;width:min(100%,1260px)}.mode-card{min-height:12.5rem;display:grid;grid-template-rows:auto auto 1fr auto;gap:.45rem;padding:1.25rem;border:1px solid var(--line);border-radius:1.25rem;background:linear-gradient(145deg,#143b74,#0b2650);color:#fff;text-align:left;cursor:pointer;box-shadow:0 20px 45px #0003;transition:.2s}.mode-card:hover,.mode-card:focus-visible{transform:translateY(-5px);border-color:var(--yellow);outline:none}.mode-card:nth-child(2){background:linear-gradient(145deg,#114c67,#0b2e4b)}.mode-card:nth-child(3){background:linear-gradient(145deg,#49356d,#28224c)}.mode-card:nth-child(4){background:linear-gradient(145deg,#7c3549,#44233d)}.mode-icon{font-size:2rem}.mode-card strong{font-size:1.25rem}.mode-card small{color:#c3cfe5;font-size:.95rem;line-height:1.4}.mode-card b{color:var(--yellow);font-size:.82rem;letter-spacing:.08em}.mode-card b span{float:right;font-size:1.2rem}.secondary-actions{display:flex;gap:1rem;margin-top:1.3rem}.secondary-actions button,.back{border:0;background:none;color:#fff;font-weight:900;letter-spacing:.08em;cursor:pointer}.secondary-actions button:last-child{color:var(--mint)}.count{display:inline-grid;place-items:center;background:var(--yellow);color:var(--navy);min-width:1.8rem;height:1.8rem;border-radius:999px;margin-left:.35rem}.setup-screen,.content-screen{width:min(100%,1260px);margin:auto;padding:1.5rem 0}.back{display:block;color:var(--muted);margin-bottom:1.2rem}.setup-heading{display:flex;align-items:center;gap:1.4rem;margin-bottom:1.4rem}.setup-heading>span{font-size:4rem}.setup-heading h1{font-size:clamp(2.7rem,6vw,5.5rem);margin:.1em 0}.setup-heading p{color:var(--muted);font-size:1.05rem;margin:0}.setup-card{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.3rem;border:1px solid var(--line);border-radius:1.35rem;background:#0c2853;box-shadow:0 24px 55px #0003}.setup-card label,.modal-card label{display:grid;gap:.45rem;font-weight:850}.setup-card select,.setup-card textarea,.modal-card select,.modal-card input,.modal-card textarea,.bank-filters input,.bank-filters select{width:100%;min-height:3.3rem;border:1px solid var(--line);border-radius:.8rem;background:#071b3a;color:#fff;padding:.7rem .8rem}.setup-card textarea,.modal-card textarea{resize:vertical;line-height:1.5}.wide{grid-column:1/-1}.setup-card label small{color:var(--muted);font-weight:500}.setup-summary{grid-column:1/-1;display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;padding:.75rem;border-radius:.8rem;background:#ffffff0a}.setup-summary span{padding:.45rem .7rem;border-radius:999px;background:#ffffff10;font-size:.85rem}.setup-summary button{margin-left:auto;border:0;background:none;color:var(--yellow);font-weight:900;cursor:pointer}.button{min-height:3.3rem;padding:.75rem 1.15rem;border:1px solid transparent;border-radius:.85rem;color:#fff;background:var(--panel2);font-weight:950;letter-spacing:.025em;cursor:pointer}.button:hover,.button:focus-visible{transform:translateY(-1px);outline:3px solid #ffffff20}.button:disabled{opacity:.35;cursor:not-allowed}.button.start{grid-column:1/-1;background:var(--yellow);color:var(--navy);font-size:1.1rem}.button.start span{float:right}.primary{background:var(--yellow);color:var(--navy)}.ghost{background:#ffffff0d;border-color:var(--line)}.danger{background:var(--coral)}.correct-button{background:var(--mint);color:#06281f}.reveal{background:var(--yellow);color:#071b3a;min-width:min(45vw,420px)}.game-screen,.rapid-screen{min-height:calc(100vh - 140px);display:grid;grid-template-rows:auto 1fr auto;gap:1rem;position:relative}.bonus-banner{text-align:center;padding:.55rem;border-radius:.7rem;background:var(--yellow);color:var(--navy);font-weight:950;letter-spacing:.08em;animation:bonus .45s ease-out}@keyframes bonus{from{transform:scale(.85);opacity:0}}.game-top,.rapid-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.question-count{font-weight:950;font-size:clamp(1rem,2vw,1.3rem);letter-spacing:.08em}.meta-row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:.5rem;color:#c7d4ea}.meta-row>span{padding:.38rem .65rem;border-radius:999px;background:#ffffff0c;font-size:.78rem;font-weight:850;text-transform:uppercase}.difficulty.easy{color:var(--mint)}.difficulty.medium{color:var(--yellow)}.difficulty.challenge{color:#ff8a82}.timer{--progress:1;position:relative;display:grid;place-items:center;width:6.2rem;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--mint) calc(var(--progress)*1turn),#ffffff18 0);box-shadow:inset 0 0 0 .55rem #071b3a;text-align:center;flex:none}.timer span{font-size:2.2rem;font-weight:950;line-height:.9}.timer small{font-size:.58rem;font-weight:900;letter-spacing:.1em;color:var(--muted)}.timer.urgent{background:conic-gradient(var(--coral) calc(var(--progress)*1turn),#ffffff18 0);animation:pulse .7s infinite alternate}@keyframes pulse{to{transform:scale(1.05);box-shadow:inset 0 0 0 .55rem #071b3a,0 0 0 .5rem #ff6b6320}}.question-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,24vw);gap:1rem;min-height:0}.question-card,.rapid-question{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.2rem,2.5vw,2.5rem);border:1px solid var(--line);border-radius:1.5rem;background:linear-gradient(145deg,#103369,#091f44);box-shadow:0 28px 70px #0003;min-width:0}.question-card h1,.rapid-question h1{font-size:clamp(2rem,4.2vw,4.5rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 clamp(1.2rem,3vw,2.2rem);text-wrap:balance}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.answer{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:.7rem;min-height:5rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:1rem;background:#ffffff0b;font-size:clamp(1rem,1.5vw,1.35rem);font-weight:750;transition:.25s}.answer>b{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.65rem;background:#ffffff13;color:var(--yellow)}.answer.correct{background:#145842;border-color:var(--mint);box-shadow:0 0 0 3px #40dfad22}.answer.correct>b{background:var(--mint);color:#063127}.answer strong{font-size:.7rem;color:var(--mint);letter-spacing:.08em}.answer.dim{opacity:.42}.answer.removed{opacity:.18}.explanation{margin-top:1rem;padding:1rem 1.1rem;border-left:4px solid var(--yellow);border-radius:.65rem;background:#071b3a}.explanation>b{color:var(--yellow);font-size:.8rem;letter-spacing:.14em}.explanation p{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.45;margin:.35rem 0}.explanation a{color:var(--blue);font-size:.8rem}.side-card{height:100%;padding:1rem;border:1px solid var(--line);border-radius:1.2rem;background:#081f43;overflow:auto}.big-score{display:block;font-size:6rem;color:var(--yellow);line-height:1;margin-top:2rem}.progress-track{height:.6rem;border-radius:999px;background:#ffffff16;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--mint)}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title button{border:0;background:none;color:var(--muted);font-size:.72rem;font-weight:900;cursor:pointer}.leader-list{display:grid;gap:.55rem;margin-top:1rem}.leader-row{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.5rem;padding:.75rem;border:1px solid transparent;border-radius:.8rem;background:#ffffff08;color:#fff;text-align:left;cursor:pointer}.leader-row.selected{border-color:var(--yellow);background:#f9c84612}.leader-row b small{display:block;color:var(--muted);font-size:.68rem;margin-top:.16rem}.leader-row strong{color:var(--yellow);font-size:1.15rem}.select-hint{color:var(--muted);font-size:.78rem;text-align:center}.prize-list{display:grid;gap:.28rem;margin:.8rem 0}.prize-list div{display:flex;justify-content:space-between;padding:.36rem .55rem;border-radius:.4rem;color:var(--muted)}.prize-list .current{background:var(--yellow);color:var(--navy);transform:scale(1.04)}.prize-list .won{color:var(--mint)}.lifelines{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.lifelines button{min-height:2.7rem;border:1px solid var(--line);border-radius:.6rem;background:#ffffff0b;color:#fff;font-size:.72rem;font-weight:900;cursor:pointer}.trainer-bar,.rapid-controls{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.score-controls .button{min-width:9rem}.rapid-top{padding:0 1rem}.rapid-top p{margin:.35rem 0 0;color:var(--muted)}.rapid-score{text-align:center}.rapid-score span{display:block;color:var(--muted);font-size:.7rem;letter-spacing:.12em}.rapid-score strong{font-size:3rem;color:var(--yellow)}.rapid-question{min-height:55vh}.rapid-controls .button{min-width:12rem}.results-screen{min-height:calc(100vh - 140px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.trophy{font-size:5rem}.results-screen h1{font-size:clamp(2.8rem,7vw,6.8rem);line-height:.9;letter-spacing:-.06em;margin:.2em 0;color:var(--yellow);text-wrap:balance}.results-screen>p{font-size:1.15rem;color:var(--muted)}.result-stats{display:flex;gap:1rem;margin:1.2rem}.result-stats div{min-width:10rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:#ffffff0a}.result-stats strong{display:block;font-size:2.5rem}.result-stats span{font-size:.72rem;color:var(--muted);letter-spacing:.12em}.final-leaderboard{width:min(100%,650px);display:grid;gap:.5rem;margin:1rem 0}.final-leaderboard div{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;padding:.85rem 1rem;border-radius:.85rem;background:#ffffff0b;text-align:left}.final-leaderboard strong{color:var(--yellow)}.result-actions{display:flex;gap:.7rem}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;left:calc((var(--i)*37% + 5%));top:-10%;width:.45rem;height:1rem;background:hsl(calc(var(--i)*47),85%,60%);animation:fall calc(2.5s + (var(--i)%5)*.3s) linear infinite;animation-delay:calc((var(--i)%8)*-.35s)}@keyframes fall{to{transform:translateY(115vh) rotate(720deg)}}.content-screen>h1,.bank-header h1{font-size:clamp(3rem,7vw,6rem)}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.guide-grid article{padding:1.2rem;border:1px solid var(--line);border-radius:1rem;background:#ffffff0a}.guide-grid article>span{font-size:2rem}.guide-grid h2{font-size:1.1rem}.guide-grid p{color:var(--muted);line-height:1.5}.instruction-card{margin-top:1rem;padding:1.4rem;border-radius:1rem;background:var(--panel)}.instruction-card ol{line-height:1.7}.keyboard-help{display:flex;gap:1rem;flex-wrap:wrap}.keyboard-help span{color:var(--muted)}kbd{padding:.25rem .45rem;border:1px solid var(--line);border-radius:.35rem;background:#061731;color:#fff}.bank-header{display:flex;justify-content:space-between;align-items:end;gap:1rem}.bank-header p{color:var(--muted)}.bank-filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:.6rem;position:sticky;top:.5rem;z-index:3;padding:.7rem;margin:1rem 0;border:1px solid var(--line);border-radius:1rem;background:#071b3af2;backdrop-filter:blur(10px)}.question-list{display:grid;gap:.55rem}.bank-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem 1rem;border:1px solid var(--line);border-radius:.85rem;background:#ffffff09}.bank-row>div:first-child{display:grid;grid-template-columns:2rem 1fr;align-items:start;min-width:0}.bank-row b{line-height:1.35}.bank-row small{grid-column:2;color:var(--muted);margin-top:.25rem}.bank-row.disabled{opacity:.43}.bank-actions{display:flex;align-items:center;gap:.5rem;flex:none}.bank-actions button{border:0;background:none;color:var(--yellow);font-weight:850;font-size:.72rem;cursor:pointer}.switch input{display:none}.switch span{display:block;width:2.6rem;height:1.45rem;border-radius:999px;background:#ffffff25;position:relative;cursor:pointer}.switch span:after{content:"";position:absolute;top:.2rem;left:.2rem;width:1.05rem;height:1.05rem;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:var(--mint)}.switch input:checked+span:after{left:1.35rem}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#020916dc;backdrop-filter:blur(9px)}.modal-card{width:min(100%,720px);max-height:92vh;overflow:auto;padding:clamp(1.1rem,3vw,2rem);border:1px solid var(--line);border-radius:1.3rem;background:#0d2854;box-shadow:0 30px 90px #0008}.modal-head{display:flex;justify-content:space-between;align-items:start}.modal-head h2,.confirm-card h2{font-size:2rem;margin:.2rem 0 1rem}.close{border:0;background:#ffffff12}.toggle-list{display:grid;gap:.5rem;margin-top:1rem}.toggle{display:flex!important;align-items:center;justify-content:space-between;padding:.8rem;border-radius:.8rem;background:#ffffff08}.toggle small{display:block;color:var(--muted);font-weight:500;margin-top:.15rem}.toggle input{width:1.35rem;height:1.35rem;accent-color:var(--yellow)}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.confirm-card{text-align:center;max-width:480px}.danger-icon{font-size:3rem;color:var(--coral)}.toast{position:fixed;z-index:40;left:50%;bottom:1.5rem;translate:-50% 150%;padding:.85rem 1.1rem;border-radius:.8rem;background:#fff;color:var(--navy);font-weight:900;box-shadow:0 15px 45px #0005;transition:.25s}.toast.show{translate:-50% 0}.empty{text-align:center;padding:3rem;color:var(--muted)}
@media(max-width:1050px){.mode-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.question-layout{grid-template-columns:1fr}.side-card{height:auto}.leader-list{grid-template-columns:repeat(2,1fr)}.millionaire-panel{display:grid;grid-template-columns:1fr 2fr;gap:1rem}.lifelines{grid-column:1/-1}.bank-filters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.app-shell{padding:.75rem}.home-stage{justify-content:flex-start}.home-stage h1{font-size:clamp(3rem,16vw,5rem)}.mode-grid,.guide-grid{grid-template-columns:1fr}.mode-card{min-height:9rem}.setup-heading{align-items:flex-start}.setup-heading>span{font-size:2.7rem}.setup-card,.form-grid{grid-template-columns:1fr}.setup-card>*{grid-column:1}.question-card h1,.rapid-question h1{font-size:clamp(1.7rem,7vw,2.7rem)}.answers{grid-template-columns:1fr}.answer{min-height:4.2rem;grid-template-columns:2.7rem 1fr auto}.game-top,.rapid-top{align-items:flex-start}.timer{width:5.2rem}.timer span{font-size:1.8rem}.trainer-bar .button,.rapid-controls .button{flex:1 1 42%;min-width:0}.leader-list{grid-template-columns:1fr}.millionaire-panel{display:block}.bank-header{align-items:flex-start;flex-direction:column}.bank-filters{grid-template-columns:1fr;position:static}.bank-row{align-items:flex-start;flex-direction:column}.bank-actions{align-self:flex-end}.result-stats{width:100%}.result-stats div{min-width:0;flex:1}.modal-actions .button{flex:1}.secondary-actions{flex-wrap:wrap;justify-content:center}.icon-button{width:2.65rem;height:2.65rem}}
@media(min-width:1350px) and (min-height:760px){.question-layout{min-height:64vh}.question-card{min-height:64vh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
