:root{color:#e8f7ff;background:#07111f;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 10%,rgba(58,120,255,.18),transparent 36rem),linear-gradient(180deg,#08182b,#06101d)}button{border:0;border-radius:8px;color:#06101d;background:#67e8f9;padding:.78rem 1.05rem;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 0 24px #67e8f940}button:disabled{cursor:not-allowed;opacity:.45}button.secondary{color:#e8f7ff;background:#ffffff21;box-shadow:none}.app-shell{width:min(100vw,1040px);min-height:100vh;margin:0 auto;padding:24px;display:grid;grid-template-columns:minmax(320px,680px) 220px;gap:18px;align-items:center;justify-content:center}.game-stage{position:relative;overflow:hidden;min-height:min(86vh,760px);border:1px solid rgba(180,226,255,.2);border-radius:8px;background:#07111f;box-shadow:0 24px 70px #0000006b}.game-canvas{position:absolute;inset:0}.game-canvas canvas{display:block}.hud{position:absolute;z-index:3;left:14px;right:14px;pointer-events:none}.hud-top{top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hud-top div,.side-panel,.menu-panel{border:1px solid rgba(180,226,255,.18);background:#06101dbd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-top div{border-radius:8px;padding:8px 10px}.hud span,.label{display:block;color:#9fc8da;font-size:.74rem}.hud strong{display:block;min-height:1.35rem;color:#fff;font-size:1.05rem}.hud-bottom{bottom:14px;display:grid;gap:8px}.hud-bottom p{margin:0;color:#d7f8ff;font-size:.82rem;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.8)}.meter{width:min(260px,78%);height:8px;margin:0 auto;overflow:hidden;border-radius:999px;background:#ffffff24}.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#67e8f9,#a78bfa)}.menu-panel{position:absolute;z-index:4;left:50%;top:50%;width:min(86%,360px);transform:translate(-50%,-50%);border-radius:8px;padding:24px;text-align:center;box-shadow:0 22px 60px #0000006b}.eyebrow{margin:0 0 8px;color:#67e8f9;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,6vw,3.25rem)}.menu-copy{color:#c5dfec;line-height:1.6}.button-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.side-panel{display:grid;gap:16px;border-radius:8px;padding:18px}.side-panel strong{display:block;margin-top:4px;font-size:1.4rem}.wide{width:100%}@media(max-width:820px){.app-shell{min-height:100vh;padding:12px;grid-template-columns:1fr}.side-panel{grid-template-columns:1fr 1fr auto;align-items:center}}@media(max-width:560px){.game-stage{min-height:82vh}.hud-top{grid-template-columns:repeat(3,minmax(0,1fr))}.hud-top div{padding:7px}.side-panel{grid-template-columns:1fr}}