:root{font-family:Arial,Helvetica,sans-serif;color:#fff7e4;background:#071b23;font-synthesis:none;font-weight:500}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #fbe183;outline-offset:5px}button:disabled{opacity:.4;cursor:default}#app{position:relative;isolation:isolate;background:radial-gradient(ellipse at center,#244b51,#071b23)}#game{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#game canvas{display:block;width:100%!important;height:100%!important}#ui{position:absolute;inset:0;pointer-events:none}#ui button,#ui select{pointer-events:auto}.screen{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:6vh 7vw;background:linear-gradient(90deg,#04181ff2,#051c1fb8 40%,#061d1e1a 75%)}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:800;text-transform:uppercase;color:#8ececa;display:flex;gap:12px;align-items:center}.flag{display:inline-block;width:22px;height:14px;background:linear-gradient(90deg,#eb5557 33%,#fff3da 33% 66%,#eb5557 66%);border-radius:2px;vertical-align:middle}.brand{font-family:Arial Black,Impact,Arial,sans-serif;font-weight:1000;font-size:clamp(60px,8.3vw,128px);line-height:.88;letter-spacing:-.065em;color:#ffce69;margin:28px 0 0;text-shadow:0 5px 0 #ad6225,0 8px 0 #052126,0 14px 25px #00171966}.brand span{display:block;color:#fff4d9;font-size:.34em;letter-spacing:-.03em;line-height:1.1;margin-top:17px;text-shadow:0 3px 0 #052126}.intro{max-width:340px;font-size:16px;line-height:1.65;color:#c5d8d4;margin:27px 0}.menu-buttons{display:flex;flex-direction:column;gap:11px;width:min(310px,100%)}.btn{border:1px solid #ffecad4d;border-radius:9px;padding:16px 23px;background:#103b3dd9;display:flex;justify-content:space-between;align-items:center;text-align:left;font-weight:800;letter-spacing:.015em;transition:transform .15s,background .15s,box-shadow .15s}.btn:hover{background:#215653;transform:translate(3px)}.btn.primary{background:#ffd16a;color:#183337;border-color:#ffe6a9;box-shadow:0 4px #b88135,0 10px 28px #0003}.btn.primary:hover{background:#ffe093}.btn small{font-size:12px;font-weight:700;opacity:.65}.menu-footer{position:absolute;bottom:30px;left:7vw;right:7vw;display:flex;justify-content:space-between;color:#afc7c5;font-size:12px;gap:10px}.menu-footer span{display:flex;align-items:center;gap:9px}.location-card{position:absolute;right:6vw;bottom:14vh;border:1px solid #fff3bd66;border-radius:10px;background:#0b3037dc;padding:18px 22px;min-width:245px;backdrop-filter:blur(10px);box-shadow:0 12px 35px #0003}.location-card small{color:#b7d9d1;font-size:11px;letter-spacing:.18em}.location-card strong{display:block;font-size:23px;margin-top:6px}.location-card p{font-size:13px;color:#bdd9d0;margin:8px 0 0}.hud{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hud-left,.hud-right{display:flex;gap:12px;align-items:center}.hud-chip{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#0a2b34ed;border:1px solid #c1e4da55;border-radius:10px;box-shadow:0 4px 16px #081e3033;min-height:52px}.avatar{width:34px;height:34px;border-radius:50%;background:#1f5b59;object-fit:cover;object-position:50% 13%}.hearts{font-size:27px;letter-spacing:3px;line-height:1;color:#ff6671;filter:drop-shadow(0 2px 0 #812b3e)}.lost{color:#56727a}.coin-mark{width:27px;height:27px;display:grid;place-items:center;border:2px solid #ffeb9a;background:#e4a131;border-radius:50%;font-size:16px;color:#855220;font-weight:900;box-shadow:0 2px #926324}.coin-value{font-size:22px;letter-spacing:.02em;min-width:36px}.hud-location small{display:block;font-size:10px;letter-spacing:.15em;color:#aad0c9}.hud-location strong{font-size:16px;display:block;margin-top:4px}.icon-btn{display:grid;place-items:center;width:50px;height:50px;border:1px solid #c1e4da55;background:#0a2b34ed;border-radius:10px;font-size:22px}.journey{position:absolute;bottom:25px;left:50%;transform:translate(-50%);width:220px;text-align:center;filter:drop-shadow(0 2px 4px #032c3c)}.journey span{display:block;font-size:10px;font-weight:800;letter-spacing:.2em;margin-bottom:7px}.journey-track{height:4px;background:#123d4e99;border-radius:3px}.journey-fill{height:100%;background:#ffe192;border-radius:3px}.power-badge{position:absolute;top:92px;left:24px;color:#c4ffe4;padding:8px 12px;border-radius:6px;background:#0b333bd9;font-size:12px}.boss-hud{position:absolute;top:93px;left:50%;transform:translate(-50%);width:240px;text-align:center;font-size:11px;letter-spacing:.12em;font-weight:700}.boss-hud div{height:8px;background:#052a34;border:1px solid #fff7;overflow:hidden;border-radius:4px;margin-top:7px}.boss-hud i{display:block;background:#f5836e;height:100%;transition:width .2s}.modal-screen{background:#061f2adb;align-items:center;backdrop-filter:blur(9px);padding:24px}.panel{position:relative;z-index:1;touch-action:pan-y;background:#10353be8;border:1px solid #96c5b85c;border-radius:16px;box-shadow:0 30px 90px #001d2e66;width:min(530px,95vw);padding:32px;max-height:94vh;overflow:auto;pointer-events:auto}.panel .eyebrow{justify-content:center}.panel h2{font-family:Arial Black,Arial,sans-serif;text-align:center;font-size:37px;letter-spacing:-.045em;margin:16px 0;color:#ffdc91}.panel p{color:#bdd7d1;line-height:1.65;text-align:center;font-size:15px}.panel .menu-buttons{width:100%;margin-top:22px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0;font-size:15px}.settings-row button{background:#21534f;border:1px solid #86b6a677;border-radius:6px;padding:10px 14px;min-width:100px;color:#ffdb83;font-size:13px;font-weight:800}.control-list{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;font-size:14px;margin:22px 0}.control-list dt{color:#bbd1cd}.control-list dd{margin:0;text-align:right;font-weight:700}.note{font-size:12px!important;color:#9fbfb9!important}.stats{display:flex;justify-content:center;gap:36px;margin:26px 0}.stats strong{display:block;color:#ffda81;font-size:30px;text-align:center}.stats span{font-size:11px;letter-spacing:.1em;color:#b5d0c8}.nathy-portrait{display:block;width:76px;height:76px;object-fit:cover;object-position:50% 7%;border-radius:50%;margin:0 auto;border:2px solid #ffdf93;background:#33736a}#toast{pointer-events:none;position:absolute;left:50%;top:22%;transform:translate(-50%,-10px);opacity:0;transition:.2s;background:#0a313bec;border:1px solid #fbd98788;border-radius:10px;padding:13px 22px;color:#fff1ce;font-size:15px;text-align:center;box-shadow:0 7px 25px #00293955;max-width:90%;z-index:5}#toast.visible{opacity:1;transform:translate(-50%)}#touch{position:absolute;inset:0;pointer-events:none;z-index:4;touch-action:none}#touch[hidden]{display:none}.touch-move,.touch-actions{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));display:flex;gap:12px}.touch-move{left:max(24px,env(safe-area-inset-left));align-items:flex-end}.touch-actions{right:max(24px,env(safe-area-inset-right));flex-direction:column;align-items:flex-end}.touch-secondary{display:flex;gap:12px}#touch button svg{width:58%;height:58%;display:block;margin:auto}#touch button{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;border:1.5px solid #f4f4d955;background:#173c4b4a;box-shadow:0 4px #06252d33;color:#fff9dd;font-size:23px;opacity:.62;pointer-events:auto;touch-action:none;user-select:none;transition:opacity .15s}#touch .run{width:54px;height:54px;margin-bottom:4px}#touch .jump{width:84px;height:84px;background:#d4a348c4}#touch .held{background:#f0c661b0;opacity:1;transform:scale(.94)}.load-screen{background:#092931;align-items:center;text-align:center}.load-screen h1{color:#ffd676;font-size:38px;letter-spacing:-.05em}.loading-track{width:250px;height:5px;background:#1e5158;border-radius:3px;overflow:hidden}.loading-track i{display:block;width:5%;height:100%;background:#ffd16a;transition:width .1s}.loading-text{font-size:12px;color:#a2c6c0;margin-top:18px}.hud-hint{position:absolute;bottom:23px;left:28px;color:#e4f0d5bb;font-size:11px;text-shadow:0 1px 4px #123e50}.hud-hint kbd{background:#0e3449aa;padding:4px 7px;border-radius:3px;font-family:inherit;color:#fff0c9}body.touch-active .hud-hint{display:none}@media(max-width:800px){.brand{font-size:74px}.screen{padding:5vh 6vw}.intro{font-size:14px;max-width:280px;margin:18px 0}.menu-buttons{width:260px;gap:9px}.btn{padding:13px 18px}.location-card{right:5vw;bottom:14vh;min-width:190px;padding:13px 17px}.location-card strong{font-size:19px}.menu-footer{bottom:17px;font-size:10px;left:6vw;right:5vw}.hud{top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));gap:8px}.hud-chip{padding:7px 11px;min-height:43px;gap:8px}.hud-left,.hud-right{gap:8px}.hearts{font-size:23px}.avatar{width:27px;height:27px}.coin-value{font-size:18px}.hud-location strong{font-size:13px}.hud-location small{font-size:9px}.icon-btn{width:43px;height:43px}.journey{bottom:19px;width:140px}.power-badge{top:70px;left:14px}.boss-hud{top:70px;width:190px}.panel{padding:23px}.panel h2{font-size:29px}}@media(max-height:550px)and (orientation:landscape){.screen{padding:5vh 7vw}.brand{font-size:68px;margin-top:14px}.brand span{margin-top:10px}.intro{font-size:13px;margin:14px 0;max-width:290px}.eyebrow{font-size:10px}.menu-buttons{gap:8px;width:255px}.btn{padding:11px 17px;font-size:14px}.menu-footer{bottom:12px}.location-card{bottom:14vh}.panel{padding:20px 28px;max-height:92vh}.panel h2{font-size:27px;margin:8px 0}.panel p{font-size:13px;margin:8px 0}.panel .menu-buttons{margin-top:12px}.control-list{gap:9px;margin:16px 0}.settings-row{margin:12px 0}.hud-hint{bottom:16px}.stats{margin:12px;gap:28px}#touch button{width:57px;height:57px}#touch .jump{width:65px;height:65px}.touch-move,.touch-actions{bottom:18px;gap:10px}.touch-secondary{gap:10px}.nathy-portrait{width:54px;height:54px}}@media(orientation:portrait)and (max-width:820px){.hud{top:max(12px,env(safe-area-inset-top))}.hud-chip{padding:6px 9px;min-height:38px;border-radius:8px;gap:6px}.avatar{display:none}.hud-location small{font-size:8px}.hud-location strong{font-size:12px}.journey{bottom:auto;top:max(64px,calc(env(safe-area-inset-top) + 54px));width:140px}.hud-hint{display:none}.power-badge,.boss-hud{top:max(104px,calc(env(safe-area-inset-top) + 94px))}.touch-move,.touch-actions{bottom:max(26px,calc(env(safe-area-inset-bottom) + 14px));gap:12px}.touch-move{left:max(18px,env(safe-area-inset-left))}.touch-actions{right:max(18px,env(safe-area-inset-right))}.touch-secondary{gap:12px}#touch button{width:20vw;max-width:84px;height:20vw;max-height:84px;border-width:1.5px;background:#173c4b4a;opacity:.62;backdrop-filter:blur(2px)}#touch .held{opacity:1}#touch .jump{width:24vw;max-width:100px;height:24vw;max-height:100px}#touch .run{width:15vw;max-width:62px;height:15vw;max-height:62px}.modal-screen{justify-content:center;padding-top:24px}.load-screen{justify-content:center}}.cover-screen{padding:0;background:#08202a;overflow:hidden}.cover-art,.cover-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,22,29,.34) 0%,rgba(5,22,29,.1) 30%,transparent 48%)}body.on-cover #touch{display:none!important}.cover-panel{position:absolute;left:4.4%;top:46.5%;width:24.5%;min-width:236px;display:flex;flex-direction:column;gap:1.6vh}.cover-btn{display:flex;align-items:center;gap:clamp(10px,1vw,18px);padding:clamp(11px,1.5vh,20px) clamp(14px,1.3vw,24px);border-radius:13px;font-weight:900;font-size:clamp(15px,1.25vw,23px);color:#fff6e2;background:linear-gradient(180deg,#6b4326,#4a2c17 55%,#3b2212);border:3px solid #8f6135;box-shadow:inset 0 2px #b98a55,0 6px #24140a,0 14px 26px #0005;text-shadow:0 2px 3px #1c0f06;transition:transform .14s,filter .14s}.cover-btn .cover-ico{font-size:1.15em;line-height:1;filter:drop-shadow(0 2px 2px #00000066)}.cover-btn.primary{color:#3a2408;text-shadow:none;background:linear-gradient(180deg,#ffe07d,#f9c545 45%,#f0ab2c);border-color:#fff0bb;box-shadow:inset 0 2px #fff3c9,0 7px #a56d18,0 16px 30px #0005;font-size:clamp(16px,1.45vw,27px);padding:clamp(13px,1.9vh,24px) clamp(16px,1.4vw,26px)}.cover-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.cover-btn:active{transform:translateY(3px);box-shadow:inset 0 2px #b98a55,0 2px #24140a}.cover-btn:focus-visible,.btn:focus-visible{outline:4px solid #7bffe0;outline-offset:4px}.cover-screen .location-card{right:4%;bottom:9%;min-width:21%;padding:14px 20px 12px;background:linear-gradient(180deg,#123c46f2,#0a2730f2);border:1px solid #cfe6dd66;border-radius:12px;box-shadow:0 14px 34px #0005}.loc-head{display:flex;align-items:center;gap:8px;color:#eaf6f1}.loc-head small{letter-spacing:.16em;font-size:11px;font-weight:800}.loc-body{display:flex;align-items:center;justify-content:space-between;gap:18px}.loc-body strong{font-size:clamp(19px,1.6vw,30px);margin-top:2px}.location-card .skyline{color:#dfeee9;opacity:.75;flex:none}.cover-screen .location-card p{margin:9px 0 0;padding-top:9px;border-top:1px solid #ffffff2e;font-size:11px;letter-spacing:.09em;color:#d7e9e2}@media(min-width:1800px){.cover-panel{width:420px}}@media(max-aspect-ratio:4/5){.cover-shade{background:none}.cover-screen .location-card{display:none}.cover-panel{left:50%;top:62.5%;transform:translate(-50%);width:76%;min-width:0;gap:1.35vh}.cover-btn{justify-content:center;font-size:clamp(15px,4.2vw,20px);padding:2vh 16px}.cover-btn.primary{font-size:clamp(17px,4.8vw,23px);padding:2.4vh 16px}.cover-screen .location-card{inset:86.5% auto auto 50%;transform:translate(-50%);width:76%;min-width:0;padding:13px 17px}}@media(max-height:520px)and (min-aspect-ratio:4/5){.cover-panel{top:44%;gap:8px}.cover-btn{padding:9px 14px;font-size:14px;border-width:2px}.cover-btn.primary{font-size:15px;padding:10px 14px}.cover-screen .location-card{bottom:6%;padding:10px 14px}.cover-screen .location-card p{display:none}}.ico{display:inline-block;vertical-align:-.16em;flex:none}.hearts{display:inline-flex;align-items:center;gap:3px;line-height:1}.hearts .lost{display:inline-flex;gap:3px}.hp-on{color:#ff5f78;filter:drop-shadow(0 1px 0 #7c1830)}.hp-off{color:#fff;opacity:.24}.coin-mark .ico{color:#ffce54;vertical-align:-.28em}.btn small .ico,.icon-btn .ico{vertical-align:-.24em}.power-badge .ico{color:#8ff2dd;vertical-align:-.22em;margin-right:2px}.cover-ico{display:grid;place-items:center}.panel-scenic{background-color:transparent}.panel-scenic:before{content:"";position:absolute;inset:0;background-image:url(panel-bg-desktop.webp);background-size:cover;background-position:center;filter:saturate(1.55) brightness(1.2) contrast(1.05)}.panel-scenic:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,#04141a78 64%,#04141ac2 100%);pointer-events:none}@media(max-aspect-ratio:4/5){.panel-scenic:before{background-image:url(panel-bg-portrait.webp);background-position:center bottom;filter:saturate(1.7) brightness(1.4) contrast(1.05)}}@media(min-aspect-ratio:4/5)and (max-height:520px),(min-aspect-ratio:4/5)and (pointer:coarse)and (max-height:600px){.panel-scenic:before{background-image:url(panel-bg-landscape.webp);background-position:center bottom;filter:saturate(1.7) brightness(1.4) contrast(1.05)}}.combo-badge{display:flex;align-items:center;gap:4px;padding:4px 9px;border-radius:20px;background:#ffb23a;color:#3a2205;font-weight:900;font-size:13px;box-shadow:0 3px #8a5a12}.combo-badge .ico{color:#3a2205}.combo-badge.pop{animation:combo-pop .28s ease-out}@keyframes combo-pop{0%{transform:scale(1.4)}to{transform:scale(1)}}.loading-track i.fill{width:100%!important;animation:fill-bar 1.1s ease-in-out}@keyframes fill-bar{0%{width:4%}}#rotate-prompt{display:none;position:fixed;inset:0;z-index:999;background:#08202a}#rotate-prompt img{width:100%;height:100%;object-fit:contain;object-position:center}@media(orientation:portrait)and (pointer:coarse){body.in-level #rotate-prompt{display:block}}.lang-toggle{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));min-width:46px;height:40px;padding:0 12px;border-radius:8px;background:#0b3037d9;border:1px solid #ffffff33;color:#eaf6f1;font-weight:800;font-size:13px;letter-spacing:.08em;backdrop-filter:blur(6px)}.lang-toggle:hover{border-color:#7bffe0;color:#7bffe0}.location-card.teaser{border-color:#ffd68966;background:linear-gradient(180deg,#123c46f2,#2a230af2)}.location-card.teaser .loc-head small{color:#ffd689}.teaser-note{color:#ffd689!important;border-top:1px dashed #ffd68955;padding-top:10px;margin-top:10px!important}