:root{--ink:#263322;--ink-soft:#5f6b52;--paper:#f1efcf;--paper-2:#e4e3bd;--leaf:#54733d;--leaf-dark:#354f2d;--sun:#e9b949;--berry:#b84e43;--water:#6ba5a0;--line:rgba(38,51,34,.22);--shadow:0 14px 0 rgba(38,51,34,.13);--font-display:"Anybody",sans-serif;--font-mono:"DM Mono",monospace}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#afc77e;color:var(--ink);font-family:var(--font-mono)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.hidden{display:none!important}
#shell,#game{position:fixed;inset:0;width:100%;height:100%}#game{touch-action:none}.screen{position:absolute;inset:0;z-index:5;padding:clamp(20px,4vw,56px);overflow:auto;background-color:#c9d98b;background-image:radial-gradient(circle at 15% 22%,rgba(255,255,220,.28) 0 3px,transparent 4px),radial-gradient(circle at 80% 65%,rgba(63,92,47,.13) 0 2px,transparent 3px);background-size:47px 47px,61px 61px}
#landing{display:grid;grid-template-columns:1fr minmax(290px,390px);grid-template-rows:auto 1fr auto;gap:28px;align-items:center}.brand{display:flex;align-items:center;gap:16px}.brand-mark{display:grid;place-items:center;width:70px;height:70px;background:var(--leaf-dark);color:var(--paper);font:800 43px/1 var(--font-display);transform:rotate(-4deg);border:4px solid var(--paper);box-shadow:5px 5px 0 var(--ink)}h1,h2,h3,p{margin-top:0}.brand h1{font:800 clamp(34px,6vw,76px)/.8 var(--font-display);font-stretch:expanded;letter-spacing:-.06em;margin:0}.brand p,.panel-number,.screen-head span{font-size:11px;letter-spacing:.16em;font-weight:500;margin:10px 0 0}.entry-panel{grid-column:2;grid-row:1/4;background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);padding:28px;display:flex;flex-direction:column;gap:12px}.entry-panel:before{content:"CHOOSE YOUR TRAIL";font:700 25px var(--font-display);margin-bottom:8px}.field-note{align-self:end;max-width:410px;border-left:4px solid var(--ink);padding-left:16px}.field-note span{font-size:10px;letter-spacing:.13em}.field-note p{font-family:var(--font-display);font-size:19px;line-height:1.3;margin:8px 0}
label{font-size:10px;letter-spacing:.12em;font-weight:500}label small{opacity:.6}input,select{width:100%;min-height:46px;border:2px solid var(--ink);border-radius:0;background:#faf8da;color:var(--ink);padding:10px 12px}.primary,.secondary{min-height:48px;border:2px solid var(--ink);padding:10px 16px;font:700 14px var(--font-display);letter-spacing:.05em;box-shadow:4px 4px 0 var(--ink);transition:transform 120ms,box-shadow 120ms}.primary{background:var(--leaf);color:#fffde5}.secondary{background:var(--sun);color:var(--ink)}.primary:hover,.secondary:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.text-button,.back,.icon-button,.menu-button{border:0;background:transparent;color:var(--ink);min-height:44px}.text-button{text-decoration:underline;text-underline-offset:5px}.dialog{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 rgba(38,51,34,.4);padding:28px}.dialog h2{font:750 38px/1 var(--font-display);margin:8px 0 20px}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.manual-grid p{display:flex;align-items:center;gap:10px;margin:0}.manual-grid kbd{min-width:66px;background:var(--ink);color:var(--paper);padding:5px;text-align:center}.manual-grid span{font-size:12px}.copy{font-family:var(--font-display);line-height:1.45;margin:22px 0}
.screen-head{display:flex;align-items:center;gap:18px;max-width:1100px;margin:0 auto 28px}.screen-head .back{font-size:34px}.screen-head h2{font:750 clamp(34px,5vw,56px)/1 var(--font-display);letter-spacing:-.04em;margin:4px 0}.online-grid{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:20px;max-width:1100px;margin:auto}.paper-panel,.lobby-sheet{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);padding:24px}.paper-panel{display:flex;flex-direction:column;gap:12px}.panel-number{color:var(--leaf-dark);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.split label{display:flex;flex-direction:column;gap:6px}.browser-title{display:flex;justify-content:space-between;align-items:start}.browser-title h3{font:700 28px var(--font-display);margin:4px 0}.icon-button{font-size:26px}.lobby-list{border-top:2px solid var(--ink);min-height:190px;max-height:320px;overflow:auto}.lobby-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:13px 2px}.lobby-row h4{font:650 18px var(--font-display);margin:0}.lobby-row p{font-size:10px;color:var(--ink-soft);margin:4px 0 0}.lobby-row button{min-height:38px;box-shadow:2px 2px 0 var(--ink)}.empty{padding:28px 0;text-align:center;color:var(--ink-soft);font-size:12px}.join-direct{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:auto}.join-direct input{min-width:0}.error{text-align:center;color:#8d302a;font-weight:500;margin:22px}.muted{color:var(--ink-soft)}
#lobby{background-color:#b9cd82}.lobby-sheet{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;max-width:820px;margin:auto}.roster{margin-top:10px}.roster-row{display:flex;align-items:center;gap:10px;min-height:44px;border-bottom:1px solid var(--line)}.roster-row i{width:12px;height:12px;background:var(--leaf);border:2px solid var(--ink)}.roster-row b{font-family:var(--font-display);font-size:18px}.roster-row small{margin-left:auto}.lobby-rules{border-left:2px solid var(--ink);padding-left:24px}.lobby-rules p{font-size:12px;border-bottom:1px solid var(--line);padding:9px 0;margin:0}.start-button{display:block;margin:28px auto 0;min-width:260px}#lobby-wait{text-align:center;font-size:11px;margin-top:16px}
#hud{position:absolute;z-index:4;inset:0;pointer-events:none;color:#fffde6;text-shadow:1px 2px 0 rgba(20,30,17,.6)}.status-stack{position:absolute;left:18px;top:18px;width:min(270px,43vw)}.meter{height:24px;background:rgba(31,44,27,.78);border:2px solid #f1efcf;position:relative;margin-bottom:7px}.meter span{display:block;height:100%;transition:width 180ms}.meter b{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;letter-spacing:.1em}.health span{background:var(--berry)}.xp span{background:var(--sun)}.resources{position:absolute;right:18px;top:18px;display:flex;gap:8px}.resource{background:rgba(31,44,27,.82);border:2px solid rgba(241,239,207,.8);padding:7px 9px;font-size:11px}.pet-panel{position:absolute;left:18px;top:86px;background:rgba(31,44,27,.82);border-left:4px solid var(--sun);padding:9px 12px;min-width:170px}.pet-panel span,.pet-panel small{display:block}.pet-panel span{font:650 14px var(--font-display)}.pet-panel small{font-size:9px;opacity:.8;margin-top:2px}.minimap-label{position:absolute;right:18px;top:62px;font-size:9px;letter-spacing:.1em}.hotbar{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.slot{width:64px;height:64px;background:rgba(31,44,27,.87);border:2px solid rgba(241,239,207,.7);display:grid;place-items:center;position:relative}.slot.selected{border-color:var(--sun);transform:translateY(-5px)}.slot strong{font:650 11px var(--font-display);text-align:center}.slot small{position:absolute;left:4px;top:3px;font-size:9px}.slot em{position:absolute;right:4px;bottom:3px;font-size:9px;font-style:normal}.feed{position:absolute;right:18px;top:94px;text-align:right;font-size:10px}.feed p{margin:5px 0}.prompt{position:absolute;left:50%;bottom:100px;transform:translateX(-50%);background:var(--paper);color:var(--ink);text-shadow:none;border:2px solid var(--ink);padding:8px 12px;font-size:11px}.menu-button{pointer-events:auto;position:absolute;right:18px;bottom:18px;width:48px;background:rgba(31,44,27,.85);color:#fffde6;border:2px solid #fffde6;font-size:20px}.chat{position:absolute;left:18px;bottom:100px;width:min(360px,60vw);font-size:10px}.chat p{margin:4px 0}.chat input{pointer-events:auto;background:rgba(31,44,27,.9);color:#fff;border-color:#fff;height:40px;min-height:40px}.pause,.death{text-align:center}.pause button,.death button{width:100%;margin-top:10px}#toast{position:absolute;z-index:30;left:50%;top:18%;transform:translate(-50%,-10px);background:var(--ink);color:var(--paper);padding:10px 16px;border:2px solid var(--paper);font-size:11px;opacity:0;transition:opacity 160ms,transform 160ms;pointer-events:none}#toast.on{opacity:1;transform:translate(-50%,0)}
.menu-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-pair .text-button{font-size:11px}.collection-screen{background:#d6dda1}.dex-toolbar{max-width:1100px;margin:-12px auto 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.dex-tabs{display:flex;gap:6px;flex-wrap:wrap}.dex-tabs button{border:2px solid var(--ink);background:var(--paper);padding:8px 12px;font:650 11px var(--font-display)}.dex-tabs button.active{background:var(--leaf);color:var(--paper)}#dex-count{font-size:10px;margin:0}.dex-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.dex-card{background:var(--paper);border:2px solid var(--ink);padding:12px;min-height:178px;position:relative}.dex-card canvas{display:block;width:100%;height:92px}.dex-card h3{font:700 17px var(--font-display);margin:5px 0 2px}.dex-card p{font-size:9px;color:var(--ink-soft);margin:0}.dex-card .rarity{position:absolute;top:8px;right:8px;font-size:8px;letter-spacing:.08em}.pet-controls{position:absolute;left:18px;top:144px;display:flex;gap:5px}.pet-chip{width:58px;min-height:44px;background:rgba(31,44,27,.84);border:2px solid rgba(241,239,207,.7);color:#fffde6;text-align:center;padding:4px}.pet-chip.active{border-color:var(--sun)}.pet-chip b,.pet-chip small{display:block}.pet-chip b{font-size:9px}.pet-chip small{font-size:8px;opacity:.75}.combat-flags{position:absolute;left:18px;top:197px;display:flex;gap:6px}.combat-flags span{background:rgba(31,44,27,.7);padding:5px 7px;font-size:8px;letter-spacing:.05em}.age-choice{width:min(760px,calc(100% - 32px))}.age-choice>p{font-size:11px;color:var(--ink-soft)}.age-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.age-option{background:#faf8da;border:2px solid var(--ink);padding:16px;text-align:left;min-height:138px;box-shadow:4px 4px 0 var(--ink)}.age-option h3{font:700 20px var(--font-display);margin:0 0 8px}.age-option p{font-size:10px;line-height:1.45}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin-bottom:14px}.map-dialog{width:min(760px,calc(100% - 32px))}.map-dialog canvas{width:100%;height:auto;background:#7fa36b;border:3px solid var(--ink)}.shop-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop-item{border:2px solid var(--ink);padding:12px;background:#faf8da}.shop-item h3{font:700 17px var(--font-display);margin:0}.shop-item p{font-size:9px;color:var(--ink-soft)}
.hotbar,.slot{pointer-events:auto}.slot{cursor:pointer;user-select:none}.slot:hover{background:rgba(65,88,54,.95);border-color:#fffde6}
#mobile-controls{display:none}body.playing .screen{display:none!important}body.playing #game{cursor:crosshair}
@media(max-width:760px){#landing{display:flex;flex-direction:column;align-items:stretch}.brand{margin-bottom:8px}.brand-mark{width:52px;height:52px;font-size:32px}.brand h1{font-size:40px}.entry-panel{order:2}.field-note{order:3}.online-grid{grid-template-columns:1fr}.join-direct{grid-template-columns:1fr}.lobby-sheet{grid-template-columns:1fr}.lobby-rules{border-left:0;border-top:2px solid var(--ink);padding:18px 0 0}.manual-grid{grid-template-columns:1fr}.resources{top:94px;max-width:45vw;flex-wrap:wrap;justify-content:end}.pet-panel{top:88px}.hotbar{bottom:12px;gap:3px}.slot{width:48px;height:52px}.slot strong{font-size:9px}.menu-button{bottom:78px}.prompt{bottom:140px}#mobile-controls{display:block}.hotbar{left:50%}#stick{pointer-events:auto;position:absolute;left:22px;bottom:82px;width:104px;height:104px;border:2px solid rgba(255,255,230,.7);border-radius:50%;background:rgba(31,44,27,.25)}#stick i{position:absolute;left:35px;top:35px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,230,.7)}#mobile-action,#mobile-tame{pointer-events:auto;position:absolute;border-radius:50%;border:2px solid #fffde6;background:rgba(53,79,45,.86);color:#fffde6;font:700 11px var(--font-display)}#mobile-action{right:24px;bottom:92px;width:72px;height:72px}#mobile-tame{right:102px;bottom:74px;width:55px;height:55px}.chat{bottom:142px}.feed{display:none}}
@media(max-width:760px){.pet-controls,.combat-flags{display:none}.age-options{grid-template-columns:1fr}.dex-grid{grid-template-columns:repeat(2,1fr)}.shop-items{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}