@font-face{font-family:Trail;src:url('assets/fonts/dm-sans-latin.woff2') format('woff2');font-display:swap}@font-face{font-family:Story;src:url('assets/fonts/fraunces-latin.woff2') format('woff2');font-display:swap}
:root{font-family:Trail,system-ui,sans-serif;color:#f5eacb;background:#263e32;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden;width:100%;height:100dvh;overscroll-behavior:none}button,select,input{font:inherit}button{touch-action:manipulation}button:focus-visible{outline:3px solid #ffe595;outline-offset:3px}#game{position:fixed;inset:0;overflow:hidden;touch-action:none}#game canvas{display:block;width:100%;height:100%;outline:none;image-rendering:auto}#hud-root{position:fixed;inset:0;pointer-events:none;z-index:5}#panel-root{position:relative;z-index:20}#toast-root{position:fixed;z-index:40;left:50%;bottom:155px;transform:translateX(-50%);pointer-events:none;max-width:min(90vw,480px)}#loading{position:absolute;inset:0;background:radial-gradient(ellipse at center,#365b46,#172c26);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:60}#loading h1{font:600 clamp(42px,9vw,76px) Story,serif;margin:10px 0 0;letter-spacing:-3px}#loading p{font-size:10px;letter-spacing:5px;color:#c5cba9}.loading-mark{font-size:60px;color:#e2bc66}.loading-track{width:220px;height:5px;border-radius:5px;background:#172d25;margin:35px 0 15px;overflow:hidden}.loading-track i{display:block;height:100%;background:#e2bc66;width:0;transition:width .2s}#loading small{color:#a6b99e;font-size:12px}#world-controls{position:fixed;z-index:7;left:20px;right:20px;bottom:max(88px,calc(env(safe-area-inset-bottom) + 76px));display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}#world-controls[hidden]{display:none}#joystick{height:112px;width:112px;flex:none;border:1px solid #fff4cc55;border-radius:50%;background:#263b3280;position:relative;pointer-events:auto;touch-action:none;box-shadow:inset 0 2px 18px #142b3155;opacity:.7}#joystick span{position:absolute;inset:24px;border:1px solid #ffe8ab33;border-radius:50%}#joystick-knob{display:block;position:absolute;width:44px;height:44px;top:33px;left:33px;border-radius:50%;border:2px solid #ffe8ab88;background:#ede0b58c;box-shadow:0 4px 8px #16312d60}#interact{width:94px;height:76px;border:1px solid #d4bb7c99;border-radius:22px;background:linear-gradient(#3c5546e8,#203c32ed);color:#fff1cc;pointer-events:auto;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 4px 0 #142c26,0 5px 16px #17281f55}#interact b{font-size:23px;font-weight:400}#interact span{font-size:11px}#interact kbd{position:absolute;right:8px;top:7px;opacity:.6;font-size:10px}#interact.ready{border-color:#f7d98f;box-shadow:0 0 20px #f7d98f40,0 4px 0 #142c26}.world-hint{text-align:center;align-self:flex-end;display:flex;flex-direction:column;gap:7px;margin:0 10px 12px;filter:drop-shadow(0 2px 3px #142b25);font-size:12px;font-weight:600}.world-hint small{font-size:10px;color:#eee4ceaa}#help-button{position:fixed;right:20px;top:155px;z-index:7;border:1px solid #f2d99a77;background:#273e35c9;color:#f5e9c3;width:32px;height:32px;border-radius:50%;cursor:pointer}#guide{border:1px solid #d2b77588;border-radius:20px;background:#f3e8cc;color:#2f3d30;max-width:480px;width:calc(100% - 30px);padding:30px;box-shadow:0 20px 100px #05130ecc}#guide::backdrop{background:#0c231a9c;backdrop-filter:blur(5px)}#guide h1{font:600 32px Story,serif;letter-spacing:-1px;margin:14px 0}#guide p,#guide li{font-size:13px;line-height:1.6}#guide ul{padding-left:18px}#guide li{padding-bottom:9px}#guide .guide-small{font-size:10px;color:#7b8064}.guide-kicker{font-size:9px;letter-spacing:2px;color:#7e784f}.guide-close{position:absolute;right:12px;top:10px;border:0;background:none;color:#54634b;width:36px;height:36px;font-size:28px}.guide-start{width:100%;background:#385a40;color:#f8efcb;border:0;padding:15px;border-radius:10px;font-weight:700;margin-top:10px;display:flex;justify-content:space-between;cursor:pointer}.guide-start span{color:#d9c987}@media(min-width:900px){#joystick{width:86px;height:86px;opacity:.38}#joystick-knob{top:21px;left:21px}#joystick span{inset:18px}.world-hint{position:absolute;left:50%;transform:translateX(-50%);bottom:0}#world-controls{left:28px;right:28px}#interact{width:88px;height:72px}}@media(max-width:540px){#world-controls{left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom))}#joystick{width:100px;height:100px}#joystick-knob{top:27px;left:27px}#interact{width:82px;height:73px}.world-hint{font-size:10px;max-width:145px;margin-bottom:15px}.world-hint small{display:none}#help-button{top:147px;right:12px}#toast-root{bottom:195px}}@media(max-height:530px){#world-controls{bottom:70px}#joystick{transform:scale(.72);transform-origin:bottom left}#interact{height:55px;width:73px}#guide{max-height:95dvh;overflow:auto}#help-button{top:110px}.world-hint{margin-bottom:0}}
@media(max-width:600px),(pointer:coarse){#help-button{width:44px;height:44px}.guide-close{width:44px;height:44px}}