*{box-sizing:border-box}body{margin:0;background:#17151d;color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.hud{height:70px;background:#24212b;display:flex;align-items:center;gap:20px;padding:0 22px;box-shadow:0 4px 20px #0008;position:relative;z-index:5}.brand{font-weight:900;font-size:23px;letter-spacing:1px;color:#ffd66b}.stats{display:flex;gap:18px;flex:1;justify-content:center;font-size:15px}.stats span{background:#302c38;border:1px solid #4b4556;padding:8px 13px;border-radius:12px}.stats b{color:#ffd66b}#restart{border:0;background:#ff9f43;color:#20160d;font-weight:800;padding:10px 16px;border-radius:11px;cursor:pointer}.game-wrap{position:relative;height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;background:linear-gradient(#15131a,#211e27)}canvas{width:min(1100px,100vw);height:auto;max-height:calc(100vh - 95px);object-fit:contain;border-radius:16px;box-shadow:0 10px 45px #000b}.message{position:absolute;top:18px;background:#17151dcc;border:1px solid #ffffff22;padding:9px 16px;border-radius:30px;font-size:14px;pointer-events:none}.controls{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px}.keys{background:#17151dcc;padding:8px 12px;border-radius:12px;font-size:12px;display:flex;gap:15px}.keys kbd{background:#393541;padding:4px 7px;border-radius:5px;margin:0 2px;border-bottom:2px solid #17151d}.touch{display:none}.touch button{width:45px;height:40px;margin:2px;border:0;border-radius:10px;background:#ffffff22;color:#fff;font-size:19px}@media(max-width:700px){.hud{height:58px;padding:0 9px}.brand{font-size:16px}.stats{gap:5px;font-size:11px}.stats span{padding:6px}.hud button{font-size:11px;padding:8px}.keys{display:none}.touch{display:block;text-align:center}.game-wrap{height:calc(100vh - 58px)}canvas{border-radius:0}.message{top:8px;font-size:11px}.controls{bottom:5px}}