*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#090b10;color:#f5f7fb;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{background:radial-gradient(circle at top,#1d2230 0,#0c0f16 45%,#05070a 100%)}button,input{font:inherit}.app{max-width:1500px;margin:auto;padding:18px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.topbar h1{margin:0;font-size:clamp(28px,4vw,54px);letter-spacing:.04em}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:900;opacity:.65}.tag{opacity:.72;margin-top:6px}.top-actions{display:flex;gap:8px;flex-wrap:wrap}.panel{display:none}.panel.active{display:block}.menu,.score-card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.35);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:clamp(22px,4vw,52px)}.badge{display:inline-block;padding:8px 12px;border-radius:999px;background:#ffdf5d;color:#151515;font-weight:1000;font-size:12px;letter-spacing:.08em}.menu h2,.score-card h2{font-size:clamp(32px,5vw,66px);line-height:.98;margin:18px 0}.menu p{font-size:18px;line-height:1.55;max-width:760px;opacity:.8}.mode-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}.mode{padding:18px;text-align:left;background:#111723;color:#fff;border:2px solid #2a3140;border-radius:16px;cursor:pointer}.mode.selected{border-color:#ffdf5d;box-shadow:inset 0 0 0 1px #ffdf5d}.mode strong,.mode span{display:block}.mode span{opacity:.6;margin-top:4px;font-size:13px}.name-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}.name-grid label{font-size:12px;font-weight:800;letter-spacing:.06em}.name-grid input{width:100%;margin-top:7px;padding:13px 14px;border-radius:12px;border:1px solid #343b49;background:#0e131c;color:#fff}.hidden{display:none!important}.primary,.ghost{border:0;border-radius:13px;cursor:pointer;font-weight:1000}.primary{background:#ffdf5d;color:#141414;padding:14px 20px;box-shadow:0 8px 0 #a98c19}.primary:active{transform:translateY(4px);box-shadow:0 4px 0 #a98c19}.big{font-size:18px;padding:17px 24px}.ghost{padding:10px 14px;background:#141a24;color:#fff;border:1px solid #2b3342}.attract-card{background:#0d121b;border:1px solid #2a3140;border-radius:20px;padding:16px}.marquee{text-align:center;font-weight:1000;letter-spacing:.15em;padding:10px;background:#ff506b;color:white;border-radius:12px 12px 0 0}.mini-stage{height:280px;position:relative;overflow:hidden;border-radius:0 0 14px 14px;background:linear-gradient(#86ddff 0 60%,#88bf68 60%)}.mini-bg:before{content:"";position:absolute;left:5%;right:5%;bottom:18%;height:25%;background:repeating-linear-gradient(90deg,#f7bd4f 0 80px,#e96555 80px 160px);border:6px solid #442e24;border-bottom:0}.mini-villain,.mini-civilian{position:absolute;font-size:68px;filter:drop-shadow(0 5px 4px #0005)}.mini-villain{right:18%;bottom:16%}.mini-civilian{left:12%;bottom:8%}.mini-crosshair{position:absolute;left:48%;top:38%;font-size:72px;color:#ff224b;text-shadow:0 2px #fff}.attract-copy{padding:16px 6px 2px;line-height:1.5}.attract-copy ul{padding-left:18px}.attract-copy small{opacity:.5}.game{background:#090d14;border-radius:20px;overflow:hidden;border:1px solid #29303e}.hud{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#262d39}.hud-block{background:#111720;padding:10px 14px;min-width:0}.hud-block span{display:block;font-size:10px;opacity:.5;font-weight:900;letter-spacing:.12em}.hud-block strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.stage-wrap{position:relative;background:#000;touch-action:none}.stage-wrap canvas{display:block;width:100%;height:auto;max-height:72vh;cursor:crosshair}.stage-message{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;font-size:clamp(28px,5vw,68px);font-weight:1000;text-shadow:0 5px 20px #000;background:#0004;pointer-events:none}.reload-button{position:absolute;right:20px;bottom:20px;background:#ffdf5d;color:#111;border:0;border-radius:999px;padding:14px 20px;font-weight:1000;box-shadow:0 5px 20px #0008}.game-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 16px;background:#111720;font-size:13px}.controls{opacity:.5}.between,.results{padding:6vh 0}.score-card{max-width:900px;margin:auto;padding:clamp(24px,5vw,55px);text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.stats-grid>div{background:#0f151f;padding:16px;border-radius:14px;border:1px solid #273041}.stats-grid span{display:block;font-size:11px;opacity:.6;text-transform:uppercase;letter-spacing:.1em}.stats-grid strong{font-size:26px}.final-scores{display:grid;gap:12px;margin:26px 0}.final-row{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-radius:16px;background:#101621;border:1px solid #2b3546;font-size:20px}.final-row.winner{border-color:#ffdf5d;box-shadow:0 0 0 1px #ffdf5d inset}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:20px;z-index:50}.modal-card{position:relative;max-width:760px;width:100%;background:#111722;border:1px solid #313a4a;border-radius:20px;padding:28px}.close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:white;font-size:32px;cursor:pointer}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.help-grid>div{background:#0b1018;border-radius:12px;padding:14px}.help-grid strong,.help-grid span{display:block}.help-grid span{opacity:.6;font-size:13px;margin-top:4px}@media(max-width:850px){.topbar{align-items:flex-start}.hero-grid{grid-template-columns:1fr}.attract-card{display:none}.hud{grid-template-columns:repeat(3,1fr)}.game-footer{align-items:flex-start;flex-direction:column}.controls{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.help-grid{grid-template-columns:1fr}}@media(max-width:520px){.app{padding:8px}.topbar{padding:5px 4px}.tag{display:none}.top-actions .ghost{font-size:12px;padding:8px}.hero-grid{padding:20px}.mode-picker,.name-grid{grid-template-columns:1fr}.hud-block{padding:8px}.hud-block strong{font-size:13px}}

.combo-hud strong{color:#ffdf5d}
.boss-banner{position:absolute;left:50%;top:16px;transform:translateX(-50%);z-index:4;background:#160b12dd;border:1px solid #ff5d72;border-radius:999px;padding:10px 18px;font-weight:1000;letter-spacing:.08em;box-shadow:0 10px 25px #0007}
.level-card{position:absolute;inset:0;display:grid;place-items:center;z-index:8;background:#000b;text-align:center;padding:24px}
.level-card>div{background:#101621;border:1px solid #39445a;border-radius:22px;padding:30px;max-width:720px;box-shadow:0 30px 80px #0008}
.level-card h3{font-size:clamp(36px,7vw,82px);line-height:.95;margin:8px 0}
.level-card p{font-size:18px;opacity:.75}
.bonus-label{position:absolute;left:18px;bottom:18px;z-index:3;background:#ffdf5d;color:#111;border-radius:999px;padding:8px 12px;font-weight:1000}