*{box-sizing:border-box;margin:0;padding:0}html,body{background:#05070f;height:100%;font-family:system-ui,Noto Sans TC,sans-serif;overflow:hidden}#wrap{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}#game{touch-action:none;background:#0a1530;max-width:100%;max-height:100%;box-shadow:0 0 60px #3c78ff40}#hud{color:#cfe0ff;text-shadow:0 2px 4px #000;pointer-events:none;justify-content:space-between;padding:0 18px;font-size:16px;font-weight:700;display:flex;position:absolute;top:12px;left:0;right:0}#hud b{color:#fff}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#05070fcc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay.hidden{display:none}.panel{text-align:center;color:#dbe6ff;background:#0f1e44;border:1px solid #2a4a8f;border-radius:18px;max-width:400px;padding:30px 34px;box-shadow:0 20px 60px #00000080}.panel h1{color:#6ea8ff;margin-bottom:12px;font-size:28px}.panel p{color:#aebfe0;margin:8px 0;font-size:15px;line-height:1.6}.panel .keys{color:#7f93bf;font-size:13px}.panel button{color:#05070f;cursor:pointer;background:#6ea8ff;border:none;border-radius:999px;margin-top:16px;padding:12px 40px;font-size:18px;font-weight:700}.panel button:hover{background:#8bbcff}