:root{--gold:#ffc11c;--gold2:#ff8b00;--cyan:#00d9ff;--blue:#0757b5;--deep:#02091a;--panel:#041b42}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif}.stage{color:#fff;background:radial-gradient(ellipse at 50% -8%,#148fff 0,#0750aa 18%,transparent 45%),radial-gradient(ellipse at 10% 58%,#7027cf 0,transparent 32%),radial-gradient(ellipse at 90% 58%,#6124c8 0,transparent 32%),linear-gradient(#031632,#020517 76%,#08021b)}.stage:before,.stage:after{content:"";position:fixed;inset:0;pointer-events:none}.stage:before{background:repeating-linear-gradient(105deg,transparent 0 8%,#4ec8ff16 8.2% 8.7%,transparent 9% 16%)}.stage:after{top:1.2%;height:13%;background:radial-gradient(circle,#fff 0 7px,#d5f8ff 8px 12px,transparent 14px);background-size:74px 74px;filter:drop-shadow(0 0 9px #32c7ff)}.board{position:relative;width:100cqw;height:100cqh;padding:1.5cqh 2cqw 1.7cqh}.board header{position:absolute;inset:0 0 auto;height:20%;z-index:4}.logo{position:absolute;left:50%;top:1%;transform:translateX(-50%);width:46%;min-width:460px;padding:.7cqh 1cqw 1.4cqh;border:5px solid var(--gold);border-radius:31%/24%;background-color:#051d43;background-image:radial-gradient(circle,#1de0ff 0 2px,transparent 3px);background-size:14px 14px;box-shadow:0 0 0 4px #8b4600,0 0 20px #ffd95b,inset 0 0 18px #000;text-align:center;line-height:.8}.logo small{display:none}.logo strong{display:block;color:#ffc329;font-size:clamp(42px,5.2cqw,82px);font-weight:1000;letter-spacing:-.05em;-webkit-text-stroke:2px #fff0a6;text-shadow:0 5px 0 #964600,0 9px 9px #000}.bank{position:absolute;right:2.5%;top:3%;width:15%;min-width:155px;padding:.55cqh .7cqw;border:4px solid #ffd33d;border-radius:14px;background:linear-gradient(#10509f,#03194e);box-shadow:0 0 0 3px #773f00,0 0 18px #ffd544;text-align:center}.bank span,.team span,.timer span{display:block;font-weight:1000;letter-spacing:.02em;text-shadow:0 3px 3px #000}.bank span{font-size:clamp(14px,1.45cqw,24px)}.bank b{display:block;margin-top:.35cqh;border:2px solid #159dff;border-radius:9px;background:#08266b;font-size:clamp(40px,4.5cqw,72px);line-height:1.04}.oval{position:absolute;left:3.4%;right:3.4%;top:10%;bottom:5.3%;border:clamp(12px,1.25cqw,21px) solid var(--gold);border-radius:50%/47%;background-color:#031a35;background-image:radial-gradient(circle,#16d7ff 0 2.5px,transparent 3.5px);background-size:17px 17px;box-shadow:0 0 0 5px #8d4600,0 0 24px #ffd34a,inset 0 0 30px #000;padding:18.5cqh 10cqw 15cqh;z-index:1}.oval:before{content:"";position:absolute;inset:-15px;border-radius:inherit;background:radial-gradient(circle,#fffbd1 0 5px,#ffc126 6px 10px,transparent 11px);background-size:52px 52px;filter:drop-shadow(0 0 5px #fff);pointer-events:none}.screen{position:relative;width:100%;height:100%;padding:1.1cqh .8cqw;border:3px solid #168fe0;border-radius:17px;background:linear-gradient(145deg,#05265a,#020f2a);box-shadow:inset 0 0 24px #000;z-index:2}.screen:before{content:"MODE 2 · QUESTION BANK";position:absolute;left:0;top:-5cqh;padding:.45cqh 1cqw;border:2px solid var(--gold);border-radius:8px;background:#09245a;font-weight:1000;font-size:clamp(10px,1.15cqw,18px)}.question-bank{display:grid;grid-template-columns:39% 61%;gap:.8cqw;height:100%}.questions,.answer{min-height:0;border:2px solid #087dce;border-radius:16px;background:linear-gradient(150deg,#072e68,#031330);box-shadow:inset 0 0 16px #000;padding:1cqh .9cqw}.questions{overflow:hidden}.questions h2,.answer>span{display:block;margin:0 0 .7cqh;color:var(--cyan);text-align:center;font-size:clamp(17px,1.8cqw,30px);font-weight:1000}.questions #questions{counter-reset:item;display:grid;height:calc(100% - 3.3cqh);grid-template-rows:repeat(4,1fr);gap:.6cqh}.q{display:flex;align-items:center;min-height:0;padding:.5cqh 1cqw;border:2px solid #1478d0;border-radius:10px;background:linear-gradient(#10509c,#07275c);font-size:clamp(13px,1.45cqw,24px);font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q:before{content:counter(item);counter-increment:item;margin-right:1cqw;color:#9bd2ff;font-size:1.4em;font-weight:1000}.q.current{border-color:#66f1ff;background:linear-gradient(90deg,#20d9f8,#0785df);box-shadow:0 0 12px #22dfff}.answer{display:flex;flex-direction:column;align-items:center}.answer h1{margin:0 0 .6cqh;width:100%;font-size:clamp(14px,1.4cqw,23px);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.answer-card{flex:1;width:100%;display:flex;align-items:center;justify-content:center;padding:1.5cqw;border:3px solid #31dfff;border-radius:16px;background:radial-gradient(ellipse,#1648b4,#03184f 74%);box-shadow:0 0 14px #1ee1ff,inset 0 0 20px #000d36;text-align:center;font-size:clamp(24px,3.3cqw,55px);line-height:1.12;font-weight:1000;text-shadow:0 4px 5px #000}.answer-card.hidden-answer{color:#83a8ce;background-color:#061c47;background-image:linear-gradient(#0b3973 2px,transparent 2px),linear-gradient(90deg,#0b3973 2px,transparent 2px);background-size:20% 50%;font-size:clamp(18px,2cqw,34px)}.board footer{position:absolute;inset:auto 2.2% 1.7%;height:20%;z-index:5}.team,.timer{position:absolute;bottom:0;border:4px solid #ffd02a;border-radius:14px;background:linear-gradient(#1258ad,#03184d);box-shadow:0 0 0 3px #794000,0 0 17px #ffd335,inset 0 0 13px #0783ff;text-align:center}.team{width:14%;min-width:150px;padding:.45cqh .6cqw}.team1{left:0}.team2{right:0}.team span{font-size:clamp(14px,1.55cqw,25px)}.team b{display:block;border:2px solid #159cff;border-radius:8px;background:#082665;font-size:clamp(44px,5.5cqw,88px);line-height:1.02}.team i{position:absolute;top:37%;color:#ff1827;font-style:normal;font-size:clamp(36px,4.2cqw,66px);text-shadow:0 0 7px #fff,0 0 14px #f00}.team1 i{right:-5cqw}.team2 i{left:-5cqw}.timer{left:50%;transform:translateX(-50%);width:24%;min-width:245px;padding:.45cqh .9cqw}.timer span{font-size:clamp(15px,1.7cqw,28px)}.timer b{display:block;border:2px solid #158eff;border-radius:9px;background:#082468;font-size:clamp(48px,6cqw,97px);line-height:1.04;text-shadow:0 0 8px #2ca6ff}.timer b:before{content:"00:"}@media(max-aspect-ratio:4/3){.board{min-width:760px}.stage{overflow-x:auto}.oval{left:2%;right:2%}}

