:root{font-family:"Segoe UI",system-ui,sans-serif;color:#163d46;font-weight:700;background:#badbe5}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button{font:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #f9b632;outline-offset:4px}button:active{transform:translateY(3px)}#game{height:100%;height:100dvh;position:relative;isolation:isolate;overflow:hidden}#scene{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:max(14px,env(safe-area-inset-top));left:76px;right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;gap:12px;pointer-events:none}.brand{font-size:13px;letter-spacing:.12em;line-height:1.2;white-space:nowrap;text-shadow:0 1px #fff}.brand strong{display:block;font-size:26px;letter-spacing:.03em}.brand small{display:block;font-size:8px;letter-spacing:.22em;margin-top:3px}.stats{display:flex;gap:12px;padding:12px 18px;border:1px solid #fff;border-radius:18px;background:#f8ffffed;box-shadow:0 6px 25px #24465512;margin-left:auto}.stats label{font-size:11px;width:104px}.stats meter{display:block;width:100%;height:12px;margin-top:5px;border:0}.stats meter::-webkit-meter-bar{background:#dbe9eb;border:0;border-radius:5px}.stats meter::-webkit-meter-optimum-value{background:#40a990;border-radius:5px}#health::-webkit-meter-optimum-value{background:#e97c86}#food::-webkit-meter-optimum-value{background:#e4b55c}.small-button{background:#f8ffffeb;border:1px solid white;border-radius:14px;width:45px;height:45px;pointer-events:auto;color:#163d46;font-size:22px}.mission{position:absolute;top:110px;left:22px;max-width:300px;background:#123c43eb;border:1px solid #ffffff50;color:#fff;border-radius:0 20px 20px 20px;padding:16px 20px;box-shadow:0 8px 28px #163d4620;pointer-events:none}.mission>span{font-size:9px;letter-spacing:.18em;color:#92d4cf}.mission strong{display:block;margin:7px 0 10px;font-size:16px}.mission small{display:block;color:#c5e1df;font-size:11px;line-height:1.5}.progress{height:5px;background:#ffffff25;border-radius:5px;margin-bottom:10px;overflow:hidden}.progress i{display:block;background:#f6cd68;width:0;height:100%;transition:width .3s}#toast{position:absolute;top:28%;left:50%;transform:translateX(-50%) translateY(-10px);width:max-content;max-width:85%;padding:13px 24px;background:#fff9dfed;border:2px solid #fff;border-radius:18px;text-align:center;opacity:0;transition:.2s;pointer-events:none;z-index:5;font-size:16px}#toast.show{opacity:1;transform:translateX(-50%)}#targetMarker{position:absolute;pointer-events:none;color:#ffe08b;font-size:28px;text-shadow:0 2px 6px #143c43;transform:translate(-50%,-100%)}.weapon{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:12px 18px;border:1px solid #fff;border-radius:20px;background:#faffffed;min-width:280px;box-shadow:0 6px 25px #163d461a;pointer-events:none}.weapon>span{font-size:32px}.weapon div>*{display:block}.weapon small{font-size:8px;letter-spacing:.17em;color:#65918f}.weapon strong{font-size:13px;margin:3px 0}.weapon div>span{font-size:10px;color:#67898c}.weapon>b{font-size:12px;color:#b97d20;margin-left:10px;white-space:nowrap}#controls{position:absolute;inset:0;pointer-events:none}#controls button,#joystick{pointer-events:auto}#joystick{position:absolute;bottom:max(40px,env(safe-area-inset-bottom));left:max(30px,env(safe-area-inset-left));width:126px;height:126px;border-radius:50%;background:#153f4533;border:2px solid #ffffffb0;box-shadow:inset 0 0 30px #18444c18;touch-action:none}#knob{position:absolute;left:50%;top:50%;translate:-50% -50%;width:59px;height:59px;display:grid;place-items:center;border-radius:50%;background:#f6ffffdb;color:#3a8d8f;border:3px solid white;font-size:28px;box-shadow:0 5px 14px #163d4630}.move-hint{position:absolute;bottom:19px;left:34px;font-size:9px;letter-spacing:.08em}.round{position:absolute;bottom:max(40px,env(safe-area-inset-bottom));right:max(28px,env(safe-area-inset-right));width:104px;height:104px;background:#ffd36d;border:3px solid #fff4ce;border-radius:50%;color:#765117;box-shadow:0 6px 0 #c09336,0 10px 25px #2a3e4125;font-size:40px}.round small{display:block;font-size:9px;margin-top:0}#jump{right:151px;width:66px;height:66px;background:#f3ffff;box-shadow:0 5px 0 #82a9aa;color:#3f797e;font-size:28px}.supplies{position:absolute;right:30px;bottom:168px;display:flex;gap:8px}.supplies button{border:2px solid #fff;border-radius:15px;background:#f9ffffe8;padding:8px 12px;color:#23494d;font-size:18px;min-width:68px;min-height:54px}.supplies small{display:block;font-size:8px;letter-spacing:.05em}.supplies button:disabled{opacity:.5}.look-hint{position:absolute;bottom:122px;left:50%;translate:-50%;font-size:10px;white-space:nowrap;color:#305e69}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#123c4355;backdrop-filter:blur(5px);padding:20px;overflow:auto}.overlay[hidden],#error[hidden],[hidden]{display:none!important}.card{width:min(520px,100%);text-align:center;border:2px solid #ffffffcf;border-radius:30px;padding:25px 32px;background:linear-gradient(145deg,#f9fffcf7,#e5f3edf7);box-shadow:0 28px 90px #0c36434d}.kicker{font-size:9px;letter-spacing:.22em;color:#61918e}.hero-icon{font-size:54px;margin-top:9px}h1{font-size:48px;line-height:.97;letter-spacing:-.05em;margin:7px 0 15px;font-weight:900}h1 em{font-style:normal;color:#298c78}#story{font-size:13px;line-height:1.65;color:#5a7576;max-width:400px;margin:0 auto 17px}.instructions{display:grid;gap:10px;text-align:left;padding:15px 18px;background:#fff9;border-radius:17px;margin:12px 0 20px;font-size:11px;line-height:1.5;color:#6b8380}.instructions b{color:#244b48}.start-button{width:100%;padding:16px 12px;border:0;border-radius:14px;background:#1b7d67;color:#fff8d8;font-weight:900;font-size:14px;letter-spacing:.03em;box-shadow:0 5px 0 #0c5047}.card>small{display:block;margin-top:17px;font-size:10px;line-height:1.6;color:#6c8984}#error{position:absolute;inset:0;z-index:20;display:grid;align-content:center;text-align:center;padding:30px;background:#f4ffff}#error button{margin:auto;padding:16px}
@media(max-width:700px){.hud{left:72px;right:10px;gap:8px;top:max(12px,env(safe-area-inset-top))}.brand{font-size:9px}.brand strong{font-size:18px}.brand small{display:none}.stats{gap:7px;padding:9px 10px;flex:1}.stats label{width:auto;flex:1;font-size:9px}.small-button{width:38px;height:38px;flex-shrink:0}.mission{top:92px;left:12px;padding:11px 14px;max-width:250px}.mission strong{font-size:13px;margin:5px 0 8px}.mission>span{font-size:8px}.mission small{font-size:10px}.weapon{bottom:calc(180px + env(safe-area-inset-bottom));padding:8px 12px;min-width:0;width:max-content;max-width:calc(100% - 24px);gap:8px}.weapon>span{font-size:24px}.weapon strong{font-size:11px}.weapon>b{font-size:10px}.look-hint{bottom:calc(260px + env(safe-area-inset-bottom));font-size:9px}#joystick{width:112px;height:112px;left:max(16px,env(safe-area-inset-left));bottom:calc(30px + env(safe-area-inset-bottom))}.move-hint{left:18px;bottom:calc(10px + env(safe-area-inset-bottom));font-size:8px}.round{width:89px;height:89px;right:max(18px,env(safe-area-inset-right));bottom:calc(30px + env(safe-area-inset-bottom))}#jump{right:117px;width:56px;height:56px;bottom:calc(30px + env(safe-area-inset-bottom))}.supplies{right:18px;bottom:calc(130px + env(safe-area-inset-bottom));gap:7px}.supplies button{padding:7px 9px;min-width:62px;min-height:48px}.card{padding:21px;max-height:100%;overflow:auto}h1{font-size:42px}.hero-icon{font-size:42px}.instructions{font-size:10px;gap:8px;padding:12px}#toast{font-size:13px;top:35%}}
.episode-select{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.episode-select button{border:2px solid #c1dcd4;border-radius:14px;padding:13px 10px;text-align:left;background:#fafffc;color:#234c48;min-height:108px}.episode-select button[aria-pressed="true"]{border-color:#22866d;background:#dbf3e6;box-shadow:0 0 0 2px #22866d20}.episode-select span,.episode-select b,.episode-select small{display:block}.episode-select span{font-size:9px;letter-spacing:.06em;color:#41866c}.episode-select b{font-size:13px;margin:7px 0}.episode-select small{font-size:10px;line-height:1.4;color:#698a7e}.choose-episode{border:1px solid #9dc8bb;border-radius:12px;background:#fff8;color:#286857;font-size:11px;padding:12px;width:100%;margin-top:13px}.village-status{position:absolute;left:22px;top:260px;padding:12px 16px;border:1px solid #a5edc1;border-radius:14px;background:#174b41ed;color:#d4f7dc;font-size:11px;width:250px;pointer-events:none}.village-status meter{display:block;width:100%;height:14px;margin:5px 0}.village-status b{font-size:11px}.king-order{position:absolute;top:110px;right:20px;max-width:260px;border:2px solid #e6c777;border-radius:18px;background:#fff7dced;color:#704b78;padding:12px 16px;font-size:13px;pointer-events:none}.card{max-height:100%;overflow:auto}body[data-episode="2"] .mission{max-width:270px}
@media(max-width:700px){.village-status{left:12px;top:224px;width:220px;padding:8px 12px;font-size:10px}.king-order{top:290px;left:12px;right:auto;max-width:220px;font-size:11px;padding:8px 12px}.episode-select button{padding:10px 8px;min-height:100px}.episode-select b{font-size:12px}.hero-icon{font-size:32px}body[data-episode="2"] #toast{top:40%}}
@media(max-width:400px){.brand{display:none}.stats{margin-left:0}.mission{max-width:235px}.weapon{bottom:calc(196px + env(safe-area-inset-bottom))}.look-hint{bottom:calc(268px + env(safe-area-inset-bottom))}}
@media(max-height:520px) and (min-width:600px){.hud{top:9px}.brand{font-size:10px}.brand strong{font-size:20px}.brand small{display:none}.stats{padding:7px 12px}.mission{top:77px;left:15px;padding:10px 14px;max-width:240px}.mission strong{font-size:13px}.mission small{font-size:10px}#joystick{width:100px;height:100px;left:22px;bottom:28px}.round{width:85px;height:85px;bottom:25px}#jump{right:129px;width:56px;height:56px;bottom:25px}.supplies{bottom:125px;right:24px}.weapon{bottom:17px;max-width:290px;padding:8px 12px}.look-hint{bottom:104px}.card{padding:17px 23px;max-height:100%;overflow:auto}.hero-icon{display:none}h1{font-size:30px}h1 br{display:none}#story{font-size:11px;margin-bottom:8px}.instructions{grid-template-columns:1fr 1fr 1fr;font-size:9px;padding:9px;gap:10px;margin:8px 0 12px}.start-button{padding:12px}.card>small{margin-top:10px}}

@media(max-height:520px) and (min-width:600px){.village-status{top:190px;left:15px;width:240px;padding:7px 12px}.king-order{top:78px;left:auto;right:20px;max-width:230px}.episode-select{margin:8px 0}.episode-select button{min-height:70px;padding:8px}.episode-select b{margin:4px 0}}
@media(max-height:680px) and (max-width:599px){.king-order{top:280px;left:12px;right:12px;max-width:none;padding:4px 8px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

@media(pointer:coarse),(max-width:700px){#joystick{scale:var(--teo-control-scale,1);transform-origin:bottom left}#jump,#shoot,.supplies{scale:var(--teo-control-scale,1);transform-origin:bottom right}#jump,#shoot,.supplies button{min-width:44px;min-height:44px}.card{max-height:90dvh;touch-action:pan-y}}
@media(max-height:500px) and (pointer:coarse){#joystick{width:86px;height:86px}.look-hint,.move-hint{display:none}.supplies{bottom:125px}.weapon{max-width:240px}}
@media(pointer:coarse),(max-width:700px){#jump{right:calc(28px + 89px * var(--teo-control-scale,1))}.supplies{bottom:calc(45px + 89px * var(--teo-control-scale,1))}.look-hint{display:none}}
@media(max-width:700px) and (min-height:501px){#joystick{width:100px;height:100px}.weapon{bottom:calc(125px + 89px * var(--teo-control-scale,1))}}