*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0b1020;height:100%;font-family:system-ui,Noto Sans TC,sans-serif;overflow:hidden}#game-wrap{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}#game{image-rendering:auto;background:#7ec0ee;max-width:100%;max-height:100%;box-shadow:0 10px 40px #00000080}#hud{color:#fff;text-shadow:0 2px 4px #00000080;pointer-events:none;gap:18px;font-size:22px;font-weight:700;display:flex;position:absolute;top:14px;left:16px}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#080c1cb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay.hidden{display:none}.panel{text-align:center;background:#fff;border-radius:18px;max-width:440px;padding:32px 36px;box-shadow:0 20px 60px #0006}.panel h1{color:#7c3aed;margin-bottom:12px;font-size:30px}.panel p{color:#334155;margin:8px 0;line-height:1.6}.panel .keys{color:#64748b;font-size:14px}.panel button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:999px;margin-top:18px;padding:12px 32px;font-size:18px;font-weight:700}.panel button:hover{background:#6d28d9}#touch{z-index:10;pointer-events:none;display:none;position:absolute;inset:0}#touch .pad{gap:14px;display:flex;position:absolute;bottom:22px;left:18px}#touch .jump{position:absolute;bottom:22px;right:22px}.tbtn{pointer-events:auto;color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;background:#7c3aedbf;border:3px solid #fff9;border-radius:50%;width:70px;height:70px;font-size:26px;font-weight:700}.tbtn.jump{background:#ec4899cc;width:88px;height:88px}@media (hover:none) and (pointer:coarse){#touch{display:block}}