html,body,#app{background:#120d08;width:100%;height:100%;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;overflow:hidden}#game-shell{width:100%;height:100%;position:relative}canvas{z-index:1;display:block;position:relative}#hud{z-index:2;pointer-events:auto;color:#fff;text-shadow:2px 2px #000;position:absolute;inset:0}#title{letter-spacing:1px;color:#ffd04d;font-size:clamp(28px,4vw,56px);position:absolute;top:14px;left:18px}#stats{font-family:Arial,sans-serif;font-size:16px;font-weight:900;line-height:1.55;position:absolute;top:84px;left:20px}#controls-note{background:#00000073;border:2px solid #ffffff40;border-radius:12px;padding:10px 12px;font-family:Arial,sans-serif;font-size:14px;font-weight:900;position:absolute;top:18px;right:18px}#mode-controls{pointer-events:auto;gap:8px;display:flex;position:absolute;top:108px;right:18px}.mode-btn{color:#fff;touch-action:manipulation;background:#141414bf;border:2px solid #ffffff73;border-radius:10px;padding:8px 10px;font-family:Arial,sans-serif;font-size:12px;font-weight:800}.mode-btn.active{color:#ffd04d;border-color:#ffd04d}#message{text-align:center;color:#fff;opacity:0;font-size:clamp(28px,6vw,84px);transition:opacity .2s;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)}#message.show{opacity:1}#mobile-controls{pointer-events:auto;justify-content:space-between;gap:18px;padding:0 clamp(10px,2vw,20px);display:flex;position:absolute;bottom:18px;left:0;right:0}#mobile-controls,#mobile-controls *,#mode-controls,#mode-controls *{pointer-events:auto}.control-group{gap:clamp(8px,1.4vw,12px);display:flex}.btn{color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;white-space:nowrap;background:linear-gradient(#5a5a5a,#181818);border:3px solid #ffffff8c;border-radius:12px;width:clamp(62px,8vw,82px);height:clamp(62px,8vw,82px);font-size:clamp(20px,3vw,30px);font-weight:900;line-height:1;box-shadow:inset 0 4px #ffffff40,0 6px #000}.btn.small{font-size:clamp(14px,2vw,18px)}.btn:active,.btn.pressed{transform:translateY(4px);box-shadow:inset 0 4px #ffffff26,0 2px #000}@media (width<=620px){#mobile-controls{bottom:12px}.control-group{flex-wrap:wrap;max-width:218px}}@media (width>=900px){#mobile-controls{opacity:.75}}