.game-hud{--hud-ground:#1c423a;--hud-ink:#fff9e4;--hud-muted:#c4d6bd;color:var(--hud-ink)}.vitals{top:112px;left:max(36px, env(safe-area-inset-left));background:var(--hud-ground);border-radius:14px;align-items:center;gap:13px;padding:13px 16px 13px 12px;display:flex;position:fixed;box-shadow:0 6px 18px #234c3620}.soul-portrait{place-items:center;width:44px;height:48px;display:grid}.soul-portrait svg{width:46px;height:46px}.vital-bars{width:140px}.vital-label{color:#edf2d9;justify-content:space-between;gap:16px;margin-bottom:5px;font-size:9px;display:flex}.vital-label>span:last-child{font-variant-numeric:tabular-nums}.energy-label{margin-top:9px}progress{appearance:none;background:#365b4e;border:0;border-radius:3px;width:100%;height:5px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#365b4e;border-radius:3px}progress::-webkit-progress-value{background:#b4dc91;border-radius:3px}progress::-moz-progress-bar{background:#b4dc91;border-radius:3px}.energy-bar::-webkit-progress-value{background:#83d4e4}.energy-bar::-moz-progress-bar{background:#83d4e4}.biomass{color:#e9d7ad;font-variant-numeric:tabular-nums;grid-template-columns:20px auto;align-items:center;gap:4px;margin-left:3px;font-size:18px;display:grid}.biomass svg{width:18px;height:18px}.biomass-label{color:#e5d8b8;grid-column:1/3;font-size:8px}.utility-controls{right:max(36px, env(safe-area-inset-right));bottom:max(66px, calc(env(safe-area-inset-bottom) + 36px));gap:12px;display:flex;position:fixed}.utility-button{appearance:none;color:#fcf5dd;width:62px;height:68px;font:inherit;cursor:pointer;touch-action:manipulation;background:#234c40;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:10px;transition:background .18s ease-out,transform .18s ease-out;display:flex;box-shadow:0 4px 14px #183d391f}.utility-button svg{width:22px;height:22px}.utility-button:hover{background:#35634d}.utility-button:active{transform:translateY(2px)}.utility-button[aria-pressed=true]{color:#244d3d;background:#e8edc2}.ability-controls{right:max(36px, env(safe-area-inset-right));bottom:max(140px, calc(env(safe-area-inset-bottom) + 112px));gap:8px;display:flex;position:fixed}.ability-button{width:72px;height:46px;font-size:9px}button:focus-visible{outline-offset:4px;outline:3px solid #f4e5a3}.movement-controls{left:max(34px, env(safe-area-inset-left));bottom:max(42px, calc(env(safe-area-inset-bottom) + 24px));text-align:center;display:none;position:fixed}.joystick{touch-action:none;-webkit-user-select:none;user-select:none;background:#193e365c;border:1px solid #f0f4c98c;border-radius:50%;width:144px;height:144px;position:relative}.joystick:after{content:"";pointer-events:none;border:1px solid #e6eac23d;border-radius:50%;position:absolute;inset:14px}.stick-cross{border:1px solid #e6eac23d;border-radius:50%;width:20px;height:20px;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}.stick-knob{width:46px;height:46px;transform:translate(var(--stick-x,0px), var(--stick-y,0px));pointer-events:none;background:#e6ecc6;border-radius:50%;position:absolute;top:calc(50% - 23px);left:calc(50% - 23px);box-shadow:0 3px 12px #244e383b}.stick-caption{color:#264e40;margin-top:8px;font-size:9px;display:block}.control-hint{color:#234b3c;grid-template-columns:70px auto;align-items:center;font-size:11px;display:grid;position:fixed;bottom:67px;left:50%;transform:translate(-50%)}.control-hint>kbd{justify-self:center}.control-hint>span:not(.hint-text){text-align:center;grid-area:2/1}.hint-text{grid-area:1/2/3;margin-left:12px;line-height:1.8}.hint-text small{color:#355e4b;font-size:10px}kbd{background:#e4ebc9;border-radius:4px;place-items:center;width:19px;height:19px;font:9px Open Sans,sans-serif;display:inline-grid}.orientation-note{display:none}.pause-message{text-align:center;pointer-events:none;background:#1c423a;border-radius:16px;padding:22px 30px;position:fixed;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #19382f33}.pause-message strong{font:400 25px Soul Serif,Georgia,serif;display:block}.pause-message>span{color:#d0dfba;margin-top:9px;font-size:11px;display:block}.creature-marker{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.creature-hp-bar{z-index:7;background:linear-gradient(90deg, #f5d36d var(--hp,100%), #294d40 var(--hp,100%));pointer-events:none;border:1px solid #173b31;border-radius:4px;width:46px;height:5px;position:fixed;transform:translate(-50%,-50%)}.creature-hp-bar[hidden]{display:none}.combat-effect{z-index:8;color:#fff1a4;text-shadow:0 2px 10px #183d39;pointer-events:none;font:700 28px Open Sans,sans-serif;animation:.7s ease-out both combat-pop;position:fixed;top:42%;left:50%}.combat-effect-death{color:#b5f5d1}.combat-effect-warning{color:#ffe36e;font-size:34px}.combat-effect-hit{color:#fff1a4;font-size:24px}.combat-effect-synergy{color:#f1dc83;font-size:25px;font-weight:800}.defeat-message{z-index:12;color:#fff5d8;text-align:center;background:#183d36ee;border-radius:18px;min-width:220px;padding:24px;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 12px 36px #183d3959}.absorption-panel{z-index:11;left:50%;bottom:max(24px, calc(env(safe-area-inset-bottom) + 18px));color:#fff5d8;text-align:center;background:#183d36ef;border:1px solid #f5df9a88;border-radius:14px;gap:7px;min-width:240px;padding:12px 14px;font-size:11px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 8px 26px #183d3959}.absorption-panel>span{color:#c8ddc0;font-size:9px}.absorption-options{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.absorption-options button{color:#244d3d;font:inherit;cursor:pointer;background:#f2df9a;border:0;border-radius:8px;padding:7px 9px;font-size:10px}.absorption-panel label{color:#c8ddc0;justify-content:space-between;align-items:center;gap:8px;font-size:9px;display:flex}.absorption-panel select{color:#244d3d;max-width:130px;font:inherit;background:#eef2d2;border:0;border-radius:6px;padding:4px}.absorption-decline{color:#c8ddc0;font:inherit;cursor:pointer;background:0 0;border:0;font-size:9px}.absorption-error{color:#ffc4a8;min-height:12px;margin:0;font-size:9px}.discovery-toast{z-index:13;color:#fff5d8;text-align:center;pointer-events:none;background:#183d36ef;border:1px solid #f4df9b;border-radius:12px;gap:4px;min-width:220px;padding:12px 16px;display:grid;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #183d3959}.discovery-toast strong{color:#f6df9b;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.discovery-toast span{font:19px Georgia,serif}.discovery-toast small{color:#c8ddc0;font-size:9px}.defeat-message strong{font:26px Georgia,serif;display:block}.defeat-message span{color:#c8ddc0;margin:8px 0 16px;font-size:12px;display:block}.restart-button{color:#244d3d;font:inherit;cursor:pointer;background:#f2df9a;border:0;border-radius:10px;padding:11px 18px}@keyframes combat-pop{0%{opacity:0;transform:translate(-50%,8px)scale(.7)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-28px)scale(1.25)}}@media (pointer:coarse){.movement-controls{display:block}.control-hint{display:none}.place-name{top:205px;bottom:auto}.place-name h2{font-size:24px}.place-name .place-line,.place-name p{display:none}}@media (max-height:540px){.vitals{top:77px;left:max(22px, env(safe-area-inset-left));gap:8px;padding:8px 12px 8px 8px}.vital-bars{width:105px}.soul-portrait{width:34px;height:40px}.soul-portrait svg{width:37px;height:37px}.vital-label{font-size:8px}.biomass{margin-left:2px;font-size:15px}.biomass-label{font-size:7px}.utility-controls{right:max(22px, env(safe-area-inset-right));bottom:max(42px, calc(env(safe-area-inset-bottom) + 16px))}.movement-controls{left:max(22px, env(safe-area-inset-left));bottom:max(36px, calc(env(safe-area-inset-bottom) + 14px))}.joystick{width:124px;height:124px}.stick-caption{margin-top:5px;font-size:8px}.utility-button{width:58px;height:62px}.control-hint{bottom:43px}}@media (pointer:coarse) and (max-height:540px){.place-name{top:157px}.place-name h2{font-size:18px}}@media (max-width:540px) and (orientation:portrait){.vitals{top:102px;left:22px}.chapter{display:none}.movement-controls{left:max(22px, env(safe-area-inset-left));bottom:max(69px, calc(env(safe-area-inset-bottom) + 42px))}.joystick{width:132px;height:132px}.utility-controls{bottom:max(82px, calc(env(safe-area-inset-bottom) + 54px));right:max(22px, env(safe-area-inset-right));gap:9px}.utility-button{width:55px;height:62px}.orientation-note{color:#274e3f;align-items:center;gap:8px;font-size:11px;display:flex;position:fixed;top:210px;left:22px;right:22px}.orientation-note svg{width:16px;height:20px;transform:rotate(-90deg)}.place-name{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}@font-face{font-family:Soul Serif;src:url(/fonts/NotoSerif-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Open Sans;src:url(/fonts/OpenSans-Regular.ttf)format("truetype");font-display:swap}:root{color:#fff8df;font-synthesis:none;background:#c1dfcc;font-family:Open Sans,sans-serif}*{box-sizing:border-box}#app{contain:layout paint;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}::selection{color:#173f3b;background:#d6e9ac}canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}canvas:focus-visible{outline-offset:-4px;outline:2px solid #fff1b5}.world-title{top:max(28px, env(safe-area-inset-top));left:max(36px, env(safe-area-inset-left));color:#244c3e;pointer-events:none;align-items:center;gap:14px;display:flex;position:fixed}h1,h2,p{margin:0}h1{letter-spacing:-.025em;font-family:Soul Serif,Georgia,serif;font-size:29px;font-weight:400}.world-title p{letter-spacing:.13em;text-transform:uppercase;margin-top:4px;font-size:11px}.world-mark{color:#345b46;width:32px;height:40px;display:block}.world-mark svg{width:100%;height:100%}.chapter{text-align:right;color:#254c40;font-size:13px;position:fixed;top:33px;right:36px}.chapter-dot{background:#366948;border-radius:50%;width:6px;height:6px;margin:0 9px 2px 0;display:inline-block}.chapter-note{letter-spacing:.09em;margin-top:5px;font-size:10px;display:block}.place-name{color:#254b3d;pointer-events:none;position:fixed;bottom:65px;left:36px}.place-line{background:currentColor;width:40px;height:1px;margin-bottom:14px;display:block}h2{font-family:Soul Serif,Georgia,serif;font-size:31px;font-weight:400}.place-name p{margin-top:8px;font-size:12px}footer{left:36px;right:36px;bottom:max(17px, env(safe-area-inset-bottom));color:#294c40;justify-content:space-between;gap:16px;font-size:10px;display:flex;position:fixed}.error{z-index:10;color:#fff8df;background:#183d39;border-radius:12px;padding:30px;line-height:1.7;position:fixed;top:30%;left:10%;right:10%}@media (max-height:540px){.world-title{top:16px;left:max(22px, env(safe-area-inset-left));gap:9px}h1{font-size:22px}.world-mark{width:25px;height:32px}.world-title p{font-size:9px}.chapter{font-size:11px;top:20px;right:22px}.place-name{bottom:42px;left:22px}h2{font-size:24px}.place-name p{font-size:10px}footer{font-size:9px;bottom:12px;left:22px;right:22px}}@media (max-width:540px) and (orientation:portrait){.world-title{top:24px;left:20px}h1{font-size:24px}.chapter{text-align:left;top:98px;left:22px;right:auto}.place-name{bottom:80px;left:22px}footer{left:22px;right:22px}footer>span:last-child{display:none}}