/* Village UI: original Sunnyside sprites, parchment, wood and clear game controls. */
:root{--paper:#f0dfb4;--ink:#392d22;--muted:#827252;--line:#c8ab72;--green:#456440;--wood:#483023;--gold:#e9bf66}
body{font-family:'DM Sans','Trebuchet MS',sans-serif;color:var(--ink)}header{height:78px;background:linear-gradient(#493626f5,#30271ff5);border-bottom:3px solid #af8047;box-shadow:0 3px 0 #1d1c16}.brand{gap:13px;color:#fff0c2;font-size:17px;letter-spacing:2px}.brand b{color:#d8bc77}.brand-village{object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 3px 0 #1b1e18)}.brand small{font-size:8px;letter-spacing:1.6px;color:#bbaa7c}.network{background:#27392a;border:1px solid #75815c;padding:8px;color:#d6dfa9;border-radius:3px}.network i{background:#b9d26d;box-shadow:0 0 0 2px #b9d26d22}
main{padding-top:24px}.intro{margin-bottom:16px}.intro h1{font:700 30px/1.2 'Trebuchet MS',monospace;letter-spacing:-.6px;color:#fff0c4;text-shadow:2px 3px #2a271b}.intro .eyebrow{font-size:9px;letter-spacing:2px;color:#e5c77d}.intro>p{color:#e5ddbb;font-size:12px}
.village-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.village-nav button{display:flex;align-items:center;gap:8px;background:#3b362bdd;border:1px solid #8e774d;color:#e5d5aa;font-size:11px;padding:7px 12px;box-shadow:0 3px 0 #1b241c}.village-nav button.active{background:#eed498;color:#463820;border-color:#fff0bc}.village-nav img{width:22px;height:24px;object-fit:contain;image-rendering:pixelated}
button{border-radius:3px;border:1px solid #aa8955;background:#ead7a7;color:#423520;box-shadow:inset 0 1px 0 #fff3cb,0 2px 0 #8f754c;font-weight:600;transition:background .12s,transform .12s}button:hover{background:#f4e2b3}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 0 #fff3cb,0 1px 0 #8f754c}button:disabled{box-shadow:none}.header-right{gap:12px}.header-right button{background:#edd39b;border:1px solid #9e7946;color:#473321;font-size:11px}.primary{background:#4c713e!important;border:1px solid #263e27!important;color:#fff3c9;box-shadow:inset 0 1px 0 #8daa63,0 3px 0 #273e25;padding:11px 18px}
.job-panel,.earnings{background:linear-gradient(135deg,#f6e9c8,#e9d3a6);border:3px solid #67482d;border-radius:5px;box-shadow:inset 0 0 0 1px #fff3cd,0 3px 0 #2b281e,0 7px 18px #081b1533;padding:15px}.job-panel h2,.section-head h2{font:700 18px/1.25 'Trebuchet MS',sans-serif;letter-spacing:.2px;color:#52381f}.job-panel h2{padding-bottom:10px;border-bottom:1px solid #c4a36c}.section-head{gap:8px}.section-head h2{margin-bottom:0}.section-head>span{color:#8a663b;font-weight:700;white-space:nowrap}.job-panel h2:before{content:'';display:inline-block;width:23px;height:23px;vertical-align:middle;margin-right:7px;background:url('assets/ui/campfire.png') center/contain no-repeat;image-rendering:pixelated}#my-agent-panel h2:before,#agent-detail h2:before{background-image:url('assets/portraits/0.png')}#agent-crafting h2:before{background-image:url('assets/items/bag.svg')}#order-list h2:before{background-image:url('assets/ui/treasury.png')}.inventory-panel h3{border-top:1px solid #c6a873;padding-top:14px;color:#68502f;font-size:11px;letter-spacing:1px;text-transform:uppercase}
.game-shell{border:4px solid #553a28;border-radius:5px;box-shadow:0 0 0 1px #d5ad66,0 5px 0 #27251c,0 10px 28px #081a1555;background:#d6bd85}.game-bar{background:linear-gradient(#574432,#3d3025);color:#f0d49e;border-bottom:2px solid #b59054;gap:8px;padding:10px}.game-bar button{background:#ead8aa;border:1px solid #a2834c;color:#473822;padding:5px 7px;box-shadow:0 2px 0 #201f19;font-size:10px}.game-bar .zoom-controls button{padding:0;min-height:22px}.game-bar #location{color:#e5c177;font-weight:700}.game-bar>span:first-child{color:#f1e4b8}.zoom-controls{gap:5px}.sim-controls{background:#d8c092;color:#675035;border-top:2px solid #bda06c;font-size:10px;line-height:1.7}.world-tag{background:#3b3027ec;border:1px solid #a38450;border-radius:2px;color:#efdcb0;letter-spacing:1px}.world-tag span{color:#d5b478}#toast{border:2px solid #765332;background:#f8e7b7;border-radius:3px;color:#473820;box-shadow:0 3px 0 #3a2b1b}
.token-account{background:#533e2d;color:#ffe4a4;border:2px solid #a78347;border-radius:3px;box-shadow:inset 0 0 0 1px #352d20;padding-left:48px;position:relative}.token-account:before{content:'';position:absolute;left:12px;top:50%;transform:translateY(-50%);width:24px;height:27px;background:url('assets/ui/coin.png') center/contain no-repeat;image-rendering:pixelated}.token-account small{color:#c6ad78;letter-spacing:1px}.token-account b{font-size:27px}.inventory-note,.agent-reason,#sim-stats,#economy-total{color:#786442}.item-slot{background:#e0c99a;border:2px solid #b3945c;box-shadow:inset 0 2px 3px #75592c22;border-radius:2px;min-height:64px}.item-slot>b{background:#fff0c9;padding:1px 3px;border-radius:2px;color:#3c3421}.item-slot small{color:#695535}.item-slot.empty{opacity:.6}.equipment-grid>div{background:#e7d3a7;border:1px solid #b99b62;border-radius:2px;box-shadow:inset 0 1px 0 #fff0c9}.equipment-grid small{color:#8a724d}.recipe-card,.order-row{border-color:#c6aa78}.recipe-card small,.order-row small{color:#826c49}.order-row>span{padding:4px 6px;background:#d1d6a2;color:#4e6339;border:1px solid #a6b276;border-radius:2px}.strategy-buttons button[aria-pressed=true]{background:#516d3e;color:#fff0c7;border-color:#304b2a}.appearance-picker label{background:#e7d3a7;border:2px solid #baa06d;border-radius:3px}.appearance-picker label:has(input:checked){background:#d7dda9;border-color:#6e8950;box-shadow:inset 0 0 0 1px #eff2ca}.personal-panel input:not([type=radio]),.personal-panel select,.fund-order-form input,.fund-order-form select{background:#fff0ce;border:1px solid #b69b69;border-bottom:2px solid #a18352;border-radius:3px;color:#493922}.personal-panel input:focus,.personal-panel select:focus{outline:2px solid #799450;outline-offset:2px}.survivor-portrait{background:#e1cc9c;border:2px solid #a88b56;border-radius:3px}.agent-row{box-shadow:none;background:transparent;border-bottom:1px solid #c9af7f;border-radius:0}.agent-row.selected{background:#dae1b1;border-left:3px solid #68834a}.agent-row:hover{background:#ecdcb5}.agent-row small{color:#806b48}.agent-hp{color:#7b4936}.survival-meter{background:#c9ae7e;border:1px solid #9b8256;border-radius:0;height:8px}.survival-meter i{background:#709445}.survival-meter.hunger i{background:#dba950}.earnings .eyebrow{color:#846a43}.earnings>p:not(.eyebrow){color:#786443}.mini-stats{border-color:#c7aa76;gap:18px}.event{border-color:#ccb27f;color:#6e5c3e}.event span{color:#ab8756}#guest-controls:not([hidden]){background:#dfd8a6;border-top:1px solid #a59762}#guest-controls span{color:#685b35}.craft-queue{background:#d9dfa9;border:1px solid #a1b172;border-radius:2px}.bottom{color:#d8cca5}footer{color:#bdad8a}dialog{background:#f0dfb4;border:4px solid #60442b;border-radius:4px;box-shadow:0 6px 0 #31291e}dialog h2{font:700 24px 'Trebuchet MS',sans-serif;color:#543922}dialog::backdrop{background:#17261ac9}
@media(max-width:1100px){.village-nav{gap:7px}.village-nav button{font-size:10px}.personal-panel{grid-column:1/-1}}
@media(max-width:760px){header{height:70px;padding:0 14px}.brand{font-size:12px;letter-spacing:1px}.brand-village{width:28px;height:36px}.header-right{gap:6px}.intro h1{font-size:26px}.village-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.village-nav button{justify-content:center;padding:7px}.game-bar{gap:6px;padding:8px}.game-shell{border-width:3px}.job-panel,.earnings{padding:14px}.header-right button{padding:8px;font-size:10px}.job-panel h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

.brand-village{width:54px;height:54px;flex:0 0 54px}.brand>span{white-space:nowrap}@media(max-width:760px){.brand-village{width:38px;height:38px;flex-basis:38px}.brand{gap:8px;font-size:11px;letter-spacing:.5px}}