html,body{margin:0;min-width:320px;min-height:100%;overflow:hidden;background:#7fc8f4;color:#172033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#game-root{width:100vw;height:100vh}canvas{display:block;width:100%;height:100%;cursor:crosshair}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud{color:#f8fff6;font-weight:800;letter-spacing:0;text-shadow:0 2px 6px rgb(0 0 0 / 35%)}.hud-top{position:fixed;top:16px;left:16px;display:flex;gap:10px}.hud-pill{min-width:104px;padding:9px 12px;border:2px solid rgb(255 255 255 / 60%);border-radius:8px;background:#142d249e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-bottom{position:fixed;left:50%;bottom:24px;max-width:min(620px,calc(100vw - 32px));transform:translate(-50%);text-align:center;font-size:18px}.hud-controls{position:fixed;top:16px;right:16px;width:min(220px,calc(100vw - 32px));padding:12px;border:2px solid rgb(255 255 255 / 60%);border-radius:8px;background:#142d24ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-controls-title{margin-bottom:8px;font-size:13px;text-transform:uppercase}.hud-control-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:1.45}.hud-control-key{color:#fff7b8}.hud-control-action{text-align:right}@media (max-width: 560px){.hud-top{right:16px;flex-wrap:wrap}.hud-controls{top:78px;left:16px;right:auto;width:min(220px,calc(100vw - 32px))}.hud-bottom{font-size:16px}}