@font-face{font-family:FarmPixel;src:url(/assets/fonts/VT323-Regular.ttf)format("truetype");font-display:block}:root{color:#56351f;font-synthesis:none;background:#425f3e;font-family:FarmPixel,monospace;font-size:24px}*{box-sizing:border-box}html,body,#root,.game-root,.canvas-root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{color:#56351f;cursor:pointer;background:#edca8d;border:3px solid #89522f;border-radius:0;padding:8px 18px;box-shadow:inset 2px 2px #ffe5b8,inset -2px -2px #c39455,0 2px #56351f}button:hover:not(:disabled){background:#f9dba6}button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 2px 2px #c39455}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #d99736}.primary{background:#e9b967}.quiet{box-shadow:none;background:0 0;border:0;font-size:22px}input{color:#56351f;background:#fff0cf;border:2px solid #a87845;width:100%;min-width:0;padding:9px 12px;box-shadow:inset 2px 2px #d6b480}label{text-align:left;gap:6px;display:grid}h1,h2,p{margin:0;font-weight:400}h1{color:#56351f;text-shadow:2px 2px #fff1cd;font-size:56px;line-height:1}h1 span{display:block}h2{font-size:36px}p{line-height:1.25}small{color:#7e5733;font-size:20px}.menu-screen,.screen{background-color:#425f3e;background-image:linear-gradient(45deg,#486740 25%,#0000 25% 75%,#486740 75%),linear-gradient(45deg,#486740 25%,#0000 25% 75%,#486740 75%);background-position:0 0,32px 32px;background-repeat:repeat;background-size:64px 64px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0;overflow:auto}.screen{z-index:10;background-color:#263f32ed}.end-fade{z-index:10;background:#000;animation:ease-in both fade-in;position:absolute;inset:0}.end-fade.done{animation:none}.screen.post-game{background-color:#425f3e;animation:.5s ease-out both fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.menu-card,.card{text-align:center;background:#f4dba6;border:6px solid #b9773d;outline:3px solid #613d26;flex-direction:column;gap:18px;width:100%;max-width:420px;padding:30px;display:flex;box-shadow:inset 3px 3px #ffe9bb,inset -3px -3px #d5b47e,6px 8px #0004}.menu-animals{flex-wrap:wrap;justify-content:center;gap:4px 8px;max-width:208px;margin:0 auto;display:flex}.join-row{gap:8px;display:flex}.join-row input{letter-spacing:2px}.join-row button{white-space:nowrap;padding:8px 12px}.game-root{position:relative}.canvas-root{touch-action:none;-webkit-user-select:none;user-select:none}.players{text-align:left;margin:0;padding:0;list-style:none;display:grid}.players li{border-bottom:2px solid #d6b480;align-items:center;gap:10px;padding:10px 0;display:flex}.players li>span:nth-child(3){flex:1}.dot{background:#a1927a;border:1px solid #765b39;width:9px;height:9px}.dot.online{background:#659d44}.badge{color:#956025;font-size:20px;font-weight:400}.room-code{letter-spacing:3px}.avatar{flex:none;width:40px;height:44px;position:relative}.avatar span{image-rendering:pixelated;background-position:-44px -36px;background-repeat:no-repeat;background-size:1152px;position:absolute;inset:0}.change-look{padding:2px 8px;font-size:18px}.modifiers small:first-child{flex:1}.toggle{opacity:.65;padding:4px 10px;font-size:18px}.toggle.on{opacity:1;background:#e9b967;box-shadow:inset 2px 2px #c39455}.remove-bot{box-shadow:none;background:0 0;border-width:2px;padding:0 8px;font-size:22px;line-height:1.1}.room-actions{align-items:center;gap:8px;display:flex}.room-actions small{text-align:left;flex:1}.room-actions button{padding:6px 10px;font-size:20px}.notice{font-size:20px}.animal-icon{width:64px;height:64px;image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;background-size:512px 960px;flex:none;display:inline-block}.animal-icon.chicken{background-image:url(/assets/animals/chicken.png);background-size:512px 1024px}.animal-icon.sheep{background-image:url(/assets/animals/sheep.png)}.animal-icon.horse{background-image:url(/assets/animals/horse.png)}.animal-icon.pig{background-image:url(/assets/animals/pig.png);background-size:576px 960px}.animal-icon.cow{background-image:url(/assets/animals/cow.png)}.animal-icon.duck{background-image:url(/assets/animals/duck.png);background-size:512px 1280px}@media (width<=480px){.menu-card,.card{gap:14px;padding:20px}h1{font-size:48px}}.ping-hud{z-index:20;pointer-events:none;color:#fff;background:#0000008c;border-radius:3px;padding:3px 6px;font:12px/1 monospace;position:absolute;top:6px;right:8px}