@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f8f7e9;background:#173e3b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;border:0}canvas{display:block;position:fixed;inset:0;width:100%;height:100%}#ui{position:fixed;inset:0;pointer-events:none}button,.panel,#joystick{pointer-events:auto}button:focus-visible{outline:3px solid #ffdd91;outline-offset:4px}.top{position:absolute;top:26px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:flex-start}.brand{font:800 26px Outfit,sans-serif;letter-spacing:4px}.brand small{display:block;font:10px DM Sans;letter-spacing:3px;margin-top:6px;color:#d6e2bf}.tools{display:flex;gap:8px}.icon{border:1px solid #ffffff40;background:#153e3ad9;border-radius:50%;width:40px;height:40px}.location{position:absolute;top:112px;left:30px;border-left:2px solid #e6ca82;padding-left:15px;text-shadow:0 2px 8px #123b31}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2.4px;color:#e2c889;font-weight:700}.location h2{font:500 24px Outfit;margin:6px 0}.location p{font-size:11px;opacity:.8;margin:0}.quest{position:absolute;right:30px;top:97px;width:230px;background:#173e3be8;border:1px solid #b3c89e40;border-radius:12px;padding:17px}.quest p{font-size:12px;line-height:1.6;margin:9px 0 0}.quest .line{height:3px;background:#ffffff15;margin-top:14px}.line i{display:block;height:100%;width:33%;background:#c9da9b}.bottom{position:absolute;bottom:25px;left:30px;right:30px;display:flex;align-items:flex-end;justify-content:space-between}.lead{background:#173e3be8;padding:13px 18px;border:1px solid #ffffff26;border-radius:14px;min-width:195px}.lead strong{font-family:Outfit}.lead small{display:block;font-size:10px;color:#c1d4bb;margin-top:6px}.hp{height:6px;background:#ffffff20;border-radius:10px;overflow:hidden;margin-top:9px}.hp i{display:block;background:#b9d991;height:100%;transition:width .6s}.hint{font-size:11px;color:#f8f7e9ab;background:#173e3b90;padding:10px 15px;border-radius:20px}.action{border-radius:50%;background:#f2dfb2;color:#264b3c;width:65px;height:65px;font:700 22px Outfit;box-shadow:0 4px #0003}.action small{font:9px DM Sans;display:block}.touch{display:none}#joystick{position:absolute;bottom:35px;left:38px;width:110px;height:110px;background:#173e3b55;border:1px solid #fff5;border-radius:50%;touch-action:none}#stick{width:46px;height:46px;border-radius:50%;background:#f3e8c799;position:absolute;left:31px;top:31px;pointer-events:none}.modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#102f294d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}.panel{background:#f6f2df;color:#24483d;border:1px solid #fff9;border-radius:20px;padding:28px;box-shadow:0 20px 90px #09292255;max-width:720px;width:90%;max-height:88%;overflow:auto}.panel h1,.panel h2{font-family:Outfit;margin:4px 0 12px}.panel p{font-size:13px;line-height:1.7;color:#607264}.panel .eyebrow{color:#9b7a3d}.primary{background:#28594a;color:#fff8e7;border-radius:9px;padding:13px 23px;font-weight:600}.secondary{background:#e5e5d3;color:#345544;border-radius:9px;padding:12px 18px}.row{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.choice{background:#e9e8d5;border:1px solid #d0d7bf;border-radius:12px;padding:18px 10px}.choice b{display:block;font:600 20px Outfit}.choice span{display:block;font-size:11px;margin:6px}.choice .creature-icon{font-size:36px;margin:7px}.dialogue{position:absolute;bottom:25px;left:50%;transform:translate(-50%);width:min(650px,90vw)}.dialogue .panel{width:100%;padding:21px 27px}.dialogue p{margin:8px 0}.title{position:absolute;left:8%;top:27%;pointer-events:auto;text-shadow:0 3px 25px #122e23}.title h1{font:700 clamp(45px,7vw,92px) Outfit;letter-spacing:8px;margin:7px 0}.title h2{font:400 20px Outfit;letter-spacing:5px;color:#f4dfac}.title p{font-size:13px;max-width:340px;line-height:1.8;color:#e0e8d5}.title .row{margin-top:28px}.title .primary{background:#ecdbad;color:#224937}.chapter{position:absolute;bottom:30px;left:8%;font-size:10px;letter-spacing:3px}.battle-card{position:absolute;width:240px;background:#f6f2dfed;color:#284c41;padding:16px 20px;border-radius:12px;box-shadow:0 8px 30px #133d3b33}.battle-card.enemy{right:7%;top:20%}.battle-card.ally{left:7%;bottom:29%}.battle-card b{font:600 22px Outfit}.battle-card small{float:right;margin-top:6px}.battle-card .hp{background:#cdd5bd}.battle-card p{font-size:10px;margin:7px 0 0}.battle-ui{position:absolute;bottom:22px;left:7%;right:7%;display:flex;gap:18px;align-items:stretch}.battle-message{flex:1;background:#173e3bef;border:1px solid #ffffff30;border-radius:14px;padding:20px;font-size:14px;line-height:1.6}.moves{width:420px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.moves button{border-radius:9px;background:#f6f2df;color:#294f42;padding:12px;font-weight:600;font-size:12px}.moves button small{display:block;opacity:.6;font-size:9px;margin-top:4px}.moves button:disabled{opacity:.5}.toast{position:absolute;top:20%;left:50%;transform:translate(-50%);background:#173e3bef;border:1px solid #cbd4a2;border-radius:30px;padding:12px 24px;font-size:12px;white-space:nowrap}.damage{position:absolute;left:62%;top:35%;font:700 44px Outfit;color:#ffe8ad;animation:float 1.2s forwards;text-shadow:0 3px #914d42}@keyframes float{to{transform:translateY(-70px);opacity:0}}.transition{position:absolute;inset:0;background:#e4e7ce;animation:wipe .65s both;pointer-events:none}@keyframes wipe{0%{clip-path:circle(0 at 50% 50%)}50%{clip-path:circle(100%)}to{clip-path:circle(0 at 50% 50%)}}#rotate{display:none;position:fixed;inset:0;z-index:20;background:#173e3b;align-items:center;justify-content:center;text-align:center;padding:35px}button:hover{filter:brightness(1.08)}@media(pointer:coarse){.touch{display:block}.hint{display:none}.bottom .lead{margin-left:145px}.bottom{bottom:20px}.top{top:16px;left:20px;right:20px}.location{top:84px;left:20px}.quest{top:74px;right:20px;padding:12px;width:190px}.brand{font-size:20px}.battle-ui{bottom:14px}.battle-card.ally{bottom:34%}.panel{padding:20px}.title{top:18%}}@media(max-height:500px){.location h2{font-size:19px}.quest{font-size:11px}.battle-card{padding:10px 15px;width:210px}.battle-ui{left:4%;right:4%;gap:10px}.moves{width:340px}.moves button{padding:8px}.battle-message{padding:13px;font-size:12px}.choices{margin:10px 0}.choice{padding:10px}.panel h2{margin-bottom:5px}.brand small{display:none}.lead{padding:10px 14px}.title h1{font-size:52px}.title h2{font-size:15px}.title p{margin:8px 0}.title .row{margin-top:15px}}@media(orientation:portrait)and (pointer:coarse){#rotate{display:flex}}.choice{background:linear-gradient(155deg,#fffbed,#e5f1db);border:2px solid #c8ddbb;transition:transform .18s,border-color .18s;box-shadow:0 5px #b6cda820}.choice:hover{transform:translateY(-3px);border-color:#76b79b}.choice .creature-icon{height:122px;margin:0 auto 10px;max-width:135px}.creature-icon svg,.party-portrait svg{width:100%;height:100%;overflow:visible}.party-portrait{width:75px;height:78px;margin:0 auto 7px}.panel{border:3px solid #fff8e8;box-shadow:0 18px 70px #245a6240}.battle-card{border:2px solid #fff9e8;border-radius:20px}.battle-card .hp{height:8px;background:#cde3c5}.battle-card .hp i{background:linear-gradient(90deg,#69c79d,#c4e783)}.battle-message{border-radius:20px;background:#246958f2;border:2px solid #afd6b550}.moves button{border:2px solid #fffcdf;border-radius:14px;box-shadow:0 4px #225d4540}.quest{background:#246958e8;border-color:#d6efc580}.lead{background:#246958ef;border-color:#d6efc580}.brand{text-shadow:0 2px 15px #28585090}.action{background:#ffedb9;border:3px solid #fff6da}.title .primary{background:#ffe6ac;box-shadow:0 5px #bd976455}.primary{border-radius:14px}.secondary{border-radius:12px}.location{text-shadow:0 2px 8px #285850}.tools .icon{background:#246958de}.battle-card.ally{bottom:31%}@media(pointer:coarse){.battle-card.ally{bottom:35%}.choice .creature-icon{height:90px}.party-portrait{height:62px;width:60px}}@media(max-height:500px){.choice .creature-icon{height:78px;margin-bottom:5px}.choice b{font-size:18px}.choice span{font-size:10px}.party-portrait{height:52px;width:52px}.battle-card.ally{bottom:35%}.battle-message .row{gap:5px}.battle-message .secondary{padding:10px 12px}}body{touch-action:none;overscroll-behavior:none}button{touch-action:manipulation}.panel{touch-action:pan-y}.world-prompt{position:absolute;transform:translate(-50%,-100%);padding:9px 16px;background:#fff8dc;color:#194b40;font-weight:800;font-size:15px;border:2px solid #245d51;border-radius:14px;white-space:nowrap;box-shadow:0 4px #183f3830;z-index:3}.world-prompt[hidden],.goal-marker[hidden]{display:none}.goal-marker{position:absolute;transform:translate(-50%,-50%);padding:8px 13px;border-radius:22px;background:#fff5c7ed;color:#1c5446;border:2px solid #547f58;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 3px 14px #28583c30}.goal-marker.offscreen{background:#285f52ed;color:#fff3ba;border-color:#fff3ba}.goal-compass{display:flex;gap:10px;align-items:center;margin-top:9px;font-size:13px}.goal-compass span{display:inline-block;font-size:25px;line-height:1}#goal-distance{font-size:11px;letter-spacing:0;color:#fff1bb}.toast{top:24%;max-width:min(600px,87vw);width:max-content;white-space:normal;text-align:center;background:#143f36fa;border:2px solid #fff0b6;font-size:17px;font-weight:600;line-height:1.5;padding:13px 23px;box-shadow:0 8px 24px #124a4660;z-index:7}.dialogue{z-index:8}.dialogue p{font-size:16px;color:#254f41}.dialogue .panel{border:3px solid #fff6dc}.quest p{font-size:13px}.xp{height:6px;background:#d6d9ed;border-radius:8px;margin:8px 0}.xp i{display:block;height:100%;background:linear-gradient(90deg,#a394db,#c5b5f8);border-radius:8px;transition:width .3s}.info-xp{height:10px;margin:12px 0 17px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0;color:#355d4e}.stat-grid b{background:#e4edda;padding:12px;border-radius:10px}.stat-grid span{float:right}.move-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.move-list div{padding:11px;background:#fff9e9;border:1px solid #cddfc3;border-radius:12px}.move-list span{display:block;font-size:12px;margin-top:4px;color:#587764}.turn-label{font-size:12px;letter-spacing:1px;color:#fff0ac;font-weight:800;margin-bottom:7px}.battle-card .hp i{transition:width .22s ease-out}.impact-flash{position:absolute;inset:0;background:#fff7c1;pointer-events:none;animation:impact .14s ease-out both;z-index:5}@keyframes impact{0%{opacity:.22}to{opacity:0}}.caught-banner{position:absolute;left:50%;top:28%;transform:translate(-50%);background:#fff0ad;color:#265a49;border:3px solid #fff9d9;box-shadow:0 8px 30px #235a4950;border-radius:24px;font:800 35px Outfit,sans-serif;padding:16px 32px;animation:celebrate .3s ease-out both}@keyframes celebrate{0%{opacity:0;scale:.65}to{opacity:1;scale:1}}.icon{min-width:44px;min-height:44px}.touch .icon,#run{touch-action:none}.location,.goal-marker{pointer-events:none}.top{z-index:2}@media(any-pointer:coarse){.touch{display:block}.hint{display:none}.bottom .lead{margin-left:140px}.bottom{bottom:max(15px,env(safe-area-inset-bottom))}.tools{gap:6px}.action{width:68px;height:68px}#run{width:53px;height:53px;font-size:19px}#joystick{left:max(27px,env(safe-area-inset-left));bottom:25px;border:2px solid #fff7;background:#245c5470}.quest{width:200px;right:18px;top:75px;padding:11px}.location{left:18px;top:77px}.location p{max-width:200px}.goal-compass{font-size:12px}.battle-message .row button{min-height:44px}.world-prompt{font-size:14px}}@media(max-height:500px){.dialogue .panel{padding:14px 20px}.dialogue p{font-size:14px;line-height:1.5}.dialogue .primary{padding:9px 15px}.dialogue{bottom:15px}.quest .line{display:none}.quest p{font-size:11px;line-height:1.4}.quest{top:68px}.goal-compass{margin-top:6px}.location p{display:none}.location h2{font-size:18px}.toast{font-size:15px;top:21%;padding:9px 18px;max-width:75vw}.lead{min-width:168px;padding:9px 12px}.lead small{font-size:10px}.bottom .lead{margin-left:125px}.brand{font-size:20px}.battle-card{width:190px;padding:9px 13px}.battle-card.enemy{top:14%}.battle-card.ally{bottom:39%}.battle-card b{font-size:19px}.battle-ui{bottom:12px}.battle-message{padding:11px}.turn-label{font-size:11px;margin-bottom:4px}.battle-message .row{margin-top:8px}.caught-banner{top:23%;font-size:27px;padding:12px 24px}.goal-marker{font-size:12px;padding:7px 10px}.world-prompt{padding:7px 10px}}.party-moves{display:block;max-width:200px;line-height:1.5;font-size:11px;color:#486c5a;margin:8px auto 0}.xp{overflow:hidden}@media(max-width:1000px){.battle-card{width:190px;padding:10px 13px}.battle-card.ally{left:4%;bottom:35%}.battle-card.enemy{right:4%;top:14%}.battle-card b{font-size:19px}}#run small{display:block;font-size:8px;letter-spacing:.8px;margin-top:1px}