*{box-sizing:border-box} body{margin:0;background:#080808;color:#eee;font-family:Impact,Arial,sans-serif;overflow:hidden} button,input,select{font:inherit} .screen{display:none;width:100vw;height:100vh;position:relative}.active{display:flex}.screen:not(.game-wrap){align-items:center;justify-content:center;flex-direction:column;padding:18px;text-align:center}.fog{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,#7776,transparent 30%),linear-gradient(135deg,#111,#000 45%,#3b0000);opacity:.95}h1{font-size:clamp(72px,18vw,190px);letter-spacing:12px;color:#fff;text-shadow:0 0 12px #f00,7px 7px 0 #111;margin:0;z-index:1}.tagline{z-index:1;color:#ccc;letter-spacing:3px}button{z-index:1;margin:8px;padding:13px 24px;border:2px solid #ccc;background:#111;color:#eee;border-radius:8px;box-shadow:0 0 10px #700;cursor:pointer}button:hover,.selected{background:#490000;color:white;border-color:#fff}.panel{background:linear-gradient(#151515,#050505 60%,#250000);gap:12px}h2{font-size:44px;color:#fff;text-shadow:0 0 8px #c00;margin:5px}label{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.heroes{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.hero{width:155px;height:205px;padding:8px}.hero img{width:125px;height:125px;object-fit:cover;border-radius:50%;border:3px solid #ccc}.hero span{display:block;margin-top:8px}input,select{padding:10px;border-radius:8px;border:2px solid #777;background:#111;color:white}.game-wrap{background:#d4ac68}canvas{width:100vw;height:100vh;display:block;touch-action:none}#hud{position:absolute;top:0;left:0;right:0;display:flex;gap:10px;flex-wrap:wrap;padding:8px;background:#0009;color:#fff;font-family:Arial,sans-serif;font-weight:bold}#hud span{background:#350000;border:1px solid #bbb;border-radius:6px;padding:5px 8px}#mobileControls{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:space-between;align-items:end;padding:0 18px;pointer-events:none}.stick{display:grid;grid-template-columns:55px 55px 55px;grid-template-rows:55px 55px;gap:4px;pointer-events:auto}.stick button{margin:0;padding:0;opacity:.75}.stick [data-dir=up]{grid-column:2}.stick [data-dir=left]{grid-column:1;grid-row:2}.stick [data-dir=down]{grid-column:2;grid-row:2}.stick [data-dir=right]{grid-column:3;grid-row:2}#shootBtn{width:92px;height:92px;border-radius:50%;background:#6b0000;pointer-events:auto}.perkBox{display:flex;flex-wrap:wrap;justify-content:center}#scores{width:min(580px,95vw);max-height:55vh;overflow:auto;background:#0008;border:1px solid #777;border-radius:8px;padding:10px;font-family:Arial,sans-serif}.scoreRow{display:grid;grid-template-columns:50px 1fr 90px 80px;gap:8px;padding:6px;border-bottom:1px solid #333}.small{font-size:14px;padding:8px 12px}@media (min-width:900px){#mobileControls{opacity:.45}.stick button,#shootBtn{display:none}}