@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap";:root{--mil-bg-dark: #000214;--mil-blue-bright: #0099ff;--mil-blue-dim: #004d80;--mil-gold: #e6b800;--mil-gold-glow: rgba(230, 184, 0, .4);--mil-blue-dark: #020510;--mil-electric-blue: #0077ff;--mil-gold: #ffcc00;--correct: #28a745;--wrong: #dc3545}body{margin:0;height:100vh;display:flex;flex-direction:column;transition:background 1.2s ease;overflow:hidden;font-family:Montserrat,sans-serif;color:#fff;position:relative;background-color:var(--mil-bg-dark)}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 100px,rgba(255,255,255,.01) 100px,rgba(255,255,255,.01) 200px);pointer-events:none;z-index:0}#app{position:relative;z-index:10;width:100%;height:100%}body.studio-thinking{background:radial-gradient(circle,#2c1f00,#000)}body.studio-correct{background:radial-gradient(circle,#020,#000)}body.studio-wrong{background:radial-gradient(circle,#200,#000)}.admin-panel{background:#0006;border-bottom:2px solid var(--mil-gold);padding:15px;text-align:center}.team-selector{background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(74,144,226,.3);color:#ffffffb3;padding:10px 25px;margin:0 10px;border-radius:4px;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.team-selector.active{background:linear-gradient(to bottom,#d4af37,#b8860b);color:#000;border:1px solid white;box-shadow:0 0 20px #d4af3799}#timer-display{font-size:5rem;font-weight:800;text-align:center;margin:20px 0;color:var(--mil-gold);text-shadow:0 0 20px rgba(212,175,55,.4)}.question-box{position:relative;width:75%;max-width:900px;margin:50px auto 40px;background:linear-gradient(180deg,#091a3c,#000);padding:30px 70px;text-align:center;font-size:1.8rem;font-weight:700;border:2px solid #4a90e2;border-radius:60px;box-shadow:0 0 20px #4a90e280,inset 0 0 20px #4a90e24d}.question-box:before,.question-box:after{content:"";position:absolute;top:50%;width:300px;height:2px;z-index:-1;transform:translateY(-50%)}.question-box:before{right:100%;margin-right:2px;background:linear-gradient(to left,#4a90e2,transparent)}.question-box:after{left:100%;margin-left:2px;background:linear-gradient(to right,#4a90e2,transparent)}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 140px;width:90%;max-width:1200px;margin:30px auto;position:relative}.question-number-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--mil-gold);font-weight:800;font-size:3rem;z-index:20;text-shadow:0 0 15px rgba(255,204,0,.8)}.answer-btn{position:relative;width:100%;background:linear-gradient(180deg,#091a3c,#000);color:#fff;padding:15px 45px;font-size:1.5rem;font-weight:600;text-align:left;cursor:pointer;border:1.5px solid #4a90e2;border-radius:40px;transition:all .3s ease;outline:none;transform-style:preserve-3d;display:flex;align-items:center}.answer-btn span{color:#fc0;margin-right:15px;font-weight:800;position:relative;z-index:10}.answers-grid .answer-btn:before{content:"";position:absolute;top:50%;width:137px;height:2px;z-index:-1;transform:translateY(-50%) translateZ(-1px)}.answers-grid .answer-btn:nth-child(odd):before{right:-137px;background:linear-gradient(to right,#4a90e2,transparent)}.answers-grid .answer-btn:nth-child(2n):before{left:-137px;background:linear-gradient(to left,#4a90e2,transparent)}.answers-grid .answer-btn:after{content:"";position:absolute;top:50%;width:120px;height:2px;z-index:-1;transform:translateY(-50%)}.answers-grid .answer-btn:nth-child(odd):after{right:100%;margin-right:1px;background:linear-gradient(to left,#4a90e2,transparent)}.answers-grid .answer-btn:nth-child(2n):after{left:100%;margin-left:1px;background:linear-gradient(to right,#4a90e2,transparent)}.answer-btn:hover:not(:disabled){background:linear-gradient(180deg,#fc0,#b38f00)!important;color:#000!important;border-color:#fff;box-shadow:0 0 25px #fc0c;transform:scale(1.03)}.answer-btn:hover span{color:#000}.correct-blink{background:var(--correct)!important;animation:blink .4s step-end infinite;border-color:#fff!important}.selected-blink{animation:orange-pulse .4s infinite!important;color:#fff!important;transform:scale(1.05);z-index:10}.wrong-flash{background:var(--wrong)!important}.start-screen-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.main-title{font-size:5rem;color:var(--mil-gold);text-shadow:2px 2px 15px rgba(0,0,0,.8);margin-bottom:40px}#start-btn{width:auto;min-width:400px;padding:20px 60px;border-radius:60px;justify-content:center;text-align:center;font-size:1.8rem}.lifelines-container{display:flex;justify-content:center;gap:30px;margin-top:40px;width:100%}.lifelines-container{display:flex;justify-content:center;gap:40px;margin:60px auto 40px;width:90%;max-width:1000px}.lifeline-btn{position:relative;width:100%;max-width:400px;background:linear-gradient(180deg,#091a3c,#000);color:#fff;padding:15px 45px;font-size:1.5rem;font-weight:600;text-align:center;cursor:pointer;border:1.5px solid #4a90e2;border-radius:40px;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1);outline:none}.lifeline-btn:hover:not(:disabled){background:linear-gradient(180deg,#fc0,#b38f00);color:#000;border-color:#fff;box-shadow:0 0 25px #fc0c;transform:scale(1.03)}.lifeline-btn:disabled{opacity:.3;cursor:not-allowed;border-color:#444}.intro-scene{height:100vh;width:100vw;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px;overflow:hidden;position:relative}.tunnel{position:absolute;width:200%;height:200%;background:repeating-conic-gradient(from 0deg,#050a18 0deg 15deg,#001a4d 15deg 30deg);animation:tunnel-rotate 20s linear infinite;opacity:.3;z-index:1}@keyframes tunnel-rotate{to{transform:rotate(360deg)}}.particle{position:absolute;color:#07f9;font-weight:700;pointer-events:none;z-index:2;filter:blur(1px);animation:fly-forward 3s linear infinite}@keyframes fly-forward{0%{transform:translateZ(-1000px) scale(.1);opacity:0}50%{opacity:1}to{transform:translateZ(500px) scale(5);opacity:0}}.intro-title{font-size:8rem;color:#fff;text-align:center;z-index:10;text-transform:uppercase;font-weight:900;margin:0;line-height:.9;letter-spacing:-5px;animation:title-entrance 1.5s cubic-bezier(.9,0,.1,1) forwards;text-shadow:5px 5px #ff00ff,-5px -5px #00ffff}@keyframes title-entrance{0%{transform:scale(10) rotateX(90deg);opacity:0;filter:blur(20px)}to{transform:scale(1) rotateX(0);opacity:1;filter:blur(0)}}.laser-beam{position:absolute;width:100%;height:5px;background:var(--mil-electric-blue);box-shadow:0 0 20px var(--mil-electric-blue),0 0 50px var(--mil-electric-blue);z-index:5;animation:scan 2s ease-in-out infinite}@keyframes scan{0%,to{top:0%;opacity:0}50%{top:100%;opacity:1}}#skip-intro{margin-top:50px;padding:25px 60px;font-size:2.5rem;font-weight:900;text-transform:uppercase;background:#fff;color:#000;border:none;border-radius:5px;cursor:pointer;z-index:10000!important;box-shadow:0 0 20px #fff,0 0 60px var(--mil-gold);transition:all .2s;opacity:0;transform:translateY(100px);pointer-events:none;position:relative}#skip-intro.show{opacity:1;pointer-events:auto;transform:translateY(0);animation:button-shake .5s infinite}@keyframes button-shake{0%,to{transform:rotate(0)}25%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}}.mega-flash{position:fixed;inset:0;background:#fff;z-index:1000;opacity:0;pointer-events:none}.active-flash{animation:flash-out .8s ease-out forwards}@keyframes flash-out{0%{opacity:1}to{opacity:0}}#start-btn:before{display:none!important}@keyframes blink{50%{opacity:.5}}@keyframes orange-pulse{0%{background:#171b86cc}50%{background:orange;box-shadow:0 0 30px orange;border-color:#fff}to{background:#171b86cc}}@keyframes zoomIn{0%{opacity:0;transform:scale(.5);filter:blur(10px)}20%{opacity:1;filter:blur(0)}to{transform:scale(1.2)}}
