:root{font-family:system-ui,sans-serif;color:#e7edf5;background:#101820;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.game-canvas-region{position:relative;flex:1 1 auto;min-height:280px;background:#101820}.game-canvas-region canvas{position:absolute;display:block;inset:0}.game-hud-region{flex:0 0 auto;background:#1b2937;border-top:1px solid #405168;padding:16px 24px}.game-hud-region>section{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}.game-hud-region h1{margin:0;font-size:1rem;font-weight:650}.game-hud-region label,.game-hud-region p{margin:0}.game-hud-region output{font-variant-numeric:tabular-nums}button{min-width:94px;min-height:44px;padding:8px 18px;border:1px solid #a2bfd9;border-radius:6px;color:#101820;background:#b9dcf8;font:inherit;font-weight:600;cursor:pointer}button:hover{background:#deefff}button:focus-visible{outline:3px solid #ffd166;outline-offset:4px}[role=alert]{margin:auto;padding:24px;max-width:40rem}@media(max-width:600px){.game-hud-region{padding:14px 16px}.game-hud-region>section{gap:12px 20px}.game-hud-region h1{flex-basis:100%}}