@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";html,body,#app{width:100%;height:100%}body{background:#05060c;margin:0;font-family:Courier New,monospace;overflow:hidden}#app{display:block}.game-shell{box-sizing:border-box;grid-template-columns:clamp(180px,16vw,260px) minmax(0,1fr) clamp(180px,16vw,260px);gap:12px;width:100vw;height:100vh;padding:10px;display:grid}.canvas-shell{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.hud-side{box-sizing:border-box;color:#fff;text-transform:uppercase;letter-spacing:.8px;height:calc(100vh - 20px);image-rendering:pixelated;background:#000;padding:16px 14px;font-family:"Press Start 2P",monospace;font-size:clamp(13px,1.15vw,17px);line-height:1.65;overflow:auto}.hud-title{margin-bottom:14px;font-size:clamp(22px,2vw,30px)}.hud-score{word-break:break-all;margin-bottom:16px;font-size:clamp(30px,3vw,46px);line-height:1.2}.hud-block{margin-bottom:18px}.hud-rules .hud-line{margin-bottom:6px}.hud-progress-track{background:#1e1e1e;width:100%;height:16px}.hud-progress-fill{background:#fff;height:100%}canvas{border:2px solid #181d2b;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 20px);display:block;box-shadow:0 0 0 4px #0b0f18}.game-start-overlay{color:#fff;z-index:4;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-family:"Press Start 2P",monospace;display:flex;position:absolute;inset:0}.game-start-overlay.is-hidden{display:none}.game-start-title{letter-spacing:2px;font-size:clamp(20px,2.2vw,34px)}.game-start-action{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #fff;padding:14px 22px;font-size:clamp(16px,1.4vw,22px)}.game-start-action:focus-visible{outline-offset:4px;outline:3px solid #fff}.game-start-hint{font-size:clamp(11px,1vw,14px)}.game-pause-overlay{color:#fff;letter-spacing:1.5px;z-index:3;background:#000000c7;border:2px solid #fff;padding:12px 20px;font-family:"Press Start 2P",monospace;font-size:clamp(14px,1.3vw,20px);display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-pause-overlay.is-visible{display:block}
