:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Share Tech Mono,Consolas,Lucida Console,monospace}*{box-sizing:border-box}body{margin:0}h1,h2,.start-btn,.terminal-title{font-family:Orbitron,Eurostile,BankGothic Md BT,sans-serif}.app-shell{--bg:#06100d;--panel:#071713;--panel-2:#0b201b;--line:#3fffa94d;--neon:#39ff95;--neon-soft:#7fffc0;--text:#7fd1a5;--danger:#ff6a73;background:radial-gradient(circle at 50% -20%,#17c57d26,#0000 55%),radial-gradient(circle at 80% 120%,#08ffa014,#0000 40%),#040a09;place-items:center;min-height:100svh;padding:28px 12px;display:grid;position:relative;overflow:hidden}.aura{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 100px #41ffa040}.quiz-card{background:linear-gradient(#071713eb,#05120eeb);border:1px solid #5cffb22e;border-radius:6px;width:min(760px,100%);overflow:hidden;box-shadow:0 0 0 1px #3dffa51f,0 28px 80px #000000bf,0 0 40px #24ff991f}.quiz-card:after{content:"";pointer-events:none;position:absolute}.terminal-bar{background:#0d201bf2;border-bottom:1px solid #75ffbb1f;align-items:center;gap:10px;padding:10px 14px;display:flex}.lights{gap:8px;display:flex}.lights span{border-radius:50%;width:10px;height:10px;display:block}.lights span:first-child{background:#ff5f56}.lights span:nth-child(2){background:#ffbd2e}.lights span:nth-child(3){background:#27c93f}.terminal-title{color:#6ccf9e;letter-spacing:.16em;flex:1;margin:0;font-size:.9rem}.live-dot{color:var(--neon);letter-spacing:.12em;margin:0;font-size:.82rem;font-weight:700}.content{background:repeating-linear-gradient(#50ffa90a,#50ffa90a 1px,#0000 1px 4px),linear-gradient(#061511fa,#04100dfa);padding:26px 20px 28px;position:relative}.content h1{color:var(--neon);letter-spacing:.06em;text-shadow:0 0 15px #39ff9559;margin:0;font-size:clamp(2rem,7vw,3.2rem);line-height:.95}.subhead{color:var(--text);max-width:42ch;margin:14px 0 18px;font-size:1rem;line-height:1.5}.mode-line{color:#80dbab;background:#09201973;border:1px solid #72ffb838;margin:0 0 18px;padding:10px 12px;font-size:.95rem}.intro-form{gap:12px;display:grid}.label{color:#87dfb1;margin-bottom:10px;font-size:1rem;display:block}.name-input{width:100%;color:var(--neon-soft);background:#05130fe6;border:1px solid #75ffbb42;outline:none;padding:14px;font-size:1.2rem}.name-input::placeholder{color:#7abc99a6}.name-input:focus{border-color:#75ffbbb8;box-shadow:0 0 0 3px #47ffac24}.start-btn,.next-btn,.ghost-btn,.option-btn{color:var(--neon);cursor:pointer;background:#04120ef2;border:1px solid #55ffae6b;transition:transform .16s,background-color .16s,box-shadow .16s}.start-btn{letter-spacing:.08em;margin-top:22px;padding:14px 28px;font-size:1.35rem;font-weight:700}.start-btn:hover:enabled,.next-btn:hover:enabled,.ghost-btn:hover,.option-btn:hover:enabled{background:#0b2a20f2;box-shadow:0 0 18px #3dffa533}.start-btn:disabled,.next-btn:disabled,.option-btn:disabled{opacity:.55;cursor:not-allowed}.player-row,.progress-row{color:#8ce9b7;letter-spacing:.06em;font-size:.95rem}.player-row{margin:0 0 10px}.progress-row{justify-content:space-between;gap:12px;margin:0 0 16px;display:flex}h2{color:#d9ffe9;margin:0 0 16px;font-size:clamp(1.15rem,4vw,1.6rem);line-height:1.35}.options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.option-btn{text-align:left;color:#b8ffd8;padding:12px}.feedback{border:1px solid;margin-top:14px;padding:10px 12px}.feedback.correct{color:#9effc9;background:#08281e66;border-color:#62ffb366}.feedback.wrong{color:#ff9aa0;background:#39101280;border-color:#ff6a7366}.actions{gap:10px;margin-top:16px;display:flex}.intro-actions{align-items:stretch}.next-btn,.ghost-btn{letter-spacing:.06em;padding:10px 14px;font-size:.95rem}.status{color:#bafad9;margin-top:14px}.status.warning{color:#ffd166}.status.error{color:var(--danger)}.final-score{color:#b8ffd7;margin:16px 0 0;font-size:1.05rem}@media (width<=720px){.content{padding:22px 14px 24px}.terminal-title{letter-spacing:.08em;font-size:.74rem}.options-grid{grid-template-columns:1fr}.actions{flex-direction:column}.start-btn,.next-btn,.ghost-btn{width:100%}}