:root{
--bg:#020703;--green:#00ff48;--gold:#ffc400;--red:#e61d2a;--white:#f4f7f4;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000;color:var(--white);font-family:Arial,Helvetica,sans-serif}
body{background:radial-gradient(circle at 50% 30%,rgba(0,255,65,.08),transparent 35%),#000}
button,select{font:inherit}
.app-shell{min-height:100vh;background:linear-gradient(180deg,#020302,#061307 55%,#020302);box-shadow:inset 0 0 70px #000}
.game{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;max-width:1500px;margin:auto;padding:28px 22px 14px}
.play-area{min-width:0}
.lifelines{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:850px;margin:0 auto 24px}
.lifeline{border:0;background:transparent;cursor:pointer;color:#fff;min-width:0}
.life-orb{height:130px;border:5px solid var(--gold);border-radius:50%;background:radial-gradient(circle at 50% 28%,#35ff68 0,#0a761f 38%,#011b07 68%,#000);box-shadow:0 0 0 2px #3e3000,0 0 22px rgba(0,255,65,.45),inset 0 0 24px #000;display:flex;align-items:center;justify-content:center;transition:.2s}
.lifeline:hover .life-orb{transform:translateY(-4px) scale(1.025);box-shadow:0 0 0 2px #6b5000,0 0 32px rgba(0,255,65,.8),inset 0 0 24px #000}
.life-orb span{text-shadow:0 2px 8px #000,0 0 10px #fff}
.phone-icon{font-size:72px;transform:rotate(-25deg)}.audience-icon{font-size:37px;letter-spacing:-10px}.fifty-icon{font-size:48px;font-weight:900}
.life-caption{margin:-1px auto 0;width:88%;background:linear-gradient(#101810,#000);border:1px solid #123b18;border-top:0;padding:8px 4px;font-size:15px;font-weight:800;letter-spacing:.4px;border-radius:0 0 12px 12px;box-shadow:0 8px 15px #000}
.question-card{min-height:390px;border:3px solid var(--gold);border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(255,196,0,.04),transparent 35%),#000;box-shadow:0 0 0 1px #624800,0 0 24px rgba(255,196,0,.18),inset 0 0 30px #000;padding:0 30px 28px;position:relative;overflow:hidden}
.panel-title{display:inline-block;color:var(--gold);font-size:25px;font-weight:800;padding:13px 0 8px;border-bottom:3px solid var(--gold)}
.question-text{min-height:290px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:28px;line-height:1.45;padding:20px 18px}
.answers{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
.answer{min-height:100px;background:linear-gradient(145deg,#171717,#020202 55%,#090909);border:2px solid var(--gold);border-left:4px solid var(--green);border-radius:18px;color:white;text-align:left;padding:18px 25px;cursor:pointer;box-shadow:0 0 0 1px #3b2c00,inset 0 0 18px #000,0 0 12px rgba(0,255,65,.14);transition:.18s}
.answer span{color:var(--gold);font-size:30px;font-weight:900;margin-right:14px}.answer b{font-size:19px;font-weight:600}.answer:hover{transform:translateY(-2px);background:linear-gradient(145deg,#18261a,#050805);box-shadow:0 0 20px rgba(0,255,65,.35),inset 0 0 20px #000}.answer.selected{background:#102f16;border-color:#fff}.answer.correct{background:#0c8c2a;border-color:#baffc5}.answer.wrong{background:#7c0d14;border-color:#ff7880}
.levels-panel{border:3px solid var(--gold);border-radius:20px;padding:10px 14px 13px;background:linear-gradient(180deg,#071307,#020502);box-shadow:0 0 24px rgba(255,196,0,.17),inset 0 0 25px #000}
.levels-title{text-align:center;font-size:21px;font-weight:900;letter-spacing:2px;padding:8px;border-bottom:1px solid #165c20;margin-bottom:10px}
.level{height:38px;margin:5px 0;padding:0 14px;display:grid;grid-template-columns:45px 1fr;align-items:center;border-radius:9px;background:linear-gradient(90deg,#031608,#06240d);color:#e8eee9;font-size:16px;box-shadow:inset 0 0 12px #000}
.level .num{font-weight:900}.level.milestone{background:linear-gradient(#ffd43b,#b77a00);color:#fff;text-shadow:0 1px 2px #533800}.level.special{background:linear-gradient(90deg,#75100f,#e01e2d)}.level.special18{background:linear-gradient(90deg,#64116e,#a923b9)}.level.active{outline:2px solid #fff;box-shadow:0 0 14px rgba(255,255,255,.55),inset 0 0 12px #000;transform:scale(1.015)}
.statusbar{max-width:1500px;margin:0 auto 18px;border:3px solid var(--gold);border-radius:18px;background:linear-gradient(180deg,#090f0a,#010201);box-shadow:0 0 22px rgba(255,196,0,.16),inset 0 0 25px #000;padding:10px 14px;display:flex;align-items:center;gap:14px}
.stat{min-width:210px;display:flex;align-items:center;gap:12px;padding:5px 18px;border-right:1px solid #24532a}.stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--green);color:var(--green);box-shadow:0 0 13px rgba(0,255,65,.35),inset 0 0 10px #000;font-weight:900;font-size:25px}.stat-icon.star{color:#ffe000;border-color:#ffe000}.stat small{display:block;color:#ddd;font-size:12px;letter-spacing:1px}.stat strong{display:block;font-size:16px;margin-top:5px}.footer-actions{margin-left:auto;display:flex;gap:10px}.action{min-width:145px;min-height:68px;border-radius:14px;border:2px solid var(--green);color:white;font-weight:900;cursor:pointer;box-shadow:inset 0 0 15px #000,0 0 10px rgba(0,255,65,.18)}.action.next{background:linear-gradient(#159b36,#024b17)}.action.restart{background:linear-gradient(#d8a900,#705100);border-color:#ffe15a}.action.change{background:linear-gradient(#ec2935,#7b0b12);border-color:#ff747b}.action:hover{filter:brightness(1.18);transform:translateY(-2px)}
.overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.84);backdrop-filter:blur(6px)}.hidden{display:none}
.loader-card,.modal-card,.result-card{width:min(560px,92vw);border:3px solid var(--gold);border-radius:24px;background:radial-gradient(circle at 50% 0,#102915,#020502 65%);box-shadow:0 0 45px rgba(0,255,65,.25),0 0 80px rgba(255,196,0,.14),inset 0 0 35px #000;padding:34px;text-align:center}.wide{width:min(700px,94vw)}
.loader-title{font-size:32px;font-weight:1000;letter-spacing:4px;color:var(--gold);text-shadow:0 0 14px rgba(255,196,0,.5)}.loader-card p{color:#c9d2ca}
.close{float:right;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}
.source-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:22px 0 14px}.source-tab{padding:12px 6px;border:1px solid #376b3e;background:#071008;color:#b9c3bb;border-radius:8px;cursor:pointer;font-size:12px;font-weight:800}.source-tab.active{background:linear-gradient(#168b31,#053a12);color:#fff;border-color:var(--green)}
.source-pane{padding:12px}.hidden-pane{display:none}
select{width:100%;padding:14px;border-radius:10px;background:#050805;color:#fff;border:2px solid var(--green);margin:10px 0 18px}
.gold-btn{border:2px solid var(--gold);background:linear-gradient(#e0b500,#755400);color:#fff;font-weight:900;padding:13px 22px;border-radius:10px;cursor:pointer;box-shadow:0 0 14px rgba(255,196,0,.2)}.gold-btn:hover{filter:brightness(1.15)}
.created-list{max-height:270px;overflow:auto;text-align:left;border:1px solid #1b4d24;border-radius:10px;padding:8px;margin-bottom:14px}.created-empty{text-align:center;color:#849087;padding:30px 10px}.created-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #17351c;cursor:pointer}.created-item:last-child{border-bottom:0}.created-item:hover{background:#0a1c0d}.created-item input{accent-color:#00ff48}.created-item strong{display:block;color:#fff}.created-item small{color:#89968d}.hint{font-size:12px!important;color:#829087!important}
.modal-card h2{color:var(--gold)}.modal-card p{font-size:18px;line-height:1.5}.poll{display:grid;grid-template-columns:40px 1fr 55px;gap:10px;align-items:center;margin:10px 0}.bar{height:20px;background:#071008;border:1px solid #245b2e;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#00a72f,#8dff75)}
.result-card .trophy{font-size:70px;color:var(--gold);text-shadow:0 0 25px #ffc400}.result-card h1{color:var(--gold)}.wrong-card .warning{font-size:72px;color:#ff3a45;text-shadow:0 0 25px #e61d2a}.wrong-card h1{color:#ff5861}
@media(max-width:1050px){.game{grid-template-columns:1fr}.levels-panel{order:-1}#levels{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.level{margin:0}.statusbar{flex-wrap:wrap}.footer-actions{margin-left:0;width:100%}.action{flex:1}}
@media(max-width:700px){.game{padding:12px}.lifelines{gap:8px}.life-orb{height:90px;border-width:3px}.phone-icon{font-size:45px}.audience-icon{font-size:25px}.fifty-icon{font-size:31px}.life-caption{font-size:10px}.question-card{min-height:300px;padding:0 15px 15px}.question-text{min-height:220px;font-size:19px}.answers{grid-template-columns:1fr;gap:10px}.answer{min-height:78px}#levels{grid-template-columns:repeat(3,1fr)}.stat{min-width:45%;border-right:0}.footer-actions{flex-wrap:wrap}.action{min-width:30%;font-size:12px}.source-tabs{grid-template-columns:1fr}.created-item{font-size:13px}}