:root,html[data-theme=light]{--text-1: #14181f;--text-2: #4b5563;--text-3: #8b94a3;--text-4: #ffffff;--text-5: #0f6fff;--text-6: #b4232c;--bg-1: #f5f7fa;--bg-2: #ffffff;--bg-3: #e6eaf0;--bg-4: #0f6fff;--bg-5: #14181f;--bg-6: rgba(20, 24, 31, .55)}:root,html[data-theme=light]{--scene-sky: #cfe3f5;--scene-ground: #6f7b62;--scene-road: #4a4f55;--scene-sidewalk: #b9b7ae;--scene-wall: #d8cdbb;--scene-roof: #8c4a3a;--scene-wood: #6b4a2f;--scene-leaf: #3f7a3a;--scene-metal: #7c8894;--scene-water: #2f7fb5;--scene-bird: #c9ccd2;--scene-danger: #9b2c2c}:root,html[data-theme=light]{--fish-whale: #4b6b8a;--fish-flying: #1f6fe0;--fish-puffer: #c8922f;--fish-gold: #f0b429;--glass: #cfe8ff}:root,html[data-theme=light]{--fish-piranha: #8d5a4a}html[data-theme=dark]{--text-1: #eef2f8;--text-2: #a8b2c1;--text-3: #6b7484;--text-4: #0b0e13;--text-5: #5aa2ff;--text-6: #ff6b73;--bg-1: #0b0e13;--bg-2: #151a22;--bg-3: #222a35;--bg-4: #5aa2ff;--bg-5: #eef2f8;--bg-6: rgba(0, 0, 0, .62)}html[data-theme=dark]{--scene-sky: #101b26;--scene-ground: #2b3328;--scene-road: #24272b;--scene-sidewalk: #43474b;--scene-wall: #4a4338;--scene-roof: #472620;--scene-wood: #3b2a1c;--scene-leaf: #1f4020;--scene-metal: #3f4750;--scene-water: #14456a;--scene-bird: #6b7079;--scene-danger: #b23b3b}html[data-theme=dark]{--fish-whale: #5b7fa3;--fish-flying: #4b93ff;--fish-puffer: #d8a441;--fish-gold: #ffc53d;--glass: #8fb6d8}html[data-theme=dark]{--fish-piranha: #a56b57}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg-1);color:var(--text-1);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app{position:fixed;inset:0}#game-canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--bg-6);padding:calc(env(safe-area-inset-top) + 24px) calc(env(safe-area-inset-right) + 24px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 24px);z-index:10}.overlay[hidden]{display:none}.panel{background:var(--bg-2);border-radius:20px;padding:36px 44px;max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.panel__title{margin:0;font-size:34px;color:var(--text-1)}.panel__sub{margin:0;font-size:17px;color:var(--text-2)}.panel__hint{margin:0;font-size:14px;color:var(--text-3)}.btn{min-height:56px;min-width:220px;padding:0 32px;border:0;border-radius:28px;font-size:20px;font-weight:600;background:var(--bg-4);color:var(--text-4);cursor:pointer;touch-action:manipulation}.btn:active{opacity:.85}.icon-btn{position:fixed;top:calc(env(safe-area-inset-top) + 12px);right:calc(env(safe-area-inset-right) + 12px);width:48px;height:48px;border:0;border-radius:24px;font-size:20px;background:var(--bg-3);color:var(--text-1);cursor:pointer;z-index:20;touch-action:manipulation}.hud{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 12px);left:calc(env(safe-area-inset-left) + 16px);padding:3px 10px;border-radius:10px;background:var(--bg-2);font-size:14px;color:var(--text-3);pointer-events:none;z-index:15}.stick{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:60px;border:2px solid var(--text-3);background:var(--bg-6);pointer-events:none;z-index:15}.stick[hidden]{display:none}.stick--idle{left:calc(env(safe-area-inset-left) + 92px);top:auto;bottom:calc(env(safe-area-inset-bottom) + 92px);margin:0 0 -60px -60px;opacity:.45}.stick__knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:26px;background:var(--bg-4)}.panel--wide{width:min(880px,92vw);gap:20px}.btn--ghost{background:var(--bg-3);color:var(--text-1)}.btn--small{min-height:44px;min-width:0;padding:0 18px;font-size:16px;border-radius:22px}.btn:disabled{opacity:.55;cursor:not-allowed}.level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;width:100%;overflow-y:auto}.level-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:96px;padding:14px 16px;border:0;border-radius:16px;text-align:left;background:var(--bg-3);color:var(--text-1);cursor:pointer;touch-action:manipulation}.level-card:active{opacity:.85}.level-card--locked{cursor:not-allowed;opacity:.5}.level-card--cleared .level-card__state{color:var(--text-5)}.level-card__no{font-size:13px;color:var(--text-3)}.level-card__name{font-size:20px;font-weight:600}.level-card__state{font-size:13px;color:var(--text-3);line-height:1.35}.game-bar{position:fixed;top:calc(env(safe-area-inset-top) + 12px);left:calc(env(safe-area-inset-left) + 12px);right:calc(env(safe-area-inset-right) + 124px);display:flex;align-items:center;gap:12px;z-index:18}.game-bar__label{flex:0 1 auto;margin:0 auto;min-width:0;text-align:center;font-size:15px;padding:4px 12px;border-radius:12px;background:var(--bg-2);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.air{position:fixed;top:calc(env(safe-area-inset-top) + 56px);left:50%;transform:translate(-50%);padding:6px 16px;border-radius:16px;font-size:16px;font-weight:600;background:var(--bg-2);color:var(--text-2);pointer-events:none;z-index:16}.air--danger{color:var(--text-6)}.touch-pad{position:fixed;right:calc(env(safe-area-inset-right) + 16px);bottom:calc(env(safe-area-inset-bottom) + 16px);display:flex;gap:12px;z-index:18}.touch-btn{width:84px;height:84px;border:0;border-radius:42px;font-size:16px;font-weight:600;background:var(--bg-3);color:var(--text-1);touch-action:none}.touch-btn--on{background:var(--bg-4);color:var(--text-4)}.keys-hint{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 12px);padding:6px 14px;border-radius:14px;font-size:13px;background:var(--bg-2);color:var(--text-3);pointer-events:none;z-index:16}.keys-hint[hidden]{display:none}.panel__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.car-warning{position:fixed;top:calc(env(safe-area-inset-top) + 96px);left:50%;transform:translate(-50%);padding:6px 16px;border-radius:16px;font-size:17px;font-weight:700;background:var(--bg-2);color:var(--text-6);pointer-events:none;z-index:17;animation:warn-pulse .7s ease-in-out infinite}.car-warning[hidden]{display:none}@keyframes warn-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion: reduce){.car-warning{animation:none}}.saved-toast{position:fixed;top:calc(env(safe-area-inset-top) + 130px);left:50%;transform:translate(-50%);padding:7px 18px;border-radius:16px;font-size:16px;font-weight:600;background:var(--bg-2);color:var(--text-5);pointer-events:none;z-index:17}.saved-toast[hidden]{display:none}@media (max-height: 460px){.touch-btn{width:64px;height:64px;font-size:14px;border-radius:32px}.touch-pad{gap:9px}.stick{width:96px;height:96px;margin:-48px 0 0 -48px}.stick--idle{left:calc(env(safe-area-inset-left) + 78px);bottom:calc(env(safe-area-inset-bottom) + 74px);margin:0 0 -48px -48px}.stick__knob{width:42px;height:42px;margin:-21px 0 0 -21px}.game-bar{top:calc(env(safe-area-inset-top) + 8px)}.game-bar__label{font-size:13px;padding:3px 9px}.btn--small{min-height:38px;font-size:14px;padding:0 14px}.icon-btn{width:40px;height:40px}.air{top:calc(env(safe-area-inset-top) + 46px);font-size:14px;padding:4px 12px}.car-warning{top:calc(env(safe-area-inset-top) + 78px);font-size:15px}.saved-toast{top:calc(env(safe-area-inset-top) + 108px);font-size:14px}.panel{padding:18px 24px;gap:10px}.panel__title{font-size:24px}.btn{min-height:44px;font-size:16px;min-width:160px}.level-card{min-height:74px;padding:10px 12px}.level-card__name{font-size:17px}}.icon-btn--second{right:calc(env(safe-area-inset-right) + 68px)}@media (max-height: 460px){.icon-btn--second{right:calc(env(safe-area-inset-right) + 56px)}}.bubbles{position:fixed;top:calc(env(safe-area-inset-top) + 72px);right:calc(env(safe-area-inset-right) + 16px);padding:4px 12px;border-radius:12px;font-size:14px;font-weight:600;background:var(--bg-2);color:var(--text-2);pointer-events:none;z-index:16}@media (max-height: 460px){.bubbles{top:calc(env(safe-area-inset-top) + 54px);font-size:12px;padding:3px 9px}}.panel--story{max-width:min(560px,86vw)}.story-body{white-space:pre-line;line-height:1.7;text-align:left}@media (max-height: 460px){.game-bar{right:calc(env(safe-area-inset-right) + 104px)}}.icon-btn{display:inline-flex;align-items:center;justify-content:center}.chapter-head{grid-column:1 / -1;margin:6px 0 0;font-size:15px;font-weight:700;color:var(--text-3);text-align:left}.level-card__who{font-size:12px;color:var(--text-5)}.star-list{list-style:none;margin:0;padding:0;text-align:left;font-size:15px;line-height:1.8}.star-on{color:var(--text-5);font-weight:600}.star-off{color:var(--text-3)}.gull-meter{position:fixed;top:calc(env(safe-area-inset-top) + 104px);right:calc(env(safe-area-inset-right) + 16px);width:120px;height:22px;border-radius:11px;background:var(--bg-2);overflow:hidden;pointer-events:none;z-index:16}.gull-meter[hidden]{display:none}.gull-meter__label{position:absolute;left:8px;top:2px;font-size:12px;color:var(--text-2);z-index:1}.gull-meter__fill{height:100%;transition:width .15s linear;opacity:.85}.gull-meter__fill[data-level=g]{background:var(--bg-4);opacity:.35}.gull-meter__fill[data-level=y]{background:var(--bg-4);opacity:.7}.gull-meter__fill[data-level=o]{background:var(--text-6);opacity:.6}.gull-meter__fill[data-level=r]{background:var(--text-6);opacity:1}.ach-toast{top:calc(env(safe-area-inset-top) + 160px);color:var(--text-1)}@media (max-height: 460px){.gull-meter{top:calc(env(safe-area-inset-top) + 80px);width:96px}}