:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1220;--panel:#1a1f35;--accent:#ff6b4a;--text:#f4f6ff;--muted:#9aa3c7;--btn:#2a3358;--btn-active:#3d4a7a;--pad-size:clamp(2.6rem, 11vw, 4.25rem);--pad-gap:clamp(.28rem, 1.2vw, .45rem);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:radial-gradient(ellipse at top, #1b2140, var(--bg));min-height:100dvh;color:var(--text);margin:0}#app{max-width:1000px;padding:12px 12px calc(12px + var(--safe-bottom));flex-direction:column;gap:10px;min-height:100dvh;margin:0 auto;display:flex}.topbar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.topbar h1{letter-spacing:.04em;margin:0;font-size:clamp(1.05rem,3.5vw,1.35rem)}.hud{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:clamp(.8rem,2.8vw,.95rem);display:flex}#game{width:100%;height:auto;max-height:min(56dvh,540px);image-rendering:pixelated;touch-action:none;object-fit:contain;background:#87ceeb;border:2px solid #2d365e;border-radius:12px;flex:0 auto;display:block;box-shadow:0 12px 40px #00000059}.hint{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.touch{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;max-width:100%;padding:.35rem max(.4rem, var(--safe-right)) max(.5rem, var(--safe-bottom)) max(.4rem, var(--safe-left));flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:clamp(.5rem,3vw,1.5rem);display:none}.pad{gap:var(--pad-gap);flex:none;display:grid}.d-pad{grid-template-columns:repeat(3, var(--pad-size));grid-template-rows:repeat(3, var(--pad-size))}.face-pad{grid-template-columns:repeat(2, var(--pad-size));grid-template-rows:repeat(2, var(--pad-size))}.pad-btn{width:var(--pad-size);height:var(--pad-size);background:var(--btn);color:var(--text);border:2px solid #1a2038;border-radius:50%;place-items:center;margin:0;padding:0;font-size:clamp(.85rem,3.6vw,1.2rem);font-weight:800;line-height:1;display:grid;box-shadow:0 3px #151a2c,0 6px 14px #00000059}.pad-btn.ghost{visibility:hidden;pointer-events:none;box-shadow:none;background:0 0;border:none}.pad-btn.pad-down{border-radius:18%;font-size:clamp(.75rem,3.2vw,1.05rem)}.pad-btn.jump{background:var(--accent);color:#1a1020;font-size:clamp(.95rem,4vw,1.25rem)}.pad-btn.sprint{background:#2f8f5b}.pad-btn.fire{background:#d4552a}.pad-btn:active,.pad-btn.active{filter:brightness(1.08);transform:translateY(2px)scale(.96);box-shadow:0 1px #151a2c,0 3px 8px #0000004d}.overlay{padding:max(16px, var(--safe-left)) max(16px, var(--safe-right));z-index:20;background:#080a14b8;place-items:center;display:grid;position:fixed;inset:0}.overlay.hidden{display:none}.panel{background:var(--panel);text-align:center;border:1px solid #33406f;border-radius:16px;width:100%;max-width:360px;padding:24px;box-shadow:0 20px 60px #00000073}.panel h2{margin:0 0 8px}.panel p{color:var(--muted);margin:0 0 18px}.panel button{background:var(--accent);color:#1a1020;cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-size:1rem;font-weight:700}@media (width<=820px),(pointer:coarse){.touch{display:flex}.desktop-hint{display:none}#app{padding-top:max(8px, env(safe-area-inset-top,0px));gap:6px}#game{border-radius:8px;max-height:min(48dvh,100dvh - 11rem)}}@media (width<=920px) and (orientation:landscape),(pointer:coarse) and (orientation:landscape){:root{--pad-size:clamp(2.2rem, 9.5vh, 3.4rem);--pad-gap:.25rem}#app{padding-top:4px;padding-bottom:max(4px, var(--safe-bottom));gap:4px}.topbar h1{font-size:1rem}#game{max-height:min(58dvh,100dvh - 7.5rem)}.touch{padding-top:0}}@media (width<=380px){:root{--pad-size:clamp(2.35rem, 14vw, 3.1rem)}}