:root{color-scheme:dark}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0d1a0d;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#game{display:block;width:100vw;height:100vh;height:100dvh;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.debug-readout{position:absolute;top:3.4rem;left:.75rem;margin:0;padding:.4rem .6rem;border-radius:.4rem;background:#00000073;color:#d8f0d8;font-size:.75rem;line-height:1.5;font-variant-numeric:tabular-nums;white-space:pre-wrap;max-width:min(26rem,calc(100vw - 1.5rem))}.settings{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1.5rem;background:#040a06b8;backdrop-filter:blur(6px);overflow-y:auto}.settings[hidden]{display:none}.settings-panel{width:min(30rem,100%);padding:1.5rem;border-radius:.9rem;background:#14210f;border:1px solid #2f4a26;color:#e4f2dc;box-shadow:0 1.5rem 3rem #00000080}.settings-panel h2{margin:0 0 1.25rem;font-size:1.35rem;letter-spacing:.02em}.settings-row{display:grid;grid-template-columns:8rem 1fr;gap:.5rem 1rem;align-items:center;padding:.7rem 0;border-top:1px solid #24371c}.settings-row label{font-size:.9rem;color:#c3dbb6}.settings-hint{grid-column:2;margin:0;font-size:.72rem;line-height:1.4;color:#7e9b72}.settings-row input[type=range]{width:100%;accent-color:#7fbf4f}.settings-key,.settings-choice button,.settings-actions button{font:inherit;font-size:.85rem;padding:.4rem .8rem;border-radius:.4rem;border:1px solid #3c5c30;background:#1d2f16;color:#e4f2dc;cursor:pointer}.settings-key{min-width:8rem}.settings-choice{display:flex;gap:.4rem;flex-wrap:wrap}.settings-choice button.is-selected{background:#4b7a2c;border-color:#7fbf4f}.settings-actions{display:flex;justify-content:space-between;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #24371c}.settings-done{background:#4b7a2c;border-color:#7fbf4f}.touch{--touch-scale: 1;position:fixed;inset:0;z-index:10;touch-action:none;pointer-events:auto;background:transparent}.touch[hidden]{display:none}.touch-stick,.touch-button{position:absolute;pointer-events:auto;user-select:none;-webkit-user-select:none}.touch-stick{bottom:calc(2rem + env(safe-area-inset-bottom));width:calc(124px * var(--touch-scale));height:calc(124px * var(--touch-scale));border-radius:50%;border:2px solid rgba(232,245,224,.55);background:#0a160847;display:grid;place-items:center}.touch-thumb{width:calc(46px * var(--touch-scale));height:calc(46px * var(--touch-scale));border-radius:50%;background:#e8f5e0d1;box-shadow:0 .15rem .5rem #0006;transition:transform .06s linear}.touch-button{display:grid;place-items:center;gap:.1rem;border-radius:50%;border:2px solid rgba(232,245,224,.45);background:#0e1e0a8c;color:#eaf6e2;font-family:inherit;font-weight:700;letter-spacing:.06em}.touch-button.is-held{background:#78be4cb3}.touch-attack{bottom:calc(2.4rem + env(safe-area-inset-bottom));width:calc(108px * var(--touch-scale));height:calc(108px * var(--touch-scale));font-size:calc(.72rem * var(--touch-scale));border-color:#e27a60cc;background:#601c1299}.touch-chomp{width:calc(38px * var(--touch-scale));height:calc(38px * var(--touch-scale));color:#f4d9c6}.touch-jump,.touch-crouch{width:calc(74px * var(--touch-scale));height:calc(74px * var(--touch-scale));font-size:calc(.62rem * var(--touch-scale))}.touch-jump{bottom:calc(9.5rem + env(safe-area-inset-bottom))}.touch-crouch{bottom:calc(2.6rem + env(safe-area-inset-bottom))}.touch[data-hand=left] .touch-stick{left:calc(1.6rem + env(safe-area-inset-left))}.touch[data-hand=left] .touch-attack{right:calc(1.6rem + env(safe-area-inset-right))}.touch[data-hand=left] .touch-jump{right:calc(9.2rem + env(safe-area-inset-right))}.touch[data-hand=left] .touch-crouch{right:calc(9.6rem + env(safe-area-inset-right))}.touch[data-hand=right] .touch-stick{right:calc(1.6rem + env(safe-area-inset-right))}.touch[data-hand=right] .touch-attack{left:calc(1.6rem + env(safe-area-inset-left))}.touch[data-hand=right] .touch-jump{left:calc(9.2rem + env(safe-area-inset-left))}.touch[data-hand=right] .touch-crouch{left:calc(9.6rem + env(safe-area-inset-left))}.hud-bars{position:absolute;left:.75rem;bottom:.75rem;transition:bottom .15s ease;display:flex;flex-direction:column;gap:.2rem;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hud-row{display:flex;gap:2px}.hud-hearts{display:flex;flex-direction:column;gap:2px;margin-bottom:.25rem}.hud-heart{width:13px;height:12px;clip-path:path("M6.5 12 L0.6 5.6 A3.4 3.4 0 0 1 6.5 2.1 A3.4 3.4 0 0 1 12.4 5.6 Z");background:#2a0d0f}.hud-heart[data-fill=full]{background:#e0403f}.hud-heart[data-fill=half]{background:linear-gradient(to right,#e0403f 0 50%,#2a0d0f 50% 100%)}.hud-pip{width:11px;height:11px;border-radius:2px;background:#1d2417}.hud-hunger .hud-pip[data-fill=full]{background:#d08a3a}.hud-thirst .hud-pip[data-fill=full]{background:#4aa8d8}.hud-status{margin:.3rem 0 0;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:#e8f3e0;min-height:1em}.hud-status[data-urgent=yes]{color:#ff8a6b}#hud[data-touch=yes] .hud-bars{bottom:calc(12.5rem + env(safe-area-inset-bottom))}.shop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1.5rem;background:#040a06b8;backdrop-filter:blur(6px);overflow-y:auto}.shop[hidden]{display:none}.shop-panel{width:min(30rem,100%);padding:1.4rem;border-radius:.9rem;background:#14210f;border:1px solid #2f4a26;color:#e4f2dc;box-shadow:0 1.5rem 3rem #00000080}.shop-panel header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.75rem}.shop-panel h2{margin:0;font-size:1.3rem}.shop-panel h3{margin:1rem 0 .4rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#8fae80}.shop-purse{margin:0;font-weight:700;color:#f2c14e}.shop-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem .7rem;margin-bottom:.3rem;border-radius:.4rem;border:1px solid #2f4a26;background:#1b2c14;color:inherit;font:inherit;font-size:.85rem;text-align:left;cursor:pointer}.shop-item:hover:not(:disabled){background:#29441d}.shop-item.is-unavailable{opacity:.5}.shop-item:disabled{opacity:.45;cursor:not-allowed}.shop-item-name{flex:1}.shop-item-cost{font-weight:700;color:#f2c14e}.shop-item-cost:after{content:" ¢";opacity:.65}.shop-item-why{font-size:.7rem;color:#c98b6b}.shop-done{width:100%;margin-top:1rem;padding:.5rem;border-radius:.4rem;border:1px solid #7fbf4f;background:#4b7a2c;color:#eaf6e2;font:inherit;font-weight:700;cursor:pointer}.minimap{position:absolute;top:.75rem;right:.75rem;pointer-events:none}.minimap canvas{display:block;border-radius:.4rem}.minimap-you{display:flex;align-items:center;gap:.35rem;margin-top:.3rem;font-size:.68rem;color:#d5e8ca;text-shadow:0 1px 2px rgba(0,0,0,.9)}.minimap-swatch{width:.6rem;height:.6rem;border-radius:50%;border:1px solid rgba(0,0,0,.5)}.chat{position:absolute;left:.75rem;bottom:9rem;width:min(20rem,55vw);pointer-events:none}.chat-log{max-height:8rem;overflow-y:auto;margin-bottom:.3rem}.chat-line{margin:0 0 .15rem;font-size:.75rem;line-height:1.35;color:#e7f2df;text-shadow:0 1px 2px rgba(0,0,0,.95)}.chat-who{font-weight:700;margin-right:.35rem}.chat-input{pointer-events:auto;width:100%;padding:.32rem .5rem;border-radius:.3rem;border:1px solid #3c5c30;background:#0a1608b8;color:#e7f2df;font:inherit;font-size:.78rem}.chat-input:focus{outline:2px solid #7fbf4f}#hud[data-touch=yes] .chat{bottom:16rem}.cards{position:fixed;inset:0;z-index:21;display:grid;place-items:start center;padding:1.5rem;background:#040a06bd;backdrop-filter:blur(6px);overflow-y:auto}.cards[hidden]{display:none}.cards-panel{width:min(46rem,100%);padding:1.4rem;border-radius:.9rem;background:#14210f;border:1px solid #2f4a26;color:#e4f2dc;box-shadow:0 1.5rem 3rem #00000080}.cards-panel header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.cards-panel h2{margin:0;font-size:1.3rem}.cards-panel h3{margin:1rem 0 .4rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#8fae80}.cards-count{margin:0;font-weight:700;color:#f2c14e;font-size:.85rem}.cards-note{margin:.3rem 0 .6rem;font-size:.72rem;color:#7e9b72}.cards-offer{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;margin-bottom:.3rem;border-radius:.4rem;border:1px solid #4a6b2c;background:#1d2f16;font-size:.78rem}.cards-offer span{flex:1}.cards-offer button{font:inherit;font-size:.72rem;font-weight:700;padding:.25rem .6rem;border-radius:.3rem;border:1px solid #7fbf4f;background:#4b7a2c;color:#eaf6e2;cursor:pointer}.cards-offer button.is-decline{background:#3a2420;border-color:#7a4a3c}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.6rem;margin-top:.5rem}.card{padding:.5rem;border-radius:.5rem;border:2px solid var(--rarity, #4a6b2c);background:linear-gradient(180deg,#1d2f16,#16240f);text-align:center}.card.is-locked{opacity:.42;border-style:dashed}.card-art{border-radius:.35rem;overflow:hidden;margin-bottom:.35rem}.card-art canvas{display:block;width:100%;height:auto}.card-name{margin:0;font-size:.78rem;font-weight:700}.card-status{margin:.1rem 0 0;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;color:var(--rarity, #8fae80);font-weight:700}.card-pips{display:flex;justify-content:center;gap:3px;margin:.3rem 0}.card-pips span{width:8px;height:8px;border-radius:50%;background:#2c3d22;border:1px solid #3d5230}.card-pips span.is-on{background:var(--rarity, #7fbf4f)}.card-worth{margin:0;font-size:.7rem;color:#f2c14e;font-weight:700}.card-fact{margin:.25rem 0 0;font-size:.6rem;line-height:1.35;color:#7e9b72}.cards-done{width:100%;margin-top:1rem;padding:.5rem;border-radius:.4rem;border:1px solid #7fbf4f;background:#4b7a2c;color:#eaf6e2;font:inherit;font-weight:700;cursor:pointer}.side-tab{position:fixed;right:0;top:42%;z-index:12;padding:.85rem .35rem;border:1px solid #3c5c30;border-right:none;border-radius:.4rem 0 0 .4rem;background:#0e1e0adb;color:#d8ecca;font:inherit;font-size:.56rem;font-weight:700;letter-spacing:.08em;line-height:1.5;text-align:center;cursor:pointer}.side-tab:hover,.side-tab.is-open{background:#4b7a2c;border-color:#7fbf4f}.customize{position:fixed;inset:0;z-index:22;display:grid;place-items:center;padding:1.5rem;background:#040a06b8;backdrop-filter:blur(6px)}.customize[hidden]{display:none}.customize-panel{width:min(24rem,100%);padding:1.4rem;border-radius:.9rem;background:#14210f;border:1px solid #2f4a26;color:#e4f2dc;box-shadow:0 1.5rem 3rem #00000080}.customize-panel h2{margin:0 0 1rem;font-size:1.25rem}.customize-panel label{display:block;margin-bottom:.3rem;font-size:.8rem;color:#c3dbb6}.customize-panel input{width:100%;padding:.45rem .6rem;border-radius:.35rem;border:1px solid #3c5c30;background:#0f1a0b;color:#e7f2df;font:inherit;font-size:.9rem}.customize-panel input:focus{outline:2px solid #7fbf4f}.customize-hint{margin:.5rem 0 0;font-size:.68rem;line-height:1.45;color:#7e9b72}.customize-done{width:100%;margin-top:1rem;padding:.5rem;border-radius:.4rem;border:1px solid #7fbf4f;background:#4b7a2c;color:#eaf6e2;font:inherit;font-weight:700;cursor:pointer}.start{position:fixed;inset:0;z-index:40;display:grid;place-items:start center;padding:1.25rem;overflow-y:auto;background:radial-gradient(circle at 50% 0%,#1d3315,#070d05 70%)}.start[hidden]{display:none}.start-panel{width:min(38rem,100%);padding:1.5rem;border-radius:1rem;background:#14210f;border:1px solid #33512a;color:#e4f2dc;box-shadow:0 2rem 4rem #0009}.start-panel h1{margin:0;font-size:clamp(1.8rem,7vw,2.6rem);letter-spacing:.01em}.start-by{margin:.15rem 0 1.1rem;font-size:.82rem;color:#8fae80}.start-goal{padding:.85rem 1rem;margin-bottom:1rem;border-radius:.6rem;background:#1d2f16;border-left:3px solid #7fbf4f}.start-goal h2{margin:0 0 .35rem;font-size:.95rem}.start-goal p{margin:0;font-size:.86rem;line-height:1.5}.start-steps{margin:0 0 1.1rem;padding-left:1.2rem}.start-steps li{margin-bottom:.5rem;font-size:.84rem;line-height:1.5}.start-controls{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));margin-bottom:1.2rem}.start-controls>div{padding:.7rem .85rem;border-radius:.5rem;background:#101a0c;border:1px solid #2a4021}.start-controls h3{margin:0 0 .3rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:#8fae80}.start-controls p{margin:0;font-size:.76rem;line-height:1.55}.start-play{width:100%;padding:.85rem;border-radius:.5rem;border:1px solid #7fbf4f;background:#4b7a2c;color:#eaf6e2;font:inherit;font-size:1.05rem;font-weight:700;letter-spacing:.05em;cursor:pointer}.start-play:hover{background:#5b8f36}.menu{position:fixed;z-index:14;top:.75rem;left:.75rem}.menu[hidden]{display:none}.menu-button{padding:.55rem .8rem;border-radius:.45rem;border:1px solid #4a6b2c;background:#0e1e0ae0;color:#eaf6e2;font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.08em;cursor:pointer}.menu-button.is-open{background:#4b7a2c;border-color:#7fbf4f}.menu-sheet{position:absolute;top:calc(100% + .4rem);left:0;display:grid;gap:.25rem;padding:.4rem;min-width:11rem;border-radius:.5rem;border:1px solid #33512a;background:#0c1808f5;box-shadow:0 1rem 2rem #0000008c}.menu-sheet[hidden]{display:none}.menu-item{display:flex;align-items:center;gap:.55rem;padding:.55rem .6rem;border-radius:.35rem;border:1px solid transparent;background:transparent;color:#e4f2dc;font:inherit;font-size:.82rem;text-align:left;cursor:pointer}.menu-item:hover{background:#29441d;border-color:#4a6b2c}.menu-icon{font-size:1rem;width:1.3rem;text-align:center}@media(max-width:820px){.debug-readout{display:none}}@media(max-width:820px){#hud[data-touch=yes] .hud-bars{bottom:calc(11rem + env(safe-area-inset-bottom))}.chat{left:.6rem;width:min(16rem,62vw)}#hud[data-touch=yes] .chat{bottom:calc(15.5rem + env(safe-area-inset-bottom))}.chat-log{max-height:5.5rem}.chat-input{display:none}.chat.is-open .chat-input{display:block}.minimap{top:.5rem;right:.5rem;transform:scale(.68);transform-origin:top right}.side-tab{top:58%;font-size:.5rem;padding:.7rem .28rem}.hud-heart{width:11px;height:10px}.hud-pip{width:9px;height:9px}}.bite{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:72px;height:72px;pointer-events:none;display:grid;place-items:center}.bite[hidden]{display:none}.bite-svg{width:72px;height:72px;transform:rotate(-90deg)}.bite-track{fill:none;stroke:#00000073;stroke-width:5}.bite-fill{fill:none;stroke:#f2c14e;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .06s linear}.bite[data-nearly=yes] .bite-fill{stroke:#e0553c}.bite-label{position:absolute;top:100%;white-space:nowrap;font-size:.66rem;font-weight:700;color:#f6e3a8;text-shadow:0 1px 3px rgba(0,0,0,.95)}.toasts{position:absolute;left:50%;top:12%;transform:translate(-50%);display:grid;gap:.3rem;justify-items:center;pointer-events:none}.toast{padding:.4rem .8rem;border-radius:.4rem;background:#0c1808e6;border:1px solid #4a6b2c;color:#eaf6e2;font-size:.8rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:opacity .35s ease,transform .35s ease}.toast[data-kind=good]{border-color:#7fbf4f;color:#d9f5c6}.toast[data-kind=bad]{border-color:#c0603c;color:#f5d3c6}.toast.is-going{opacity:0;transform:translateY(-.5rem)}