@font-face{font-family:Farm;src:url(/coop-font.ttf)}*{box-sizing:border-box}body{margin:0;background:#faf5df;color:#303e32;font:16px/1.55 "Trebuchet MS",sans-serif}a{color:inherit;text-underline-offset:4px}header,footer{background:#233e38;color:#fbefd0}.wrap{max-width:1080px;margin:auto;padding-inline:clamp(20px,5vw,62px)}.nav,nav,.welcome,.heading,.list-head,.profile,.credits{display:flex;align-items:center;justify-content:space-between;gap:24px}.nav{height:70px}nav{gap:clamp(12px,3vw,32px)}nav a,.brand,.back{text-decoration:none}.brand{font:30px Farm;white-space:nowrap}.brand span:last-child{color:#d6b87b}.sprout{color:#efb84f;padding-right:7px}.nav-account{border:1px solid #9bafa0;border-radius:4px;padding:5px 13px}.panorama{position:relative;height:clamp(300px,49vh,520px);overflow:hidden;border-bottom:5px solid #6f7952;background:#b6cbbf}#pasture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.sign{position:absolute;left:50%;top:37%;transform:translate(-50%,-50%);width:min(52vw,450px)}.sign h1{margin:0}.sign img{width:100%;display:block;image-rendering:pixelated}.sign span{position:absolute;right:3%;bottom:-.47em;color:#ffe1a2;text-shadow:2px 3px #583b30;font:clamp(26px,4vw,44px) Farm}.welcome{padding-block:36px 46px}.welcome h2,.view h1,.view h2{font:normal clamp(35px,5vw,58px)/1.05 Farm;margin:.2em 0}.view h2{font-size:34px}p{margin:.4em 0}.btn,button,input,select{font:inherit}.btn,button{cursor:pointer}.btn{display:inline-block;color:#fff9df;background:#39654f;border:2px solid #284636;border-radius:4px;padding:9px 18px;box-shadow:0 3px #223d31;text-decoration:none;white-space:nowrap;font-weight:bold}.btn:hover{background:#497959}.btn b{padding-left:10px}.credits{padding-block:28px;align-items:flex-start}.credits strong{color:#f0d591}.credits p{max-width:630px;font-size:14px;color:#d9e1cb}.resources{display:grid;gap:4px;font-size:14px;white-space:nowrap}.view.wrap{padding-block:34px 48px;min-height:52vh}.narrow{max-width:560px}.sheet,.room-row{border:1px solid #cfcaad;background:#fffbed;border-radius:6px;padding:22px}.sheet{margin-block:16px}.sheet form,#auth-form{display:grid;gap:14px}label{display:grid;gap:4px;font-weight:bold}input,select{width:100%;padding:9px 11px;border:1px solid #8d9c85;border-radius:3px;background:#fffef7;color:inherit}input[type=color]{height:42px;padding:3px}.editor{display:grid;grid-template-columns:1fr 1.4fr;gap:32px;max-width:720px}.portrait{display:grid;place-content:center;justify-items:center;border-radius:3px;background:#dddfba}.portrait canvas,.profile canvas{width:100px;image-rendering:pixelated}.profile{justify-content:flex-start}.profile button{margin-left:auto}.quiet{color:#315b46;background:transparent;border:1px solid #9ca993;border-radius:4px;padding:6px 11px}.list-head{margin-top:22px}.rooms{display:grid;gap:8px}.room-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px}.room-row strong,.room-row small{display:block}.room-row small,.back{color:#546856}.room-row small{font-size:14px}.back{font-size:14px}#notice:not(:empty){padding-block:12px;color:#963e24}#room-form label{margin-bottom:10px}[hidden]{display:none!important}button:disabled{opacity:.55}@media(max-width:650px){.wiki{display:none}.nav{height:58px}.brand{font-size:24px}.sign{width:78vw}.welcome,.heading,.credits{align-items:flex-start;flex-direction:column}.editor{grid-template-columns:1fr;gap:15px}.portrait{padding:12px}.resources{white-space:normal}}
.home-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,5vw,70px);align-items:center;padding-block:clamp(30px,5vw,64px)}.home-feature figure{margin:0;transform:rotate(-1deg);background:#fffbee;padding:8px;box-shadow:0 4px 0 #b5aa83,0 9px 22px #53442320;border:1px solid #d3c7a3}.home-feature img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;image-rendering:pixelated}.home-feature figcaption{margin:6px 4px 1px;font-size:11px;color:#655e49}.home-feature h2{font-size:clamp(37px,4vw,55px);color:#234531}.home-feature p{margin:10px 0 21px;max-width:32ch}.home-feature .guide{display:inline-block;font-size:14px;margin:12px}.farmer-card{display:grid;min-width:105px;border-radius:5px;background:#e8ecd5;padding:10px 15px}.farmer-card small{font-size:12px;color:#506449}.farmer-card strong{font:24px Farm}.rooms .room-row{border-left:4px solid #819649}main{background:radial-gradient(ellipse at 15% 80%,#f2e7c7,transparent 48%),#faf5df}@media(max-width:650px){.home-feature{grid-template-columns:1fr}.home-feature>div{grid-row:1}.home-feature p{max-width:none}}
body{background:#fae8be;color:#51311e}header,footer{background:#68402c;color:#ffebc1;border-block:3px solid #462b1b;box-shadow:inset 0 2px #b57947}.brand span:last-child,.sprout,.credits strong{color:#ffd68c}.credits p{color:#f9e1bd}main{background:linear-gradient(160deg,#fff2cf,#f1d49c)}.home-feature h2,.back,.room-row small{color:#633820}
.nav{position:relative}.nav-play{position:absolute;left:50%;transform:translateX(-50%);font:24px Farm;color:#fff0bb;text-decoration:none;text-shadow:2px 2px #4d2918}.nav-play:before{content:'✦';color:#ffcf72;padding-right:8px}.nav-play:hover{color:#fff}.sign p{margin:8px 0 14px;text-align:center;color:#fff1c9;text-shadow:2px 2px #553020;font:20px Farm}.hero-play{display:block;width:max-content;margin:auto;font:26px Farm;color:#542d19;text-decoration:none;background:#ffda95;border:3px solid #75401f;box-shadow:inset 2px 2px #fff0bc,inset -2px -2px #c87d37,2px 3px #47291b;padding:7px 18px}.online-features{list-style:none;margin:0;padding:0;display:grid;gap:10px}.online-features li{padding:15px 16px;background:#f5ce87;border:3px solid #754022;box-shadow:inset 0 0 0 2px #ffe7af}.online-features b{display:block;font:22px Farm;color:#61331d}.online-features span{font-size:15px;color:#744121}.eyebrow{font:19px Farm;color:#9a5128!important}@media(max-width:650px){.nav-play{position:static;transform:none;order:3;font-size:18px}.nav{flex-wrap:wrap;height:auto;padding-block:10px}.nav nav{margin-left:auto}.sign p{font-size:16px}}
.btn,.quiet,.nav-account,button.link{font:23px Farm,monospace;color:#532d19;background:linear-gradient(#ffda95 8%,#f9c476 72%,#e8a457);border:2px solid #74401e;border-radius:0;box-shadow:inset 2px 2px #ffebba,inset -2px -2px #c5833d,1px 3px #4e2d1d;text-decoration:none;padding:6px 14px}.btn:hover,.quiet:hover,.nav-account:hover{background:#ffe2a0}.sheet,.room-row{background:#ffdea1;border:12px solid transparent;border-image:url(coop-frame.png) 45 fill / 12px stretch;border-radius:0}.rooms .room-row{border-left:12px solid transparent}.farmer-card,.portrait{background:#eac181}.home-feature figure{background:#ffedc6}.panorama{border-bottom-color:#86552d}

#lobby fieldset{border:2px solid #bd843f;padding:10px 14px;margin:12px 0}
#lobby legend{padding:0 6px;color:#6b371c}
#lobby .option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 12px}
#lobby select{display:block;width:100%;font:inherit;background:#fff0bf;border:2px solid #996637;padding:4px}
#lobby fieldset:disabled{opacity:.7}#lobby input[type=password]{width:100%}

#lobby form{margin:16px 0}#lobby form[hidden]{display:none}#lobby form label{display:block;margin:8px 0}#lobby form input:not([type=checkbox]){display:block;width:100%}#lobby .room-row>div{flex:1}
.online-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 24px}.online-board article{display:flex;gap:12px;align-items:center;padding:13px;background:#f7ca7f;border:3px solid #754022;box-shadow:inset 0 0 0 2px #ffe7af}.online-board strong{font:22px Farm;color:#66341e}.online-board p{font-size:14px}.board-icon{font-size:28px;filter:drop-shadow(1px 2px #754022)}.room-row{align-items:center}.room-icon{width:56px;height:44px;background:url(/coop-button.png) center/contain no-repeat;image-rendering:pixelated;filter:drop-shadow(1px 2px #754022)}.room-icon.locked{filter:grayscale(.65) drop-shadow(1px 2px #754022)}.room-members{color:#8d4429;min-height:1.5em}.invite{font-size:16px;padding:4px 8px}@media(max-width:650px){.online-board{grid-template-columns:1fr}.room-row{flex-wrap:wrap}.room-members{width:100%}}
.profile-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.profile-panels article{padding:14px;background:#f6cf87;border:3px solid #754022;box-shadow:inset 0 0 0 2px #ffe7af}.profile-panels h2{font-size:24px}.badge{display:inline-grid;place-items:center;width:25px;height:25px;color:#fff6c2;text-shadow:1px 1px #54200d}.badge-gm{background:#b93228}.badge-farm{background:#558144}@media(max-width:650px){.profile-panels{grid-template-columns:1fr}}

#lobby input[type=checkbox]{width:auto;accent-color:#884b28}#lobby form button{font:22px Farm;color:#532d19;background:#ffcd82;border:2px solid #74401e;padding:5px 12px;box-shadow:inset 1px 2px #ffebba,1px 2px #4e2d1d}

/* The lobby is a game menu, not a marketing page. */
body:has(#lobby:not([hidden])){background:linear-gradient(#15374ebd,#15374ebd),url(/sv-online-loading.png) center/cover fixed;min-height:100vh}
body:has(#lobby:not([hidden])) header,body:has(#lobby:not([hidden])) footer{background:#5c3524}
#lobby.view.wrap{max-width:900px;min-height:0;margin:54px auto 70px;padding:25px 34px 30px;background:#ffda95;border:15px solid transparent;border-image:url(/coop-frame.png) 45 fill / 15px stretch;box-shadow:0 8px 0 #392116,0 18px 38px #14100b99}
#lobby .heading{padding-bottom:16px;border-bottom:3px solid #b97637;align-items:end}#lobby .heading h1{font-size:48px;color:#542d1b;text-shadow:2px 2px #ffe9b5}#lobby .heading p{font:19px Farm;color:#794322}
#lobby .back{font:18px Farm;color:#754020}.online-board{grid-template-columns:1fr;margin:18px 0}.online-board article{padding:9px 14px;background:#f6c573;border:2px solid #9a592e;box-shadow:none}.online-board article+article{border-top:0}.online-board strong{font-size:20px}
#lobby .list-head{margin-top:24px;padding:9px 0;border-bottom:3px solid #b97637}#lobby .list-head h2{font-size:31px;color:#5a311c}
#lobby .rooms{margin-top:0;background:#f9ce86;border:2px solid #9a592e}.room-row{margin:0;border:0;border-radius:0!important;border-bottom:2px solid #b97637!important;background:transparent!important;box-shadow:none!important;padding:12px 14px}.room-row:last-child{border-bottom:0!important}.room-row strong{font:25px Farm;color:#5b301b}.room-row small{font:16px Farm;color:#814526}
#lobby #room-options{margin:24px 0 0;padding:16px;background:#f4c46f;border:3px solid #7e4322;box-shadow:inset 0 0 0 3px #ffe5ab}#lobby fieldset{background:#f9d58d;border:2px solid #a35b2c;padding:12px 14px}#lobby legend{font:22px Farm;color:#68371e}#lobby form label{font:18px Farm;color:#66351f}#lobby form input:not([type=checkbox]),#lobby select{background:#fff0bd;border:2px solid #8c4b26;border-radius:0;font:18px Farm;color:#4e2919}
#lobby #room-options button[type=submit]{font-size:25px}#lobby #unlock-room{margin:20px 0;padding:18px;background:#f4c46f;border:3px solid #7e4322}
.lobby-my-farms{margin-top:28px;padding-top:10px;border-top:3px solid #b97637}.lobby-my-farms>p{font:17px Farm;color:#754020;margin:5px 0 10px}
#lobby .option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}#lobby .world-options>label{display:inline-flex;align-items:center;gap:7px;margin:10px 18px 0 0}#lobby .world-options>small{display:block;padding-bottom:8px;color:#754020;font:16px Farm}@media(max-width:700px){#lobby .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){#lobby .option-grid{grid-template-columns:1fr}}
@media(max-width:650px){#lobby.view.wrap{margin:20px 8px 40px;padding:18px 16px}#lobby .heading h1{font-size:38px}#lobby .heading{align-items:start}.room-icon{width:48px}}
