:root{color-scheme:dark;font-family:ui-rounded,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#f5f3df;background:#091520;font-synthesis:none;--gold:#f6cd69;--mint:#8ae0bc}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none;overflow:hidden}body{touch-action:none;user-select:none;-webkit-user-select:none}button{font:inherit;cursor:pointer;color:inherit;touch-action:none;border:0}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.38;cursor:default}#app{height:100dvh;height:100svh;max-width:1400px;margin:auto;display:flex;flex-direction:column;position:relative;background:#101e2c;padding-top:env(safe-area-inset-top);overflow:hidden}#hud{height:80px;flex-shrink:0;display:flex;align-items:center;padding:10px 28px;gap:24px;border-bottom:1px solid #ffffff12;z-index:2;background:#101e2c}.level-block{display:flex;flex-direction:column;gap:4px;margin-right:auto}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--mint)}#level-name{font-size:21px;font-weight:850}#inventory{display:flex;gap:20px;font-weight:750;font-size:16px;color:var(--gold)}#key{color:#96aaa9}#key.found{color:var(--mint)}.icon-button{width:44px;height:44px;border:1px solid #ffffff23;border-radius:13px;background:#ffffff07;font-size:22px}#viewport{flex:1;position:relative;min-height:0;overflow:hidden;background:#143c50}canvas{display:block;width:100%;height:100%;touch-action:none}#toast{position:absolute;top:20px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#102332e8;border:1px solid #8ae0bc66;border-radius:30px;font-size:15px;font-weight:700;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}#hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;border-radius:10px;padding:8px 15px;background:#091d2bcb;font-size:14px;line-height:1.5;color:#e5f4ed;pointer-events:none;text-align:center}#hint:empty{display:none}#respawn{position:absolute;inset:0;place-content:center;text-align:center;background:#0c1c2950;font-size:28px;font-weight:850;backdrop-filter:blur(2px)}#respawn:not([hidden]){display:grid}#respawn small{font-size:15px;font-weight:500;margin-top:10px}#controls{height:118px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 32px calc(13px + env(safe-area-inset-bottom));background:#101e2c;border-top:1px solid #ffffff12}.direction{display:flex;gap:14px}#controls button{height:72px;width:78px;background:#233b4a;border:1px solid #ffffff18;border-bottom:5px solid #0b1722;border-radius:20px;font-weight:800;font-size:24px;display:flex;align-items:center;justify-content:center;transition:background .08s,transform .08s}#controls button.held{transform:translateY(3px);border-bottom-width:2px;background:#456e79}#controls .jump{width:108px;background:var(--gold);color:#243742;border-bottom-color:#b48d34;gap:4px}.jump span{font-size:32px}.jump small{font-size:15px}#controls .jump.held{background:#ffe39c}.control-note{text-align:center;color:#a0b4bd;font-size:14px;line-height:1.7}.control-note span{font-weight:800;letter-spacing:4px;color:#6c8792}.control-note small{display:block;font-size:12px}.overlay{position:absolute;inset:0;z-index:5;background:#091522c9;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;touch-action:pan-y;backdrop-filter:blur(8px)}.overlay:empty{display:none}.overlay.home{background:linear-gradient(90deg,#081823e8 0%,#0c1c2c90 50%,#0b1e3040),url('title-art.png') center/cover no-repeat;backdrop-filter:none;justify-content:flex-start;padding-left:9%}.home-panel{max-width:520px;padding:24px 0}.home-panel .eyebrow{color:#d5efe4;letter-spacing:5px}.home-panel h1{font-size:clamp(46px,6.5vw,82px);letter-spacing:3px;line-height:1.13;margin:24px 0 12px;text-shadow:0 5px 0 #0b2038;font-weight:950}.home-panel h1 span{color:var(--gold);font-size:.61em;display:block;margin-top:10px;letter-spacing:8px}.home-panel p{color:#d7e5e9;line-height:1.9;font-size:17px;max-width:350px;margin:20px 0 27px}.home-badge{display:inline-flex;gap:9px;align-items:center;border:1px solid #e8f1db44;padding:8px 13px;border-radius:5px;font-size:13px;color:#ecf0d5;background:#10202d60}.primary{background:var(--gold);color:#243341;border-radius:13px;min-height:52px;padding:14px 25px;font-weight:850;box-shadow:0 4px 0 #a37b2d;font-size:17px}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #a37b2d}.secondary{background:#ffffff09;border:1px solid #8aa5ac50;color:#e5eff0;min-height:48px;padding:12px 20px;border-radius:13px;font-size:15px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.home-footer{font-size:13px;color:#c4d6de;margin-top:23px;line-height:1.8}.gift{color:#ffe2a2;margin-top:30px;font-size:14px;letter-spacing:1px}.panel{width:min(510px,100%);background:#142b3b;border:1px solid #749f9b55;border-radius:24px;padding:32px;text-align:center;box-shadow:0 20px 100px #0007}.panel h2{font-size:30px;margin:12px 0}.panel p{font-size:16px;color:#bcd2d9;line-height:1.8}.panel .actions{justify-content:center;margin-top:24px}.medal{font-size:54px;color:var(--gold);line-height:1.2}.score-row{display:flex;justify-content:center;gap:24px;margin:24px 0;color:#d2e4e4;font-size:15px}.score-row strong{display:block;font-size:26px;color:var(--gold);margin-bottom:5px}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}.level-tile{background:#264251;border:1px solid #52767855;border-radius:14px;min-height:90px;padding:12px 5px}.level-tile strong{display:block;font-size:25px}.level-tile small{font-size:12px;display:block;color:var(--gold);margin-top:5px}.level-tile.current{border:2px solid var(--gold)}.map-panel{width:min(560px,100%)}.help-lines{text-align:left;color:#d5e3e5;line-height:1.8;font-size:15px}.help-lines p{margin:12px 0}.sound-row{display:flex;gap:8px;justify-content:center;margin-top:15px}.home-panel .secondary{background:#112738b0} @media(max-width:600px){#hud{height:74px;padding:10px 15px;gap:10px}#level-name{font-size:18px}.eyebrow{font-size:11px;letter-spacing:1px}#inventory{font-size:13px;gap:9px;flex-direction:column;align-items:flex-end}#controls{height:122px;padding:12px 18px calc(12px + env(safe-area-inset-bottom))}#controls button{height:72px;width:73px;border-radius:20px}.direction{gap:10px}#controls .jump{width:96px}.control-note{display:none}.overlay{padding:18px}.overlay.home{padding:24px;background-image:linear-gradient(0deg,#081623e8,#0d233488 67%,#0d233440),url('title-art.png');align-items:flex-end;justify-content:center}.home-panel{padding:15px 4px;max-width:430px;width:100%}.home-panel h1{font-size:55px;margin-top:22px}.home-panel p{font-size:16px;line-height:1.7;margin:19px 0}.home-panel .eyebrow{font-size:12px;letter-spacing:3px}.gift{margin-top:23px;font-size:13px}.panel{padding:26px 20px}.panel h2{font-size:27px}.level-grid{gap:9px}.level-tile{min-height:80px}.score-row{gap:22px}}@media(orientation:landscape) and (max-height:560px){#hud{height:54px;padding:4px 20px}.level-block{flex-direction:row;align-items:center;gap:12px}#level-name{font-size:17px}#inventory{flex-direction:row}#controls{height:86px;padding:6px 25px calc(6px + env(safe-area-inset-bottom))}#controls button{height:62px;width:76px}#controls .jump{width:100px}.control-note{display:block}.overlay.home{padding:18px 8%;align-items:center}.home-panel{padding:0;max-width:520px}.home-panel h1{font-size:43px;margin:12px 0 8px}.home-panel h1 span{display:inline;margin-left:10px;letter-spacing:3px}.home-panel p{margin:10px 0 15px;font-size:14px;max-width:410px}.home-badge,.gift,.home-footer{font-size:12px;margin-top:12px}.panel{padding:20px;max-height:96%;overflow-y:auto}.panel h2{font-size:25px;margin:5px}.panel p{margin:8px 0}.medal{font-size:35px}.score-row{margin:12px}.panel .actions{margin-top:15px}.level-grid{margin:14px 0}.level-tile{min-height:65px}}