@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
:root{--bg:#070707;--panel:#101010;--line:#4b1515;--red:#e02020;--red2:#ff4545;--text:#e8dada;--muted:#927c7c;--glow:rgba(255,30,30,.28)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#241010 0,#080808 45%,#030303 100%);color:var(--text);font-family:"Share Tech Mono",Consolas,monospace;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.72));z-index:4}
.scanlines{position:fixed;inset:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px);mix-blend-mode:overlay}
.shell{width:min(1180px,94%);margin:0 auto;padding:28px 0 60px;position:relative;z-index:2}
.topbar{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#d7baba;letter-spacing:1px}.brand span{color:var(--red2)}.status i{display:inline-block;width:8px;height:8px;background:#6ae020;border-radius:50%;box-shadow:0 0 12px var(--red);margin-right:8px}
.panel{background:linear-gradient(145deg,rgba(28,16,16,.94),rgba(8,8,8,.96));border:1px solid #4b2020;box-shadow:0 0 25px rgba(0,0,0,.65),inset 0 0 25px rgba(100,0,0,.06);padding:28px}
.hero{margin-top:70px;text-align:center;padding:70px 30px}.eyebrow{color:var(--red2);font-size:13px;letter-spacing:3px;margin-bottom:15px}h1{font-size:clamp(30px,6vw,72px);margin:0 0 18px;text-shadow:0 0 18px var(--glow)}h2{margin-top:0}.lead{color:#b69f9f;max-width:700px;margin:0 auto 24px;line-height:1.8}.warning{border:1px solid #542525;color:#b88888;padding:12px;margin:25px auto;max-width:800px;font-size:12px}
.start-form{max-width:500px;margin:30px auto 0;text-align:left}.start-form label{display:block;color:#bda5a5;margin-bottom:8px}.start-form input{width:100%;background:#050505;border:1px solid #6a2929;color:white;padding:16px;font:inherit;outline:none}.start-form input:focus{border-color:var(--red2);box-shadow:0 0 15px var(--glow)}
.btn{font:inherit;border:1px solid #7b2a2a;background:#180909;color:#e8caca;padding:14px 24px;cursor:pointer;letter-spacing:1px;transition:.2s}.btn:hover{background:#3a1010;border-color:var(--red2);box-shadow:0 0 18px var(--glow)}.primary{width:100%;margin-top:15px}.spin{display:block;margin:24px auto}.btn:disabled{opacity:.35;cursor:not-allowed}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px}.mini{padding:18px}.mini b{display:block;color:var(--red2);margin-bottom:8px}.mini span{color:#a89090}footer{text-align:center;padding:25px}a{color:#d88383;text-decoration:none}a:hover{color:white}
.game-layout{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-top:22px}.side-panel{text-align:center}.round-label,.score-title{font-size:12px;color:#9f8585;letter-spacing:2px}.round-number{font-size:70px;color:var(--red2);text-shadow:0 0 20px var(--glow)}.progress{height:4px;background:#2b1212;margin:15px 0 30px}.progress span{display:block;height:100%;background:var(--red);box-shadow:0 0 10px var(--red);transition:.3s}.score{font-size:42px;color:#eee;margin:8px 0 30px}.ooda{border-top:1px solid #3c1b1b;padding-top:18px;text-align:left}.ooda-title{font-size:12px;color:#8f7777;margin-bottom:10px}.ooda-step{padding:9px;color:#6e5b5b}.ooda-step.active{color:var(--red2);background:rgba(180,0,0,.08);border-left:3px solid var(--red)}
.main-panel{min-height:650px}.reels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0}.reel{min-height:150px;border:1px solid #572020;background:linear-gradient(#160909,#050505);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12px;box-shadow:inset 0 0 30px rgba(150,0,0,.08)}.reel small{color:#8e6f6f;font-size:11px;margin-bottom:15px}.reel div{color:#f0dcdc;font-size:20px;line-height:1.5}
.assessment-box{border-top:1px solid #572020;margin-top:25px;padding-top:25px}.assessment-title{color:var(--red2);letter-spacing:2px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.choice{font:inherit;text-align:left;padding:18px;background:#0b0808;border:1px solid #492020;color:#e0cccc;cursor:pointer}.choice:hover{border-color:var(--red2);background:#1c0a0a}.choice:disabled{opacity:.5}.choice small{display:block;color:#9b6f6f;margin-top:7px}.feedback{margin-top:20px;border:1px solid #7b2b2b;padding:18px;background:#160909;line-height:1.8}.feedback b{color:#ff5a5a}.next{margin:20px 0 0 auto;display:block}.hidden{display:none!important}
.result-hero{text-align:center;margin-top:30px}.final-score{font-size:100px;color:var(--red2);text-shadow:0 0 30px var(--glow)}.score-caption{color:#927d7d}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.stat{text-align:center}.stat small{display:block;color:#8d7474}.stat strong{display:block;font-size:36px;color:#e8d0d0;margin-top:10px}.aar{margin-top:15px;line-height:1.8}.bar-row{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center;margin:20px 0}.bar-row>div{height:8px;background:#291010}.bar-row i{display:block;height:100%;width:0;background:var(--red);box-shadow:0 0 10px var(--red);transition:1s}.note{border-left:3px solid var(--red);padding:10px 15px;background:#100808;color:#a88d8d}.leaderboard-panel{margin-top:15px;overflow:auto}.section-head{display:flex;justify-content:space-between;align-items:center}table{width:100%;border-collapse:collapse;margin-top:15px}th,td{padding:14px;border-bottom:1px solid #321717;text-align:left}th{color:#d35a5a;font-size:12px}td:nth-child(1){color:var(--red2)}
@media(max-width:800px){.game-layout{grid-template-columns:1fr}.reels{grid-template-columns:1fr 1fr}.choices,.grid-3,.result-grid{grid-template-columns:1fr}.side-panel{text-align:left}.ooda{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.ooda-title{grid-column:1/-1}.ooda-step{font-size:11px}.final-score{font-size:70px}.bar-row{grid-template-columns:1fr}}

#oodaContainer{
    width:100%;
    height:24px;
    background:#333;
    border:1px solid #666;
    border-radius:4px;
    overflow:hidden;
    margin:10px 0;
}

#oodaBar{
    width:100%;
    height:100%;
    background:linear-gradient(
        90deg,
        #500000,
        #ff6600,
        #00ff00
    );
    transition:width 0.2s linear;
}

#oodaText{
    text-align:center;
    font-weight:bold;
    color:#fff;
}

.choice.holding{
    transform:scale(0.95);
    filter:brightness(1.3);
}