body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial;background:#0f1220;color:#fff}
a{color:#ffd700}
.beer-run-container{max-width:1100px;margin:0 auto;padding:16px}
.game-header{display:flex;align-items:center;justify-content:space-between}
.game-nav{display:flex;gap:10px;align-items:center}
.game-section{display:none}
.game-section.active{display:block}
.characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:12px 0}
.character-card{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;background:rgba(255,255,255,.06);cursor:pointer}
.character-card.active{outline:2px solid #ffd700}
.btn-primary,.btn-secondary{border:0;border-radius:12px;padding:10px 14px;cursor:pointer}
.btn-primary{background:#ffd700;color:#000;font-weight:700}
.btn-secondary{background:rgba(255,255,255,.12);color:#fff}
.game-canvas-container{border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:#111}
.game-hud{display:flex;gap:16px;padding:10px}
.hud-item{display:flex;gap:8px}
.game-controls{display:flex;gap:10px;margin-top:12px}
canvas{display:block;width:100%;height:auto}


.powerups-box{margin-top:14px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02)}
.powerups-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.powerup-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(0,0,0,.25)}
.powerup-item input{transform:scale(1.2)}
.powerup-pill{font-size:12px;opacity:.8}