:root{--bg: #05060f;--cyan: #4ff0ff;--pink: #ff4fd8;--purple: #8a5cff;--text: #eaf6ff;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}body{background:var(--bg);color:var(--text);font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}#game{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.hud{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;padding:16px 20px;pointer-events:none;font-variant-numeric:tabular-nums}.hud-item{display:flex;flex-direction:column;gap:2px;padding:8px 14px;border-radius:12px;background:#0a10208c;border:1px solid rgba(79,240,255,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-item:last-child{align-items:flex-end}.hud-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#eaf6ff8c}.hud-value{font-size:20px;font-weight:700;color:var(--cyan);text-shadow:0 0 12px rgba(79,240,255,.7)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 45%,#8a5cff38,#05060feb 70%);transition:opacity .25s ease;z-index:10}.overlay.hidden{opacity:0;pointer-events:none}.panel{width:min(480px,100%);text-align:center;padding:32px 28px;border-radius:20px;background:#0a0e1cb8;border:1px solid rgba(79,240,255,.3);box-shadow:0 0 60px #4ff0ff26,inset 0 0 40px #8a5cff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel h1{font-size:clamp(26px,7vw,40px);letter-spacing:.14em;background:linear-gradient(90deg,var(--cyan),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px}.panel p{font-size:14px;line-height:1.7;color:#eaf6ffc7;margin-bottom:22px}.panel .hint{font-size:12px;margin:16px 0 0;color:#eaf6ff73}#start-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:14px 40px;font-size:16px;font-weight:700;letter-spacing:.1em;color:#04121a;border-radius:999px;background:linear-gradient(90deg,var(--cyan),#7affd6);box-shadow:0 0 24px #4ff0ff8c;transition:transform .15s ease,box-shadow .15s ease}#start-btn:hover{transform:translateY(-2px);box-shadow:0 0 34px #4ff0ffcc}#start-btn:active{transform:translateY(0)}