:root{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--ink:#2b2118;--paper:#fffaf0;--herb:#3d8fd1;--carn:#d9572b;--gold:#ffc93c;--shadow:0 4px 0 #00000040;--gap:8px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none;background:#8fd3f4;height:100dvh;margin:0;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#game{position:fixed;inset:0}#game canvas{display:block}.hidden{display:none!important}#labels{position:fixed;pointer-events:none;overflow:hidden;inset:0}.label{position:absolute;color:#fff;text-shadow:0 1px #000,0 0 3px #0009;text-align:center;white-space:nowrap;will-change:transform;font:800 12px Nunito,sans-serif;top:0;left:0}.label.me span{color:var(--gold)}.label.hidden-in-grass{opacity:.5}.label.camo{opacity:.25}.label.packmate span{display:none}.label.packmate .hp{width:26px;height:4px}.label .hp{overflow:hidden;background:#00000073;border:1px solid #0009;border-radius:3px;width:46px;height:6px;margin:2px auto 0}.label .hp div{background:#6ee36b;height:100%}.label.carnivore .hp div{background:#ff8a5c}.label.wild span{display:none}.label.wild .hp{width:30px;height:4px}.label.wild .hp div{background:#e2cfa2}.floater{position:absolute;color:#fff;text-shadow:0 2px #7a1010;font:22px Lilita One,sans-serif;top:0;left:0}.floater.level{color:#ffd43b;text-shadow:0 2px #6b4a00}.floater.dmg.me{color:#ff5050;text-shadow:0 2px #300}.panel{box-shadow:var(--shadow);background:#fffaf0e6;border-radius:14px;padding:10px 12px}#hud{position:fixed;pointer-events:none;inset:0}#stats{position:absolute;width:250px;top:12px;left:12px}.stage-row{display:flex;justify-content:space-between;align-items:baseline}#stage-name{font:16px Lilita One,sans-serif}#xp-text{opacity:.7;font-size:12px}.bar{position:relative;overflow:hidden;background:#00000026;border-radius:6px;height:12px;margin-top:6px}.bar div{border-radius:6px;height:100%;transition:width .15s}.bar.xp div{background:var(--gold)}.bar.hp{height:16px}.bar.hp div{background:#4cc24a}.bar.hp span{position:absolute;text-align:center;color:#fff;text-shadow:0 1px #000;font-size:11px;font-weight:800;line-height:16px;inset:0}.bar.stamina{height:6px}.bar.stamina div{background:#49b3f2}.badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.badge{background:#00000014;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:800}#pack{pointer-events:auto;cursor:pointer}.badge.herd{background:#cfe8ff}.badge.camo{background:#d9f2c9}.badge.camo.on{color:#fff;background:#4caf3c}.badge.cd{opacity:.5}#right{position:absolute;display:flex;flex-direction:column;align-items: flex-end;gap:10px;top:12px;right:12px}#leaderboard{width:190px;font-size:13px}#leaderboard h3{margin:0 0 4px;font:16px Lilita One,sans-serif}#lb{margin:0;padding:0}#lb li{display:flex;align-items:baseline;gap:6px}#lb .r{opacity:.5;text-align:right;min-width:1.2em;font-size:.8em}#lb li.me{color:#b8860b;font-weight:800}#lb .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}#lb .herbivore:before{content:"🌿 "}#lb .carnivore:before{content:"🍖 "}#minimap{box-shadow:var(--shadow);background:#7fc25a;border-radius:14px;width:150px;height:150px}.hud-buttons{display:flex;gap:6px}.hud-btn{box-shadow:var(--shadow);pointer-events:auto;cursor:pointer;background:#fffaf0b3;border:none;border-radius:10px;width:34px;height:34px;padding:0;font-size:17px;line-height:34px}#feed{position:absolute;display:flex;flex-direction:column;align-items: center;gap:4px;top:12px;left:50%;transform:translate(-50%)}#feed div{color:#fff;animation:4s forwards fade;background:#2b2118bf;border-radius:10px;padding:3px 10px;font-size:13px;font-weight:800}#feed div.big{background:#b8860be6;font-size:15px}@keyframes fade{0%,80%{opacity:1}to{opacity:0}}#net{position:absolute;opacity:.8;padding:4px 8px;font-size:11px;bottom:12px;left:12px}#debug{position:absolute;color:#d8f5c8;white-space:pre;overflow:hidden;background:#141812d1;max-width:calc(100vw - 24px);margin:0;padding:6px 9px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;bottom:44px;left:12px}body.touch #debug{bottom:auto;left:50%;top:calc(var(--gap) + var(--sat));pointer-events:none;background:#14181299;border-radius:8px;padding:4px 7px;font-size:8.5px;line-height:1.35;transform:translate(-50%)}@media (max-width:600px){body.touch #debug{left:calc(var(--gap) + var(--sal));top:calc(92px + var(--sat));transform:none}}.card{position:relative}.gear{position:absolute;cursor:pointer;background:#efe6d2;border:none;border-radius:12px;width:40px;height:40px;padding:0;font-size:20px;line-height:40px;top:12px;right:12px;box-shadow:0 3px #0003}.gear:active{transform:translateY(2px);box-shadow:0 1px #0003}#settings{z-index:20;background:#1e3c1e80}.card.settings-card{text-align:left;width:min(420px,100%)}.settings-card h2{color:#4caf3c;text-shadow:0 3px #2b6b22;text-align:center;margin:0 0 6px;font:32px Lilita One,sans-serif}.settings-card h3{color:var(--ink);margin:14px 0 6px;font:18px Lilita One,sans-serif}.setting{display:grid;grid-template-columns:1fr 150px 42px;cursor:pointer;background:#f3ead6;border-radius:12px;align-items: center;gap:10px;margin-bottom:6px;padding:8px 10px;font-weight:800}.touch-setting{display:none}body.touch .touch-setting{display:block}.touch-setting .setting{grid-template-columns:1fr auto;cursor:default}.segmented{display:flex;overflow:hidden;border-radius:10px;box-shadow:0 2px #00000026}.segmented label{cursor:pointer}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:block;background:#fff;padding:6px 12px;font-size:13px;font-weight:800}.segmented input:checked+span{color:#fff;background:#4caf3c}.setting.check{grid-template-columns:1fr auto}.setting small{opacity:.7;font-weight:600}.setting output{text-align:right;font-variant-numeric:tabular-nums;opacity:.8}.setting input[type=range]{accent-color:#4caf3c;width:100%}.setting input[type=checkbox]{accent-color:#4caf3c;width:22px;height:22px}kbd{background:#fff;border-radius:4px;padding:1px 5px;font:11px ui-monospace,monospace;box-shadow:0 1px #00000040}.done{display:block;color:#fff;cursor:pointer;background:#4caf3c;border:none;border-radius:14px;width:100%;margin-top:14px;padding:10px;font:22px Lilita One,sans-serif;box-shadow:0 5px #2b6b22}.done.secondary{color:var(--ink);background:#efe6d2;box-shadow:0 5px #c9bc9f}.done.danger{background:#d9572b;box-shadow:0 5px #8f3517}#pause{z-index:19}.pause-card .help{text-align:center;margin:0 0 4px}.done:active{transform:translateY(3px);box-shadow:0 2px #2b6b22}@media (max-width:420px){.setting{grid-template-columns:1fr 42px}.setting input[type=range]{grid-column:1/-1;grid-row:2}}.overlay{position:fixed;display:grid;overflow:auto;background:#1e3c1e59;place-items: center;padding:16px;inset:0}.card{background:var(--paper);text-align:center;border-radius:22px;width:min(720px,100%);min-width:0;padding:22px;box-shadow:0 8px #00000040}h1{color:#4caf3c;text-shadow:0 4px #2b6b22;letter-spacing:1px;margin:0 0 10px;font:52px Lilita One,sans-serif}.death{color:#b33;margin:0 0 10px;font-size:18px;font-weight:800}#name{text-align:center;outline:none;background:#fff;border:3px solid #d9cfb8;border-radius:12px;width:100%;padding:10px 14px;font:800 18px Nunito,sans-serif}#name:focus{border-color:var(--gold)}.diets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.diet{font:inherit;text-align:left;cursor:pointer;color:#fff;box-shadow:var(--shadow);border:3px solid #0000;border-radius:16px;padding:12px;transition:transform .1s}.diet:hover{transform:translateY(-2px)}body.loading .diet{opacity:.6;pointer-events:none}.diet.herbivore{background:var(--herb)}.diet.carnivore{background:var(--carn)}.diet.selected{border-color:var(--gold);transform:translateY(-3px)scale(1.02)}.diet-title{font:22px Lilita One,sans-serif}.diets{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.cls-card{display:flex;position:relative;flex-direction:column;gap:6px}.cc-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.cc-diet{opacity:.9;white-space:nowrap;font-size:11px;font-weight:800}.cc-stage{cursor:grab;touch-action:pan-y;background:radial-gradient(at 50% 75%,#ffffff8c,#ffffff1f 70%);border:2px solid #ffffff73;border-radius:12px;height:150px}.cc-stats div{display:grid;grid-template-columns:46px 1fr;align-items: center;font-size:11px;font-weight:800}.cc-stats i{overflow:hidden;background:#00000038;border-radius:4px;height:7px}.cc-stats b{display:block;background:#fff;height:100%}.cc-skill{background:#0000002e;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:800}.cls-card ul{margin:0}.cc-canvas{position:fixed;pointer-events:none;z-index:5;inset:0}.diet ul{margin:6px 0;padding-left:18px;font-size:13px}.count{opacity:.9;font-size:12px;font-weight:800}#play{color:#fff;cursor:pointer;background:#4caf3c;border:none;border-radius:14px;width:100%;padding:12px;font:26px Lilita One,sans-serif;box-shadow:0 5px #2b6b22}#play:disabled{cursor:default;background:#a9b8a3;box-shadow:0 5px #7d8a78}#play:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px #2b6b22}.help{opacity:.75;margin:12px 0 0;font-size:13px}.gear.book{right:60px}@media (max-width:700px){.gear.book{left:12px;right:auto}}#guide{z-index:20;background:#1e3c1e80}.card.guide-card{width:min(560px,100%)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 4px}.g-tile{text-align:center;background:#f3ead6;border-radius:12px;min-width:0;padding:6px 8px;font-size:12px;line-height:1.35}.g-tile.span2{grid-column:1/-1}.g-tile h4{color:#2b6b22;margin:0 0 3px;font:15px Lilita One,sans-serif}.g-note{opacity:.85;margin:4px 0 0}.g-row{display:flex;flex-wrap:wrap;justify-content:space-around;align-items: flex-end;gap:8px}.g-item{display:flex;flex-direction:column;align-items: center;gap:4px;font-weight:800}#guide kbd{display:inline-block;text-align:center;background:#fff;border-radius:6px;min-width:26px;padding:3px 6px;font:800 12px Nunito,sans-serif;box-shadow:0 3px #b9ad93}#guide kbd.wide{min-width:64px}.wasd{display:grid;grid-template-columns:repeat(3,26px);gap:3px}.wasd kbd:first-child{grid-area:1/2}.wasd kbd:nth-child(2){grid-area:2/1}.wasd kbd:nth-child(3){grid-area:2/2}.wasd kbd:nth-child(4){grid-area:2/3}.wasd kbd{min-width:0;padding:3px 0}.g-joy{background:radial-gradient(circle,#fff 0 9px,#d6dfcc 10px);border:3px solid #8a9b7e;border-radius:50%;width:34px;height:34px}.g-btn{display:grid;color:#fff;border-radius:50%;place-items: center;width:38px;height:38px;font:10px Lilita One,sans-serif}.g-btn.red{background:#e0533b}.g-btn.blue{background:#3d8fd1}.g-icon{font-size:22px;font-style:normal}.g-stages{display:flex;justify-content:space-between;align-items: flex-end}.g-stages div{display:flex;flex-direction:column;align-items: center}.g-stages i{font-style:normal;line-height:1.1}.g-stages span{font-size:10.5px;font-weight:800}.g-stages b{opacity:.4;align-self: center;font-size:18px}.g-food{display:flex;justify-content:center;align-items: center;gap:10px;margin-bottom:4px;font-size:22px}.g-food span{display:flex;align-items: center;gap:2px}.g-food small{font:800 11px Nunito,sans-serif}.g-tag{opacity:.8;font-size:15px}.g-flow{display:flex;justify-content:center;align-items: center;gap:6px;font-size:26px}.g-flow i{font-style:normal}.g-flow b{opacity:.5;font-size:16px}.g-classes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.g-class{display:flex;background:#fff;border-radius:10px;flex-direction:column;align-items: center;gap:2px;padding:6px 4px;box-shadow:0 3px #0000001f}.g-class i{font-size:26px;font-style:normal;line-height:1.1}.g-class b{margin-bottom:2px;font:14px Lilita One,sans-serif}.g-class span{font-size:11px;line-height:1.3}.g-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 6px}.g-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.g-icons span{display:flex;flex-direction:column;align-items: center;font-size:10.5px;font-weight:700;line-height:1.2}.g-icons i{font-size:18px;font-style:normal;line-height:1.15}.g-class kbd{min-width:0;padding:0 3px;font-size:10px;box-shadow:0 2px #b9ad93}.g-list{display:flex;text-align:left;flex-direction:column;gap:3px;font-weight:700}.g-list i{display:inline-block;text-align:center;width:24px;font-size:17px;font-style:normal}.touch-only{display:none!important}body.touch .touch-only{display:flex!important}body.touch .desk-only{display:none!important}@media (max-width:420px){.g-classes,.guide-grid{grid-template-columns:1fr}}#touch{display:none}#touch.on{display:block}#joy{position:fixed;pointer-events:none;background:#ffffff40;border:3px solid #ffffff80;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;top:auto;bottom:90px;left:90px}#joy.active{bottom:auto}#knob{position:absolute;background:#ffffffd9;border-radius:50%;width:44px;height:44px;top:30px;left:30px}.tbtn{position:fixed;color:#fff;box-shadow:var(--shadow);touch-action:none;border:none;border-radius:50%;font:16px Lilita One,sans-serif}.tbtn.big{background:#e0533b;width:96px;height:96px;font-size:20px;bottom:28px;right:24px}.tbtn:not(.big){background:#3d8fd1;width:68px;height:68px;bottom:30px;right:132px}.tbtn.down{filter:brightness(1.2);transform:scale(.92)}#btn-pack{position:absolute;right:calc(12px + var(--sar));bottom:calc(12px + var(--sab));display:flex;color:#fff;box-shadow:var(--shadow);pointer-events:auto;cursor:pointer;touch-action:manipulation;background:#7a4fc9;border:none;border-radius:20px;align-items: center;gap:6px;padding:6px 10px 6px 12px;font:15px Lilita One,sans-serif}#btn-pack.close{background:#c98a2b}#btn-pack.hidden{display:none}#btn-pack .pk-icon{font-size:18px}#btn-pack kbd{background:#ffffff40;border-radius:4px;padding:0 5px;font:800 11px Nunito,sans-serif}#btn-pack:active,#btn-pack.down{transform:scale(.94)}body.touch #btn-pack{right:calc(38px + var(--sar));bottom:calc(136px + var(--sab));border-radius:50%;flex-direction:column;justify-content:center;gap:0;width:68px;height:68px;padding:0;font-size:13px}#btn-pack .pk-label{opacity:.75}body.touch #btn-pack kbd,body.touch #btn-pack .pk-label{display:none}body.touch.joy-right #btn-pack{right:auto;left:calc(38px + var(--sal))}body.joy-right .tbtn.big{right:auto;left:calc(24px + var(--sal))}body.joy-right .tbtn:not(.big){right:auto;left:calc(132px + var(--sal))}body.joy-right #joy:not(.active){left:calc(100vw - 90px - var(--sar))}@media (max-width:700px){h1{font-size:38px}.diets{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;position:relative;scrollbar-width:none;padding:8px 8px 10px}.cls-card{scroll-snap-align:center;flex:0 0 74%}.diet ul{display:none}.cc-stage{height:130px}#feed{top:auto;bottom:140px}}body.menu-open #touch{display:none}#fs{position:absolute;top:calc(8px + var(--sat));box-shadow:var(--shadow);color:var(--ink);pointer-events:auto;background:#fffaf0b3;border:none;border-radius:10px;width:34px;height:34px;padding:0;font-size:18px;line-height:34px;left:50%;transform:translate(-50%)}@media (max-width:700px),(max-height:500px){.panel{background:#fffaf0b8;border-radius:10px;box-shadow:0 2px #0003}.hud-btn{width:28px;height:28px;font-size:14px;line-height:28px}#stats{left:calc(var(--gap) + var(--sal));top:calc(var(--gap) + var(--sat));width:136px;padding:5px 7px 6px}#stage-name{font-size:12px}#xp-text,#kills,#net,body.touch #cooldown{display:none}.bar{margin-top:3px}.bar.xp{height:5px}.bar.hp{height:11px}.bar.hp span{font-size:8px;line-height:11px}.bar.stamina{height:3px}.badges{gap:3px;margin-top:4px}body.touch .badges:not(:has(.badge:not(.hidden):not(#cooldown):not(#kills))){display:none}.badge{padding:1px 5px;font-size:9px}#right{right:calc(var(--gap) + var(--sar));top:calc(var(--gap) + var(--sat));gap:6px}#leaderboard{width:118px;padding:4px 7px;font-size:10px}#leaderboard h3,#lb li:nth-child(n+4):not(.me){display:none}#minimap{opacity:.9;border-radius:10px;width:78px;height:78px}.label{font-size:10px}.tbtn.big{right:calc(16px + var(--sar));bottom:calc(18px + var(--sab));width:78px;height:78px;font-size:17px}.tbtn:not(.big){right:calc(104px + var(--sar));bottom:calc(20px + var(--sab));width:56px;height:56px;font-size:13px}#joy:not(.active){left:calc(76px + var(--sal));bottom:calc(76px + var(--sab))}body.touch #btn-pack{right:calc(27px + var(--sar));bottom:calc(106px + var(--sab));width:56px;height:56px;font-size:11px}body.touch #btn-pack .pk-icon{font-size:16px}body.touch.joy-right #btn-pack{left:calc(27px + var(--sal))}body.joy-right .tbtn.big{left:calc(16px + var(--sal))}body.joy-right .tbtn:not(.big){left:calc(104px + var(--sal))}body.joy-right #joy:not(.active){left:calc(100vw - 76px - var(--sar))}}body.touch #feed{top:calc(48px + var(--sat));bottom:auto}body.touch #feed div{padding:2px 8px;font-size:11px}body.touch #feed div.big{font-size:12px}.tbtn.cd{opacity:.55}@media (orientation:portrait){body.touch #feed{top:auto;bottom:calc(110px + var(--sab))}}@media (max-height:500px){.overlay{place-items: start center;padding:8px}.card{width:min(640px,100%);margin:auto 0;padding:12px 16px}h1{margin-bottom:6px;font-size:30px}.diets{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));overflow:visible;margin:8px 0}.cls-card{gap:3px}.cc-stage{height:84px}.cc-stats,.cc-skill{display:none}.diet{padding:8px 10px}.diet ul{display:none}#name{padding:6px 12px;font-size:16px}#play{padding:8px;font-size:22px}.help{margin-top:6px;font-size:12px}}#webgl-error .card{text-align:left}#webgl-error h1{text-align:center}.gfx-title{color:#b33;margin:0 0 8px;font:24px Lilita One,sans-serif}.gfx-why,.gfx-steps{font-size:15px;line-height:1.45}.gfx-steps ol{margin:6px 0 0;padding-left:20px}.gfx-steps li{margin-bottom:6px}.gfx-steps code{user-select:all;background:#efe6d2;border-radius:5px;padding:1px 5px;font-size:13px}.gfx-detail{opacity:.6;font-family:monospace;font-size:12px}#gfx-retry{color:#fff;cursor:pointer;background:#4caf3c;border:none;border-radius:14px;width:100%;margin-top:10px;padding:10px;font:22px Lilita One,sans-serif;box-shadow:0 5px #2b6b22}