: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 .crouch{width:54px;height:54px;margin-left: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,#touch .crouch{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(../assets/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(../assets/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(../assets/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}body:not(.final-chapter) #touch .kick{display:none}#touch .kick{color:#ffe2a6;font-weight:900;background:#64391ed9}.final-chapter .touch-secondary{gap:8px}.edu-life{display:inline-block;width:72px;height:8px;background:#612f3b;border-radius:5px;overflow:hidden}.edu-life i{display:block;height:100%;background:#97e8aa}@media(max-height:500px){.final-chapter .touch-secondary button{width:46px;height:46px}}.combo-badge[hidden],.power-badge[hidden],.boss-hud[hidden]{display:none!important}.illustrated-screen{padding:20px;background:#031b2b9e;backdrop-filter:blur(7px)}.illustrated-panel{position:relative;width:min(1050px,96vw);max-height:calc(100dvh - 40px);overflow:auto;pointer-events:auto;touch-action:pan-y;border:2px solid #2295ac;border-radius:30px;box-shadow:0 22px 70px #001119b3,inset 0 1px 2px #b8f7f633;background:linear-gradient(90deg,#07304225,#002d43ed 40%,#003044d9),var(--region-art) center/cover;scrollbar-width:thin;scrollbar-color:#328b99 #072b36}.illustrated-panel .panel-content{position:relative;z-index:1;padding:clamp(22px,3.4vh,36px)}.chapter-badge{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;max-width:100%;margin:0 auto 15px;padding:10px 24px;border-radius:32px;border:2px solid #23849a;background:linear-gradient(#075068,#073243);box-shadow:0 3px 6px #00151f;color:#88e8f3;font-size:clamp(11px,1.4vw,17px);font-weight:900;letter-spacing:.1em;text-align:center}.illustrated-panel h2{margin:12px 0 14px;text-align:center;font:900 clamp(30px,4.2vw,58px)/1.07 "Arial Black",Arial,sans-serif;letter-spacing:-.045em;color:#ffe19a;-webkit-text-stroke:1px #472f16;paint-order:stroke fill;text-shadow:0 3px 0 #dc9639,0 6px 0 #032536,0 8px 12px #001923}.illustrated-panel .dialog-subtitle{color:#d5eaf0;font-size:clamp(14px,1.65vw,20px);line-height:1.5;text-align:center;margin:14px 0 20px}.dialog-subtitle strong{color:#8bf1ef}.illustrated-panel .game-btn{display:flex;align-items:center;gap:18px;width:100%;min-height:62px;padding:14px 24px;margin:0;border:2px solid #36768b;border-radius:16px;color:#d4eef7;background:linear-gradient(135deg,#104861,#092d41);box-shadow:inset 0 2px 1px #c6f5ff1c,0 4px #041d2a,0 6px 10px #00141c70;font-size:clamp(16px,1.9vw,23px);font-weight:900;text-align:left}.game-btn>.ico{flex-shrink:0}.game-btn>span{flex:1}.game-btn>.ico:last-child{width:21px;opacity:.8}.illustrated-panel .game-btn.primary{background:linear-gradient(#ffe879,#ffcc49);color:#062b3c;border:3px solid #fff4b7;box-shadow:inset 0 -4px #e69b32,0 0 0 4px #0c3442,0 0 0 8px #52f7e5,0 8px 15px #001c29;margin:7px 0 10px;min-height:76px}.illustrated-panel .game-btn:focus-visible{outline:3px solid #b0fff4;outline-offset:5px;filter:brightness(1.12)}.illustrated-panel .game-btn:hover{filter:brightness(1.1)}.illustrated-panel kbd{border:2px solid #6ab0c575;background:#5d9bb315;padding:5px 7px;border-radius:6px;font:800 .8em Arial,sans-serif}.game-btn.primary kbd{border-color:#aa882f;background:#eab33144}.pause-card{width:min(560px,94vw);background:linear-gradient(#063b49f2,#042333f5),var(--region-art) center/cover}.pause-card h2{color:#fffdf0;text-shadow:0 4px 0 #1487a0,0 7px 0 #001c30,0 9px 9px #00121a;-webkit-text-stroke:1px #062839}.pause-actions,.result-actions{display:grid;gap:15px}.action-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.action-pair .game-btn>.ico:last-child{display:none}.pause-card #menu{border-color:#8b5460;color:#e69498;background:linear-gradient(130deg,#383641,#182f3c)}.panel-shortcuts{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;border-top:1px solid #2d6d805c;padding-top:18px;margin-top:22px;color:#90b9ca;font-size:13px}.panel-shortcuts span{display:flex;align-items:center;gap:8px}.story-card .panel-content{margin-left:29%;padding-left:10px}.story-edu{position:absolute;bottom:13%;left:0;width:29%;aspect-ratio:1;background:url(../assets/edu.webp) 66.6667% 0/400% 400%;transform:scale(1.15);transform-origin:bottom left;filter:drop-shadow(0 8px 5px #001e30)}.destination-tag{display:flex;align-items:center;justify-content:center;gap:7px;color:#8bebf2;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin:-6px 0 17px}.result-stats{display:flex;gap:14px;margin:20px 0}.stat-card{position:relative;display:flex;justify-content:center;align-items:center;gap:12px;flex:1;padding:20px 12px;border:2px solid #167080;border-radius:16px;background:#012c3ddc;box-shadow:inset 0 2px 10px #00141e38;text-align:center}.stat-card>.ico{color:#ffcc3e;filter:drop-shadow(0 2px 0 #ac640d);flex-shrink:0}.stat-card strong{display:block;font-size:clamp(24px,3vw,37px);color:#f4f6f1;line-height:1.1;white-space:nowrap}.stat-card span{display:block;font-size:11px;letter-spacing:.05em;color:#9cd7e1;margin-top:7px;line-height:1.3}.record-tag{position:absolute;top:-12px;right:10px;background:#ffcd4d;color:#113145;border:2px solid #ffeab0;box-shadow:0 0 12px #ffbe5566;padding:4px 7px;border-radius:6px;font-size:11px}.saved-strip{display:flex;align-items:center;justify-content:center;gap:10px;color:#a7e1e2;background:#012b3dcc;padding:13px 16px;border-radius:12px;font-size:13px;line-height:1.5;text-align:center;margin:16px 0}.saved-strip .ico{color:#50e6ab;flex-shrink:0}.story-card .saved-strip .ico{color:#ff5382}.final-card{width:min(1180px,96vw);background:var(--region-art) center/cover}.final-couple{position:absolute;inset:0 auto 0 0;width:34%;background:url(../assets/final-couple.webp) center center/cover no-repeat;border-radius:28px 0 0 28px}.final-card .panel-content{margin-left:34%;border-left:2px solid #58ccd0;background:linear-gradient(#053d42f5,#012c34fa),var(--region-art) center/cover;min-height:100%}.final-card .nathy-portrait{width:94px;height:94px;border:3px solid #63e7e0;margin:-10px auto 12px;box-shadow:0 0 0 6px #123e45}.final-card .chapter-badge{background:none;border:0;box-shadow:none;padding:0}.final-card h2{font-size:clamp(30px,4vw,55px)}.final-card .result-stats{gap:9px}.final-card .stat-card{padding:18px 7px;gap:8px}.final-card .stat-card>.ico{width:33px}.final-card .stat-card:last-child>.ico{color:#bbd0cc;filter:none}.final-card .stat-card strong{font-size:clamp(20px,2.5vw,32px)}.final-card #menu{border:0;background:none;box-shadow:none;justify-content:center;min-height:42px;font-size:17px;font-weight:600}.final-card #menu span{flex:initial}.final-card #menu>.ico:last-child{display:none}@media(max-height:660px)and (min-width:650px){.illustrated-screen{padding:10px}.illustrated-panel{max-height:calc(100dvh - 20px);border-radius:22px}.illustrated-panel .panel-content{padding:18px 24px}.illustrated-panel h2{font-size:clamp(27px,4.2vw,42px);margin:8px 0}.chapter-badge{padding:6px 17px;margin-bottom:9px;font-size:12px}.illustrated-panel .dialog-subtitle{margin:10px 0;font-size:14px}.illustrated-panel .game-btn{min-height:44px;padding:9px 17px;font-size:17px;gap:13px;border-radius:12px}.illustrated-panel .game-btn.primary{min-height:53px}.pause-actions,.result-actions{gap:10px}.panel-shortcuts{padding-top:12px;margin-top:15px;font-size:11px}.result-stats{margin:15px 0 9px}.stat-card,.final-card .stat-card{padding:12px 8px}.stat-card strong{font-size:28px}.saved-strip{margin:11px 0;padding:9px;font-size:11px}.final-card .nathy-portrait{width:59px;height:59px;margin:0 auto 10px}.final-card .dialog-subtitle{font-size:13px}.final-card .chapter-badge{margin:5px auto}.destination-tag{margin:10px 0}}@media(max-height:430px)and (min-width:650px){.pause-card{width:min(760px,96vw)}.pause-card .panel-content{padding:13px 22px}.pause-card .pause-actions{grid-template-columns:1fr 1fr}.pause-card #resume,.pause-card .action-pair{grid-column:1/-1}.pause-card .panel-shortcuts{display:none}.illustrated-panel .game-btn{min-height:42px}.story-card .panel-shortcuts{display:none}.story-card .panel-content,.final-card .panel-content{padding:14px 20px}.story-card h2,.final-card h2{font-size:30px}.story-card .chapter-badge{padding:4px 12px;margin:0 auto 7px}.story-card .destination-tag{display:none}.story-card .dialog-subtitle,.final-card .dialog-subtitle{font-size:12px;margin:6px 0 9px}.final-card .nathy-portrait{display:none}.final-card .chapter-badge{font-size:10px}.result-stats{margin:13px 0 8px}.stat-card,.final-card .stat-card{padding:10px 8px}.stat-card>.ico{width:31px;height:31px}.stat-card strong,.final-card .stat-card strong{font-size:23px}.stat-card span{font-size:9px;margin-top:4px}.final-card .saved-strip{padding:6px;margin:8px 0}.final-card #menu{min-height:30px;padding:4px}}@media(max-width:649px){.illustrated-screen{padding:12px}.illustrated-panel{max-height:calc(100dvh - 24px);border-radius:21px}.illustrated-panel .panel-content{padding:23px 20px}.story-card .panel-content,.final-card .panel-content{margin-left:0;border:0}.story-edu,.final-couple{display:none}.story-card{background:linear-gradient(#013047dc,#032633f5),var(--region-art) center/cover}.illustrated-panel h2{font-size:34px}.chapter-badge{padding:8px 12px;letter-spacing:.06em}.illustrated-panel .game-btn{gap:12px;padding:12px 14px;min-height:53px;font-size:16px}.illustrated-panel .game-btn.primary{min-height:64px}.game-btn>.ico{width:25px}.action-pair{gap:10px}.action-pair .game-btn{padding:12px 9px;font-size:15px;gap:7px}.stat-card{padding:16px 9px;gap:8px}.stat-card>.ico{width:30px}.stat-card strong{font-size:26px}.final-card .stat-card{flex-direction:column}.final-card .stat-card>.ico{height:26px}.panel-shortcuts{gap:10px;font-size:10px}}@media(prefers-reduced-motion:reduce){.illustrated-panel *{scroll-behavior:auto;transition:none}}.hud-hint[hidden],.journey[hidden]{display:none}
/* Full-bleed canvas; only the HUD uses safe-area padding. */
html,body{background:#08202a!important;width:100%;height:100%;margin:0!important;padding:0!important;overflow:hidden}
#app{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;transform:none!important}
#game{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden;display:block!important;transform:none!important}
#game canvas{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;transform:none!important;border:0!important}
#ui a{pointer-events:auto}.level-loading #touch,.level-loading #rotate-prompt,.level-loading #toast{display:none!important}
.real-loading{position:fixed!important;inset:0!important;padding:0!important;background:#06151c!important;z-index:9000;display:flex;align-items:center;justify-content:center;overflow:hidden}
.loading-art{position:relative;width:min(100vw,177.688vh);height:min(56.278vw,100vh);flex-shrink:0}
.loading-art img{display:block;width:100%;height:100%;object-fit:fill}
.real-loading-panel{position:absolute;left:32%;top:60%;width:36%;height:12%;background:#081a20;box-shadow:0 0 24px 10px #081a20bb;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;color:#fff3d2;font-size:clamp(11px,1.4vw,21px)}
.real-loading-track{width:94%;height:clamp(10px,2.5vh,23px);border:2px solid #a78f5d;border-radius:30px;overflow:hidden;background:#071015}
.real-loading-track i{display:block;height:100%;width:0;background:linear-gradient(#ffe67e,#f4ad20);border-radius:30px;transition:none!important;animation:none!important}
.real-loading-panel b{display:inline-block;min-width:3ch;font-variant-numeric:tabular-nums;color:#ffd363}
@media(orientation:portrait) and (pointer:coarse){.real-loading{width:100vw!important;height:100dvh!important}.loading-art{width:min(100dvh,177.688vw);height:min(56.278dvh,100vw);transform:rotate(90deg)}.real-loading-panel{font-size:clamp(11px,2.1vh,20px)}.real-loading-track{height:clamp(12px,2.5vw,22px)}}
.level-list{width:100%!important;gap:8px!important}.level-list .btn{padding:12px 18px}.level-list+.menu-buttons{margin-top:16px}.cover-panel{max-height:70vh;overflow-y:auto}.cover-panel .cover-btn{flex-shrink:0}
@media(max-height:500px) and (orientation:landscape){.cover-panel{gap:6px!important}.cover-panel .cover-btn{min-height:37px!important;padding-top:8px!important;padding-bottom:8px!important;font-size:14px!important}.cover-panel .cover-btn.primary{min-height:43px!important}.level-list .btn{padding:9px 13px}.settings-row{min-height:44px}}
@media(max-aspect-ratio:4/5){.cover-panel{top:57.5%;max-height:40%}.cover-panel .cover-btn{min-height:44px;padding-top:10px;padding-bottom:10px;font-size:16px}.cover-panel .cover-btn.primary{min-height:50px}}
a.btn{text-decoration:none}a.btn:focus-visible{outline:3px solid #fbe183;outline-offset:5px}

#credits,#credits span,#credits small,#credits:visited{color:#fff!important}.level-hidden{display:inline-block;width:9em;max-width:55vw;height:.9em;vertical-align:-.1em;border-radius:6px;background:linear-gradient(90deg,#c9ddd4,#7fa59a,#c9ddd4);filter:blur(4px);opacity:.45;pointer-events:none}#credits .ico,.level-list .ico{color:currentColor}
.difficulty-note{margin:-4px 0 6px!important;text-align:left!important;font-size:12.5px!important;opacity:.85}

/* PRO */
:root{--touch-scale:1;--touch-opacity:.62}
.touch-move{transform:scale(var(--touch-scale));transform-origin:bottom left}
.touch-actions{transform:scale(var(--touch-scale));transform-origin:bottom right}
#touch button{opacity:var(--touch-opacity)!important}#touch .held{opacity:1!important}
body.touch-lefty .touch-move{left:auto!important;right:max(18px,env(safe-area-inset-right))!important;transform-origin:bottom right}
body.touch-lefty .touch-actions{right:auto!important;left:max(18px,env(safe-area-inset-left))!important;transform-origin:bottom left;align-items:flex-start}
.secret-chip{display:flex;align-items:center;gap:6px}.secret-chip .ico{color:#ffc93a}
.ico.star-on{color:#ffcf3f}.ico.star-off{color:#ffffff38}
.pro-toast{position:fixed;top:max(14px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:14px;background:#0b2d36f2;border:1px solid #ffcf3f88;color:#fff;box-shadow:0 8px 24px #0006;animation:pro-in .35s ease-out;pointer-events:none;font-family:Arial,sans-serif}
.pro-toast .ico{color:#ffcf3f}.pro-toast small{display:block;font-size:10px;letter-spacing:.12em;color:#9fe3cf}.pro-toast b{font-size:15px}
.pro-toast.out{opacity:0;transform:translate(-50%,-10px);transition:.45s}
@keyframes pro-in{from{opacity:0;transform:translate(-50%,-14px)}}
.pro-banner{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);z-index:55;font:900 clamp(30px,7vw,68px)/1 Arial,sans-serif;color:#ffd84d;-webkit-text-stroke:2px #5b2a00;text-shadow:0 5px 0 #5b2a00,0 10px 30px #000a;pointer-events:none;white-space:nowrap;animation:pro-banner 1.5s ease-out forwards}
.pro-banner.combo{top:28%;font-size:clamp(24px,5vw,46px);color:#fff1a8}
.pro-banner.boss{color:#ff8a3d}
@keyframes pro-banner{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}25%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-70%) scale(1)}}
.combo-badge{font-size:17px!important;padding:6px 13px!important}
.pro-result{display:flex;flex-direction:column;align-items:center;gap:6px;margin:6px 0}
.pro-stars{display:flex;gap:6px}.pro-stars .star-on{filter:drop-shadow(0 2px 0 #7a4c00);animation:pro-star .5s ease-out backwards}.pro-stars .ico:nth-child(2){animation-delay:.15s}.pro-stars .ico:nth-child(3){animation-delay:.3s}
@keyframes pro-star{from{transform:scale(0) rotate(-90deg)}}
.pro-criteria{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:12.5px;opacity:.95}
.pro-criteria li{display:flex;align-items:center;gap:4px;color:#ffffff80}.pro-criteria li .ico{color:#ffffff40}.pro-criteria li.on{color:#fff}.pro-criteria li.on .ico{color:#ffcf3f}
.pro-line{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;font-size:12.5px}.pro-line .ico{color:#ffc93a;vertical-align:-3px}.pro-line em{color:#ffcf3f;font-style:normal;font-weight:900}
.lvl-meta{display:flex;align-items:center;gap:2px;margin-left:auto;margin-right:10px;font-style:normal;font-size:12px}.lvl-meta i{font-style:normal;margin-left:6px;opacity:.85}
.level-list .btn{display:flex;align-items:center}
#pro-ach{margin-top:8px;width:100%}#pro-ach .ico{color:#ffcf3f;vertical-align:-3px}
.pro-ach-list{display:flex;flex-direction:column;gap:8px;width:100%;max-height:52vh;overflow-y:auto}
.pro-ach{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;border:1px solid #c1e4da33;background:#0a2b3480;opacity:.5}
.pro-ach.on{opacity:1;border-color:#ffcf3f88}.pro-ach .ico{color:#ffffff55;flex:none}.pro-ach.on .ico{color:#ffcf3f}
.pro-ach b{display:block;font-size:14px}.pro-ach small{font-size:12px;opacity:.8}
body.high-contrast .screen section,body.high-contrast .panel-scenic,body.high-contrast .hud-chip{background:#000!important;border-color:#fff!important}
body.high-contrast .btn,body.high-contrast .settings-row button{border:2px solid #fff!important;color:#fff!important}
body.high-contrast .btn.primary{background:#ffd400!important;color:#000!important}
body.high-contrast .note,body.high-contrast .settings-row span{color:#fff!important;opacity:1!important}
body.high-contrast #touch button{border:2.5px solid #fff!important;background:#000b!important}