:root{color-scheme:dark;font-family:ui-rounded,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:#091520;color:#f1f6e9;--mint:#8ae0bc;--gold:#f6cd69}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{touch-action:manipulation;user-select:none;-webkit-user-select:none}button{font:inherit;cursor:pointer;color:inherit;border:0;touch-action:none}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:default}#app{height:100svh;max-width:1440px;margin:auto;display:flex;flex-direction:column;background:#102433;position:relative;padding-top:env(safe-area-inset-top);overflow:hidden}#hud{height:64px;display:flex;align-items:center;padding:8px 24px;gap:14px;flex-shrink:0;border-bottom:1px solid #ffffff10}.place{display:flex;flex-direction:column;gap:3px;margin-right:auto}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--mint)}#region-name{font-size:20px}#cores{color:var(--gold);font-weight:850;font-size:16px;white-space:nowrap}.small-button{min-width:42px;height:38px;padding:7px 10px;border:1px solid #ffffff22;background:#ffffff08;border-radius:11px;font-size:15px}#pause{font-size:20px}#vitals{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:3px 24px;max-width:680px;width:100%;margin:auto;padding:7px 24px 9px;flex-shrink:0;background:#102433}.stat{display:flex;align-items:center;gap:9px;font-size:14px;white-space:nowrap}.stat span{color:#adbec4}.stat b{font-size:16px;color:#f39b91;letter-spacing:1px}#hunger{color:#e8ce91;font-size:15px;letter-spacing:0}.gear{font-size:13px;color:#bfd3d2;white-space:nowrap}.gear.low{color:#ffa694}#eat{height:32px;padding:6px 11px;border-radius:8px;background:#375647;font-size:14px;color:#dff4ce}#viewport{flex:1;position:relative;min-height:0;overflow:hidden;background:#194b5e}canvas{display:block;width:100%;height:100%;touch-action:none}#toast{position:absolute;left:50%;top:15px;transform:translateX(-50%);max-width:92%;width:max-content;padding:10px 16px;border-radius:12px;background:#102536ef;border:1px solid #8ae0bc66;color:#effbdc;font-size:14px;line-height:1.5;pointer-events:none;text-align:center;opacity:0;transition:opacity .15s}#toast.show{opacity:1}#hint{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);padding:8px 14px;background:#102536de;border-radius:10px;max-width:90%;width:max-content;text-align:center;font-size:14px;line-height:1.5;pointer-events:none}#hint:empty{display:none}#interact{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);max-width:94%;width:max-content;min-height:44px;padding:11px 20px;border-radius:12px;background:#eef1cb;color:#24443c;font-size:14px;font-weight:850;box-shadow:0 3px 0 #8eac85}#interact[hidden]{display:none}#respawn{position:absolute;inset:0;background:#091e2c80;backdrop-filter:blur(3px);display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;font-size:15px}#respawn[hidden]{display:none}#respawn strong{font-size:28px}#boss-hud{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:min(420px,88%);padding:9px 13px;background:#312e45e8;border-radius:12px;border:1px solid #f6cd6944;z-index:2}#boss-hud>div{display:flex;justify-content:space-between;gap:8px;font-size:13px}#boss-phase{color:#f6cd69}progress{width:100%;height:10px;margin-top:6px;accent-color:#ef916f;display:block}#boss-hud:not([hidden])~#toast{top:78px}#controls{height:104px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 25px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #ffffff10}.direction,.combat{display:flex;gap:12px}#controls button{height:70px;width:73px;border:1px solid #ffffff20;border-bottom:5px solid #081724;border-radius:18px;background:#294858;font-weight:800;font-size:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;touch-action:none}#controls button small{font-size:14px;line-height:1.2}#controls button.held{transform:translateY(3px);border-bottom-width:2px;filter:brightness(1.25)}#controls .guard{background:#396776;border-bottom-color:#174350}#controls .attack{background:#bc8866;border-bottom-color:#805436}#controls .jump{background:#f2cc71;color:#233f42;border-bottom-color:#ae8a3e;width:86px}.control-note{text-align:center;color:#87a0ad;font-size:14px;line-height:1.8}.control-note small{display:block;font-size:12px}.overlay{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;background:#071721db;backdrop-filter:blur(7px);padding:24px;overflow-y:auto;touch-action:pan-y}.overlay:empty{display:none}.overlay.home{background:linear-gradient(90deg,#091a26e8,#102b3c88),url('title-art.png') center/cover;backdrop-filter:none;justify-content:flex-start;padding-left:9%}.home-panel{max-width:550px}.version{display:inline-block;background:#9be1bd;color:#193c39;border-radius:5px;font-size:13px;font-weight:900;padding:5px 9px;margin-left:9px;letter-spacing:0}.home-panel h1{font-size:clamp(40px,6vw,78px);font-weight:950;line-height:1.2;letter-spacing:3px;margin:20px 0 14px;text-shadow:0 4px 0 #102b40}.home-panel h1 span{display:block;color:var(--gold);font-size:.56em;letter-spacing:5px;margin-top:8px}.home-panel p{color:#d4e7e9;font-size:17px;line-height:1.9;margin:18px 0 24px}.home-panel .footer{font-size:13px;color:#bad0d7;margin-top:22px;line-height:1.9}.actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.home-panel .actions{justify-content:flex-start}.primary{background:var(--gold);color:#203d43;min-height:49px;padding:13px 22px;border-radius:12px;font-weight:850;font-size:16px;box-shadow:0 3px 0 #a58032}.secondary{background:#ffffff09;border:1px solid #a6c6cd44;min-height:46px;padding:12px 18px;border-radius:12px;font-size:15px}.panel{width:min(560px,100%);padding:30px;background:#152f40;border:1px solid #a6c6cd44;border-radius:22px;box-shadow:0 20px 90px #0005;text-align:center;max-height:100%;overflow-y:auto;touch-action:pan-y}.panel h2{font-size:29px;margin:10px 0 12px}.panel p{font-size:15px;line-height:1.8;color:#c4d6da}.panel .actions{margin-top:22px}.help-lines{text-align:left;font-size:15px;line-height:1.7;color:#d3e4e2}.help-lines p{margin:14px 0}.map-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.island{display:flex;align-items:center;gap:10px;text-align:left;padding:14px 12px;min-height:75px;border:1px solid #699b9d55;border-radius:13px;background:#244857}.island .number{font-size:25px;color:var(--gold);font-weight:800}.island b{display:block;font-size:15px}.island small{display:block;color:#a8cacc;font-size:12px;margin-top:5px}.island.found{border-color:#84d6ac;background:#285546}.island.boss{grid-column:span 2;background:#593c42;border-color:#bc835966}.map-top{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.map-top .secondary{font-size:14px}.toast-note{font-size:13px!important;color:#afc8cf!important}.medal{font-size:55px;color:var(--gold)}a{color:var(--mint)}@media(max-width:600px){#hud{height:60px;padding:7px 12px;gap:8px}#region-name{font-size:17px}.eyebrow{font-size:10px;letter-spacing:1px}#cores{font-size:14px}.small-button{min-width:35px;padding:6px 8px;font-size:14px}#vitals{padding:6px 13px 8px;gap:4px 12px}.stat{font-size:12px;gap:6px}.stat b{font-size:14px;letter-spacing:0}#hunger{font-size:14px}.gear{font-size:12px}#eat{font-size:12px;padding:5px 8px}#controls{height:103px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:8px}.direction,.combat{gap:6px}#controls button{width:53px;height:69px;border-radius:15px;font-size:23px}#controls .guard,#controls .attack{width:53px}#controls .jump{width:64px}.control-note{display:none}.overlay{padding:16px}.overlay.home{justify-content:center;align-items:flex-end;padding:25px;background-image:linear-gradient(0deg,#091b27ee,#10273980),url('title-art.png')}.home-panel{width:100%;padding-bottom:12px}.home-panel h1{font-size:49px}.home-panel .eyebrow{font-size:12px}.home-panel p{font-size:16px}.home-panel .footer{font-size:12px}.panel{padding:24px 18px}.map-grid{gap:8px}.island{padding:12px 9px}.island b{font-size:14px}.island .number{font-size:23px}.panel h2{font-size:25px}}@media(max-width:350px){#controls button,#controls .guard,#controls .attack{width:49px}#controls .jump{width:60px}#controls{padding-left:10px;padding-right:10px}#vitals{gap:4px 6px;padding-left:10px;padding-right:10px}.stat{gap:3px}.stat b{font-size:12px}.home-panel h1{font-size:42px}.home-panel p{font-size:15px}.home-panel .actions{gap:9px}.home-panel .secondary{padding:11px 13px}.home-panel .footer{margin-top:13px}}@media(orientation:landscape) and (max-height:560px){#hud{height:42px;padding:3px 18px}.place{flex-direction:row;align-items:center;gap:12px}#region-name{font-size:16px}#vitals{max-width:none;padding:4px 20px;height:36px;display:flex;gap:20px;justify-content:space-between}.stat{font-size:12px}.stat b{font-size:13px}.gear{font-size:12px}#eat{height:28px}#controls{height:77px;padding:6px 20px}#controls button{height:61px;width:70px;border-radius:16px}#controls .jump{width:82px}.control-note{display:none}.direction,.combat{gap:10px}.overlay.home{padding:18px 8%;align-items:center}.home-panel h1{font-size:39px;margin:8px 0}.home-panel h1 span{display:inline;font-size:.54em;letter-spacing:2px;margin-left:10px}.home-panel p{font-size:14px;line-height:1.7;margin:9px 0 14px}.home-panel .footer{margin-top:10px;font-size:12px}.panel{padding:18px}.panel h2{font-size:24px;margin:6px 0}.panel p{margin:9px 0}.panel .actions{margin-top:12px}.map-grid{margin:12px 0}.island{min-height:64px}.medal{font-size:36px}#boss-hud{top:6px;padding:6px 10px}#interact{bottom:8px;min-height:37px;padding:8px 15px}#hint{bottom:51px;font-size:13px}}