:root{--bg-color:#1a1a24;--bg-transition:background-color 2s ease;--text-main:#f8fafc;--accent:#facc15}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);transition:var(--bg-transition);font-family:Outfit,sans-serif;overflow:hidden}.hud{pointer-events:none;z-index:10;justify-content:space-between;padding:20px;display:flex;position:absolute;top:0;left:0;right:0}.hud-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#00000080;border:1px solid #ffffff1a;border-radius:12px;min-width:250px;padding:20px}.controls{flex-direction:column;gap:15px;display:flex}.btn-group{gap:10px;display:flex}button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:8px 12px;font-weight:700;transition:all .2s}button:hover{background:#fff3}.btn-blue{color:#38bdf8;border-color:#38bdf8}.btn-blue:hover{background:#38bdf833}.btn-red{color:#ef4444;border-color:#ef4444}.btn-red:hover{background:#ef444433}.btn-bomb{color:#a855f7;border-color:#a855f7;width:100%}.btn-bomb:hover{background:#a855f733}.start-overlay{z-index:100;background:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.start-btn{cursor:pointer;background:linear-gradient(45deg,#ef4444,#38bdf8);border:none;border-radius:50px;padding:16px 32px;font-size:clamp(1.3rem,5vw,2rem);box-shadow:0 0 20px #fff3}@media (width<=640px){.hud{flex-direction:column;gap:8px;padding:10px}.hud-panel{min-width:unset;width:100%;padding:10px 14px;font-size:.85rem}.controls{gap:8px}button{padding:6px 10px;font-size:.85rem}}