.art-preview{background:radial-gradient(circle at 12% 0%, #e0a84a14, transparent 42%), var(--bg);height:100%;color:var(--ink);padding:24px;overflow:auto}.art-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:8px;display:flex}.art-header h1{margin:2px 0 6px;font-size:30px}.art-header p{max-width:620px;margin:0;line-height:1.5}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0;font-size:11px}.art-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:16px;display:grid}.art-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px}.art-card h2{margin:0 0 2px;font-size:14px}.art-card p{margin:0 0 8px}.art-scales{flex-wrap:wrap;align-items:flex-start;gap:12px;margin:10px 0;display:flex}.art-scales figure{margin:0}.art-scales figcaption{color:var(--muted);margin-bottom:4px;font-size:10px}.art-sample-scroll{border:1px solid var(--line);background:repeating-conic-gradient(#241c16 0% 25%,#2c221a 0% 50%) 50%/16px 16px;max-width:100%;max-height:420px;overflow:auto}.art-sample{image-rendering:pixelated;background-repeat:no-repeat}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#241c16;--panel:#241b15eb;--panel-strong:#2e231b;--ink:#f2e8d5;--muted:#b9a78a;--line:#5a4330;--gold:#e0a84a;--green:#7fae5a;--red:#c85a44;--blue:#7aa7c7}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}button,input,select{font:inherit}.app{background:radial-gradient(circle at 50% 40%, #33261d 0%, var(--bg) 70%);height:100%;position:relative;overflow:hidden}.viewport{position:absolute;inset:0}.game-canvas{touch-action:none;width:100%;height:100%;image-rendering:pixelated;display:block}.button{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:center;background:#3a2c22;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;line-height:1.1;display:inline-flex}.button:hover:not(:disabled){border-color:var(--gold);background:#47362a}.button:disabled{opacity:.42;cursor:not-allowed}.button.primary{background:linear-gradient(#8a5a2e,#6d4422);border-color:#b57c3e;font-weight:700}.button.primary:hover:not(:disabled){background:linear-gradient(#9a6634,#7a4d27)}.button.small{border-radius:6px;padding:5px 8px;font-size:12px}.button.active{border-color:var(--gold);box-shadow:0 0 0 1px inset var(--gold)}.file-button{position:relative;overflow:hidden}.quiet-link{color:var(--muted);font-size:13px;text-decoration:none}.quiet-link:hover{color:var(--ink)}.muted{color:var(--muted)}.small{font-size:12px}.topbar{z-index:5;background:linear-gradient(#18110cf2,#18110c8c);border-bottom:1px solid #5a4330a6;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px;display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:8px;margin-right:6px;display:flex}.brand-name{letter-spacing:.06em;font-weight:800}.clock{border-right:1px solid var(--line);flex-direction:column;padding-right:10px;line-height:1.05;display:flex}.clock strong{color:var(--gold);font-size:14px}.clock span{color:var(--muted);font-size:11px}.resource{flex-direction:column;align-items:center;gap:1px;min-width:58px;line-height:1.05;display:flex}.resource span{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:9px}.resource-label{justify-content:center;align-items:center;gap:3px;display:flex}.resource-value{justify-content:center;align-items:center;gap:4px;display:flex}.pixel-icon{fill:currentColor;width:20px;height:20px;image-rendering:pixelated;flex:none}.icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.side-panel h2 .icon{vertical-align:-1px;margin-right:4px}.resource strong{font-size:19px;line-height:1}.status{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:11px}.status-won{color:#b9e39a;border-color:#5f8a42}.status-lost{color:#f0a090;border-color:#8a4a3e}.top-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.top-menu{position:relative}.top-menu-trigger{align-items:center;gap:6px;display:flex}.top-menu-trigger .icon{width:14px;height:14px;transition:transform .12s}.top-menu-trigger[aria-expanded=true] .icon{transform:rotate(180deg)}.top-menu-panel{z-index:60;background:var(--panel-strong);border:2px solid var(--line);flex-direction:column;gap:4px;min-width:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:4px 4px #120d09}.top-menu-item{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;padding:6px 8px;font-size:12px;display:flex}.top-menu-item:hover{border-color:var(--gold);background:#47362a}.top-menu-divider{background:#5a4330b3;height:1px;margin:2px 0}.top-menu-locale{color:var(--muted);text-transform:uppercase;flex-direction:column;gap:3px;padding:2px 4px;font-size:10px;display:flex}.top-menu-locale select{width:100%;color:var(--ink);border:2px solid var(--line);background:#2e231b;padding:4px 6px;font-size:12px}.locale-select select{color:var(--ink);border:1px solid var(--line);background:#3a2c22;border-radius:6px;padding:4px 6px;font-size:12px}.side-panel{z-index:4;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:14px;width:350px;max-width:calc(100vw - 24px);padding:14px;position:absolute;top:70px;bottom:12px;right:12px;overflow-y:auto;box-shadow:0 18px 40px #00000059}.side-panel section{margin-bottom:16px}.side-panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:13px}.count{color:var(--gold)}.family-list{flex-direction:column;gap:8px;display:flex}.family{border:1px solid var(--line);cursor:pointer;background:#3a2c228c;border-radius:10px;padding:8px}.family.selected{border-color:var(--gold);background:#5a4026b3}.family header{justify-content:space-between;align-items:center;gap:8px;display:flex}.family-toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:flex}.family-portraits{align-items:flex-end;gap:1px;margin-left:auto;display:inline-flex}.portrait{width:16px;height:24px;image-rendering:pixelated;background-repeat:no-repeat;animation:.9s step-end infinite portrait-frame;display:inline-block}.portrait-missing{border:1px solid var(--line);background:#4a3a2a}@keyframes portrait-frame{0%,49%{background-position:var(--frame0)}50%,to{background-position:var(--frame1)}}.family-toggle:hover{color:var(--gold)}.family-toggle .icon{transition:transform .12s}.family-toggle[aria-expanded=false] .icon{transform:rotate(-90deg)}.family p{margin:4px 0 6px}.morale{gap:3px;display:inline-flex}.morale i{background:#4a3a2c;border-radius:50%;width:7px;height:7px;display:inline-block}.morale i.on{background:var(--gold)}.family-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.family-actions select{color:var(--ink);border:1px solid var(--line);background:#2e231b;border-radius:6px;max-width:130px;padding:4px;font-size:12px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.build-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px;display:grid}.button.build{text-align:left;flex-direction:column;align-items:flex-start;gap:2px}.button.build small{color:var(--muted);font-size:10px}.build-title{align-items:center;gap:4px;display:flex}.button.build em{color:#d8a16a;font-size:10px;font-style:normal}.land-actions{flex-wrap:wrap;gap:3px;margin-top:2px;display:flex}.mini{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#3a2c22;border-radius:0;padding:2px 3px;font-size:8px}.mini:hover{border-color:var(--gold);color:var(--ink)}.hint{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.4}.site-list,.save-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.site-list li,.save-list li{border:1px solid var(--line);background:#3a2c2266;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;display:flex}.site-list li div,.save-list li div{flex-direction:column;gap:2px;min-width:0;display:flex}.tile-info{border-top:1px solid var(--line);padding-top:10px}.forecast{color:#cfe2ef;background:#7aa7c71f;border:1px solid #7aa7c766;border-radius:8px;margin:0 0 12px;padding:7px 9px;font-size:12px}.forecast-frost{background:#7aa7c729}.forecast-drought{color:#f0d5a0;background:#e0a84a24;border-color:#e0a84a73}.end-season{width:100%;padding:12px;font-size:15px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c0805ad;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.modal{border:1px solid var(--line);background:var(--panel-strong);border-radius:16px;width:min(520px,100%);max-height:calc(100vh - 40px);padding:22px;overflow-y:auto;box-shadow:0 24px 60px #00000080}.modal h2{margin:0 0 4px;font-size:22px}.modal p{line-height:1.5}.report-grid{border:1px solid var(--line);background:#140e0a59;border-radius:10px;grid-template-columns:1fr auto;gap:6px 16px;margin:16px 0;padding:12px;display:grid}.report-grid dt{color:var(--muted);font-size:13px}.report-grid dd{text-align:right;margin:0;font-size:13px;font-weight:600}.warning{color:#f0b0a0;background:#c85a441f;border:1px solid #c85a4473;border-radius:8px;margin:8px 0;padding:8px 10px;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.menu{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 20% 20%,#e0a84a14,#0000 45%),linear-gradient(90deg,#140e0af0,#140e0a8c);place-items:center;padding:24px;display:grid;position:absolute;inset:0;overflow-y:auto}.menu-top{justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:16px;left:18px;right:18px}.menu-card{border:1px solid var(--line);background:#241b15eb;border-radius:18px;width:min(480px,100%);padding:24px;box-shadow:0 24px 60px #00000073}.menu-card h1{justify-content:center;margin:0 0 8px;display:flex}.subtitle{text-align:center;color:var(--gold);margin:0;font-weight:600}.tagline{text-align:center;color:var(--muted);margin:6px 0 18px;font-size:13px;line-height:1.5}.field{color:var(--muted);flex-direction:column;gap:4px;margin-bottom:10px;font-size:12px;display:flex}.field input{border:1px solid var(--line);color:var(--ink);background:#2e231b;border-radius:8px;padding:8px 10px}.menu-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.saves{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.saves h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:12px}.saves p{margin:0;font-size:13px}.credits{text-align:center;color:var(--muted);margin:18px 0 0;font-size:11px}@media (max-width:900px){.side-panel{width:auto;max-height:48vh;inset:auto 8px 8px}.top-actions{width:100%;margin-left:0}.clock{border-right:0}.menu-card{padding:18px}}.locale-field{position:relative}.locale-native{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.locale-trigger,.locale-menu button{width:100%;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#2e231b;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.locale-menu{z-index:80;background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;margin:0;padding:4px;list-style:none;position:fixed;box-shadow:0 12px 30px #00000073}.locale-menu button:hover{border-color:var(--gold);background:#47362a}.locale-menu button.active{color:var(--gold)}.top-actions .locale-field{color:var(--muted);margin:0}.people{flex-direction:column;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.person{border-top:1px solid #fff4dc1a;padding-top:6px}.person-name{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.routine{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:4px;display:grid}.routine label{color:var(--muted);flex-direction:column;gap:2px;font-size:10px;display:flex}.routine select{width:100%;color:var(--ink);border:1px solid var(--line);background:#2e231b;border-radius:6px;padding:4px;font-size:12px}.market-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.market-row>button{justify-self:end}.market-row input{width:70px;color:var(--ink);border:1px solid var(--line);background:#2e231b;border-radius:6px;padding:5px 6px}.setup-panel{border:1px solid var(--line);background:#3a2c228c;border-radius:10px;padding:10px}.tutorial-guide{align-items:flex-end;gap:12px;margin:8px 0 10px;display:flex}.guide-portrait-box{flex:none;justify-content:center;align-items:flex-end;width:44px;height:64px;display:flex}.guide-portrait{transform-origin:bottom;transform:scale(2)}.speech-bubble{border:2px solid var(--line);background:#2e231b;flex:1;min-width:0;padding:8px 10px;position:relative;box-shadow:3px 3px #120d09}.speech-bubble:before{border-bottom:2px solid var(--line);border-left:2px solid var(--line);content:"";background:#2e231b;width:12px;height:12px;position:absolute;top:22px;left:-8px;transform:rotate(45deg)}.speech-bubble strong{color:var(--gold);margin-bottom:3px;font-size:12px;display:block}.speech-bubble p{color:var(--ink);margin:0;font-size:12px;line-height:1.35}@media (max-width:620px){.tutorial-guide{align-items:flex-start}.guide-portrait-box{width:36px}}.setup-steps{flex-direction:column;gap:3px;margin:8px 0;padding-left:18px;font-size:12px;display:flex}.setup-steps li{color:var(--muted)}.setup-steps li.current{color:var(--gold);font-weight:700}.setup-steps li.done{color:var(--muted);text-decoration:line-through}.setup-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}@font-face{font-family:Pixelify Sans;src:url(/sitio/fonts/PixelifySans-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Pixelify Sans;src:url(/sitio/fonts/PixelifySans-Bold.ttf)format("truetype");font-weight:700;font-display:swap}body,button,input,select{font-family:Pixelify Sans,Segoe UI,system-ui,sans-serif}body{image-rendering:pixelated}.icon{shape-rendering:crispedges;stroke-width:2px;stroke-linecap:square;stroke-linejoin:miter}.button,.button.primary,.button.small{background:#3a2c22;border-width:2px;border-radius:0;box-shadow:2px 2px #120d09}.button:hover:not(:disabled),.button.primary:hover:not(:disabled){background:#4a3729}.button:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}.button.primary{background:#8a5a2e}.topbar{background:#18110c;border-bottom:3px solid #5a4330;border-radius:0;box-shadow:0 2px #0e0a07}.side-panel,.menu-card,.modal,.setup-panel,.family,.save-list li{border-width:2px;border-radius:0;box-shadow:4px 4px #120d09}.side-panel,.menu-card,.modal{background:#241c16}.status{background:#2e231b;border-radius:0}.family{background:#2e231b}select,input,.market-row input{background:#1d1611;border-width:2px;border-radius:0}.grade-list,.input-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.grade-list li,.input-list li{border-top:1px solid #5a4330b3;align-items:center;gap:8px;padding:4px 0}.grade-list li{display:flex}.input-list li{grid-template-columns:minmax(0,1fr) auto auto;display:grid}.input-list li>button{justify-self:end}.grade-list li:first-child,.input-list li:first-child{border-top:0}.grade-list li>span:first-child,.input-list li>span:first-child{text-transform:uppercase;min-width:58px;font-size:11px}.grade-list li>strong{color:var(--gold);margin-left:auto;font-size:12px}.grade-list li>button{margin-left:4px}.input-chips{flex-wrap:wrap;gap:4px;margin-left:6px;display:inline-flex}.input-chip{color:#d6c2a0;text-transform:uppercase;background:#241c16;border:1px solid #5a4330;padding:1px 4px;font-size:10px}.input-chip.applied{color:#8fbf6a;border-color:#5d7a44}.input-chip.queued{color:#d8b36a;border-color:#7a6234}.input-chip.empty{color:#8a7868}.coffee-batch-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.coffee-batch{border-top:1px solid #5a4330b3;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;display:flex}.coffee-batch:first-child{border-top:0}.coffee-batch .grade{text-transform:uppercase;min-width:58px;font-size:11px}.coffee-batch>strong{color:var(--gold);margin-left:auto;font-size:12px}.coffee-storage h3{color:#b9a78a;letter-spacing:1px;text-transform:uppercase;margin:10px 0 4px;font-size:11px}.grade-bad{color:#c85a44}.grade-medium{color:#d8b36a}.grade-good{color:#8fbf6a}@media (max-width:900px){.topbar{position:absolute}}.side-panel.book-panel{border-radius:0;width:min(780px,100vw - 24px);max-height:64vh;padding:12px 16px;display:none;inset:auto auto 76px 50%;transform:translate(-50%)}.side-panel.book-panel.open,.side-panel.book-panel.setup{display:block}.book-panel .panel-section{display:none}.book-panel[data-panel=families] .panel-families,.book-panel[data-panel=works] .panel-works,.book-panel[data-panel=coffee] .panel-coffee,.book-panel[data-panel=market] .panel-market,.book-panel[data-panel=reports] .panel-reports{display:block}.book-page-head{border-bottom:2px solid var(--line);color:var(--gold);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:8px;display:flex}.book-nav{z-index:18;background:#18110c;border-top:3px solid #5a4330;justify-content:center;align-items:stretch;gap:2px;padding:6px 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px #0e0a07}.book-nav button{min-width:82px;color:var(--muted);cursor:pointer;text-transform:uppercase;background:#2e231b;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 8px;font-size:10px;display:flex}.book-nav button:hover,.book-nav button.active{color:var(--ink);border-color:var(--gold);background:#3a2c22}.book-nav .book-end{color:var(--ink);background:#8a5a2e;border-color:#b57c3e;margin-left:auto;font-weight:700}.book-nav .icon{width:20px;height:20px}.line-chart{margin-top:4px}.line-chart svg{border:1px solid var(--line);background:#1d1611;width:100%;height:auto;display:block}.chart-legend{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:4px;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:4px;display:inline-flex}.chart-legend i{width:10px;height:10px;display:inline-block}@media (max-width:900px){.side-panel.book-panel{width:auto;max-height:68vh;bottom:72px;left:8px;right:8px;transform:none}.book-nav{justify-content:flex-start;overflow-x:auto}.book-nav button{min-width:64px}}@media (min-width:901px){.side-panel.book-panel{width:min(540px,100vw - 24px);left:12px;right:auto;transform:none}}.queued-input{color:var(--green);align-items:center;gap:4px;display:inline-flex}.market-summary{border-top:2px solid var(--line);padding-top:8px}.market-forecast{flex-wrap:wrap;align-items:baseline;gap:10px;margin:6px 0;display:flex}.market-forecast strong.positive{color:var(--green)}.market-forecast strong.negative{color:var(--red)}.panel-market .queued-input{color:var(--green);align-items:center;gap:4px;display:inline-flex}.queued-input .icon{width:15px;height:15px}.lot-forecast{color:var(--gold);align-items:center;gap:4px;display:inline-flex}.lot-forecast .icon{width:14px;height:14px}.market-summary{z-index:2;border-top:0;border-bottom:2px solid var(--line);background:#241c16;padding:8px 0;position:sticky;top:0}.market-cart{border-collapse:collapse;width:100%;margin:6px 0;font-size:11px}.market-cart th,.market-cart td{text-align:left;border-bottom:1px solid #5a433099;padding:4px 6px}.market-cart th{color:var(--muted);text-transform:uppercase;font-size:9px}.market-cart td.positive{color:var(--green)}.market-cart td.negative{color:var(--red)}:root{--hud-wood:#6b3d2a;--hud-wood-dark:#3f2418;--hud-wood-light:#8a5a3b;--hud-paper:#e8d8b8;--hud-paper-light:#f4e8cc;--hud-paper-dark:#d6c2a0;--hud-ink:#3a2a1e;--hud-ink-muted:#7a5f45;--hud-wax:#8c3e2a;--hud-brass:#c9a46e}.hud-sprite{image-rendering:pixelated;background-repeat:no-repeat;flex:none;display:inline-block}.hud-sprite-missing{border:1px solid var(--line);background:#4a3a2a}.hud{z-index:5;pointer-events:none;flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.hud>*{pointer-events:auto}.hud-plaque{color:#f2e8d5;border:3px solid var(--hud-wood-dark);background-color:#5a3b27;background-image:repeating-linear-gradient(90deg,#00000017 0 2px,#0000 2px 8px),linear-gradient(#7a4e32,#4a2c1e);align-items:center;gap:12px;padding:6px 10px;display:flex;box-shadow:4px 4px #120d09,inset 0 0 0 2px #8a5a3b}.hud-brand{align-items:center;gap:8px;display:flex}.hud-brand-copy{flex-direction:column;line-height:1.05;display:flex}.hud-brand-copy strong{color:#f4e8cc;letter-spacing:.04em;text-transform:uppercase;font-size:14px}.hud-brand-copy span{color:#c9a46e;text-transform:uppercase;font-size:9px}.hud-season{border-left:2px solid #c9a46e59;align-items:center;gap:7px;padding-left:10px;display:flex}.hud-season>div{flex-direction:column;line-height:1.05;display:flex}.hud-season strong{color:#e0c070;font-size:14px}.hud-season span{color:#d6c2a0;font-size:10px}.hud-status{color:#f4e8cc;text-transform:uppercase;background:#8c3e2a;border:2px solid #4a1e18;border-radius:999px;align-items:center;gap:4px;padding:3px 8px 3px 4px;font-size:10px;display:inline-flex;box-shadow:2px 2px #120d09}.hud-status-won{background:#4f7a3a;border-color:#2f4d24}.hud-status-lost{background:#6b2a22}.hud-status-ended{background:#6b4a32}.hud-tally{color:var(--hud-ink);background-color:var(--hud-paper);border:3px solid var(--hud-wood);box-shadow:4px 4px 0 #120d09, inset 0 0 0 2px var(--hud-brass);background-image:radial-gradient(circle at 15% 10%,#ffffff73,#0000 35%),repeating-linear-gradient(0deg,#5a3c1e0a 0 1px,#0000 1px 3px);align-items:stretch;margin-left:auto;padding:3px 5px;display:flex}.hud-slot{border-right:1px dashed #5a3c1e59;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:54px;padding:3px 6px;line-height:1.02;display:flex}.hud-slot:last-child{border-right:0}.hud-slot-icon{color:#6b3d2a;justify-content:center;align-items:center;min-height:20px;display:inline-flex}.hud-slot-icon .pixel-icon{width:20px;height:20px}.hud-slot-icon-stack{gap:1px}.hud-slot-icon-stack .pixel-icon{width:15px;height:15px}.hud-slot-value{color:#2f2117;font-size:16px;font-weight:700}.hud-slot-label{color:#6b4a32;letter-spacing:.02em;text-transform:uppercase;font-size:8px}.hud-slot-value-pair{align-items:center;gap:3px;font-size:14px;display:inline-flex}.hud-slot-value-pair em{color:#8a6a48;font-size:11px;font-style:normal}.hud-drying{color:#7a5a3a;align-items:center;gap:1px;font-size:10px;font-weight:400;display:inline-flex}.hud-drying .pixel-icon{width:12px;height:12px}.hud-actions{align-items:flex-start;display:flex}.hud-menu{position:relative}.hud-menu-trigger{color:#f4e8cc;border:3px solid var(--hud-wood-dark);cursor:pointer;text-transform:uppercase;background-color:#5a3b27;background-image:linear-gradient(#7a4e32,#4a2c1e);align-items:center;gap:6px;padding:6px 9px;font-size:12px;display:flex;box-shadow:4px 4px #120d09,inset 0 0 0 2px #8a5a3b}.hud-menu-trigger:hover{border-color:var(--hud-brass)}.hud-menu-trigger svg{color:#e0c070;transition:transform .12s}.hud-menu-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.hud-menu-panel{z-index:60;min-width:220px;color:var(--hud-ink);background-color:var(--hud-paper);border:3px solid var(--hud-wood);box-shadow:5px 5px 0 #120d09, inset 0 0 0 2px var(--hud-brass);background-image:radial-gradient(circle at 15% 10%,#ffffff73,#0000 35%),repeating-linear-gradient(0deg,#5a3c1e0a 0 1px,#0000 1px 3px);flex-direction:column;gap:4px;padding:7px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.hud-menu-item{width:100%;color:var(--hud-ink);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;padding:6px 8px;font-size:12px;display:flex}.hud-menu-item:hover{color:#5a241a;border-color:var(--hud-brass);background:#8c5a302e}.hud-menu-divider{background:#6b3d2a73;height:1px;margin:2px 0}.hud-menu-locale{color:var(--hud-ink-muted);text-transform:uppercase;flex-direction:column;gap:3px;padding:2px 4px;font-size:9px;display:flex}.hud-menu-locale select{width:100%;color:var(--hud-ink);background:var(--hud-paper-light);border:2px solid var(--hud-wood);padding:4px 6px;font-size:12px}.hud-tabs{z-index:18;background-color:#2a1b12;background-image:repeating-linear-gradient(90deg,#0000001a 0 2px,#0000 2px 9px),linear-gradient(#4a2c1e,#24160f);border:3px solid #4a2c1e;gap:2px;max-width:calc(100vw - 130px);padding:5px 7px;display:flex;position:fixed;bottom:10px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 -3px #120d09,inset 0 0 0 1px #8a5a3b}.hud-tab{color:#c9b38a;cursor:pointer;text-transform:uppercase;background:#3a2c22;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:76px;padding:5px 8px;font-size:10px;display:flex}.hud-tab:hover{color:#f4e8cc;border-color:var(--hud-brass)}.hud-tab.active{color:var(--hud-ink);background-color:var(--hud-paper);border-color:var(--hud-wood);background-image:repeating-linear-gradient(0deg,#5a3c1e0a 0 1px,#0000 1px 3px);transform:translateY(-3px);box-shadow:2px 2px #120d09}.hud-tab .icon{width:20px;height:20px}.hud-tab.active .icon{color:#5a241a}.hud-end-month{z-index:19;color:#f4e8cc;cursor:pointer;text-align:center;text-transform:uppercase;background-color:#8a5a2e;background-image:radial-gradient(circle at 35% 25%,#b57c3e,#6d4422);border:3px solid #4a2c1e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:96px;height:96px;padding:6px;font-size:10px;line-height:1.05;display:flex;position:fixed;bottom:12px;right:14px;box-shadow:4px 4px #120d09,inset 0 0 0 2px #c9a46e}.hud-end-month>span:not(.hud-month-marks){font-size:10px;font-weight:700}.hud-end-month:hover:not(:disabled){border-color:#f4e8cc}.hud-end-month:disabled{opacity:.5;cursor:not-allowed}.hud-end-month .hud-sprite{margin-top:-2px}.hud-month-marks{gap:3px;margin-top:1px;display:flex}.hud-month-marks i{background:#f4e8cc59;border:1px solid #3a2416;width:5px;height:5px}.hud-month-marks i.on{background:#e0c070}.book-panel{--ink:var(--hud-ink);--muted:var(--hud-ink-muted);--line:#b08a5a;--gold:#8a4a1e;--panel:var(--hud-paper);--panel-strong:var(--hud-paper-light);color:var(--hud-ink);background-color:var(--hud-paper);border:3px solid var(--hud-wood);box-shadow:6px 6px 0 #120d09, inset 0 0 0 2px var(--hud-brass);background-image:radial-gradient(circle at 12% 8%,#ffffff73,#0000 38%),repeating-linear-gradient(0deg,#5a3c1e09 0 1px,#0000 1px 3px)}.book-panel .book-page-head{color:#5a241a;letter-spacing:.03em;border-bottom:2px dashed #a8875c}.book-panel h2{color:#6b2a22;text-transform:none;letter-spacing:.03em;border-bottom:1px dotted #b08a5a;padding-bottom:3px}.book-panel .muted,.book-panel .hint,.book-panel .small{color:#6b4a32}.book-panel .count{color:#8a4a1e}.book-panel .family{background:var(--hud-paper-light);border:2px solid #b08a5a;border-radius:0;box-shadow:3px 3px #4a2c1e2e}.book-panel .family.selected{background:#f7edd4;border-color:#8a4a1e}.book-panel .family header,.book-panel .person{border-color:#8c643c59}.book-panel .person-name strong,.book-panel .family-toggle{color:#4a2c1e}.book-panel .button,.book-panel .button.small{color:#f4e8cc;background:#8a5a2e;border:2px solid #4a2c1e;box-shadow:2px 2px #3a2416}.book-panel .button:hover:not(:disabled){background:#a06a36;border-color:#6b3d2a}.book-panel .button.primary{background:var(--hud-wax);border-color:#4a1e18}.book-panel .button.primary:hover:not(:disabled){background:#a34c36}.book-panel .button.active{border-color:#4a1e18;box-shadow:inset 0 0 0 2px #e0c070}.book-panel .button:disabled{opacity:1;color:#9a8464;box-shadow:none;background:#e0d0b0;border-color:#c9b38a}.book-panel .button.build small{color:#e0c9a0}.book-panel .button.build em{color:#f2d890}.book-panel .button.build:disabled small,.book-panel .button.build:disabled em{color:#9a8464}.book-panel select,.book-panel input,.book-panel .market-row input{color:var(--hud-ink);background:var(--hud-paper-light);border:2px solid #8a6a48}.book-panel select:focus,.book-panel input:focus{outline-offset:1px;outline:2px solid #8a4a1e}.book-panel .routine label{color:var(--hud-ink-muted)}.book-panel .mini{color:#f4e8cc;background:#6b4a32;border:2px solid #4a2c1e}.book-panel .site-list li,.book-panel .save-list li{background:#fffaeb66;border:1px solid #b08a5a;border-radius:0}.book-panel .site-list li,.book-panel .grade-list li,.book-panel .input-list li,.book-panel .coffee-batch{border-color:#8c643c66}.book-panel .site-list strong,.book-panel .grade-list strong,.book-panel .coffee-batch strong{color:#5a241a}.book-panel .grade-bad{color:#a33f2f}.book-panel .grade-medium{color:#8a6a2a}.book-panel .grade-good{color:#4f7a3a}.book-panel .input-chip{color:#6b4a32;background:var(--hud-paper-light);border-color:#b08a5a}.book-panel .input-chip.applied{color:#3f6b2e;border-color:#6f9a4e}.book-panel .input-chip.queued{color:#8a5a1e;border-color:#b88a4a}.book-panel .warning{color:#8c2f22;background:#a33f2f14;border-color:#a33f2f80;border-radius:0}.book-panel .market-summary{background:0 0;border-bottom:2px dashed #b08a5a}.book-panel .market-summary .market-cart th{color:#6b4a32}.book-panel .line-chart svg{background:var(--hud-paper-light);border:2px solid #b08a5a}.book-panel .chart-legend{color:var(--hud-ink-muted)}.book-panel .market-cart th,.book-panel .market-cart td{border-color:#8c643c59}.book-panel .market-cart td.positive,.book-panel .market-forecast strong.positive{color:#3f6b2e}.book-panel .market-cart td.negative,.book-panel .market-forecast strong.negative{color:#8c2f22}.book-panel .setup-panel{box-shadow:none;background:#fffaeb59;border:2px solid #b08a5a}.book-panel .speech-bubble{color:var(--hud-ink);background:var(--hud-paper-light);border:2px solid #8a6a48;box-shadow:3px 3px #4a2c1e2e}.book-panel .speech-bubble:before{background:var(--hud-paper-light);border-color:#8a6a48}.book-panel .speech-bubble strong{color:#6b2a22}.book-panel .setup-steps li{color:#6b4a32}.book-panel .setup-steps li.current{color:#8a4a1e}.book-panel .setup-steps li.done{color:#7a8a5a}.modal{color:var(--hud-ink);background-color:var(--hud-paper);border:3px solid var(--hud-wood);box-shadow:8px 8px 0 #120d09, inset 0 0 0 2px var(--hud-brass);background-image:radial-gradient(circle at 15% 8%,#ffffff73,#0000 38%),repeating-linear-gradient(0deg,#5a3c1e0a 0 1px,#0000 1px 3px);border-radius:0}.modal h2{color:#5a241a}.modal .muted,.modal .report-grid dt{color:var(--hud-ink-muted)}.modal .report-grid{background:#fffaeb59;border:2px solid #b08a5a;border-radius:0}.modal .button{color:#f4e8cc;background:#8a5a2e;border:2px solid #4a2c1e;box-shadow:2px 2px #3a2416}.modal .button.primary{background:var(--hud-wax);border-color:#4a1e18}.ending-won{border-color:#4f7a3a}.ending-lost{border-color:#8c3e2a}@media (max-width:1100px){.hud{gap:6px}.hud-tally{order:3;width:100%;margin-left:0;overflow-x:auto}.hud-actions{margin-left:auto}}@media (max-width:900px){.side-panel.book-panel{bottom:84px}.hud-tab{min-width:64px}.hud-end-month{width:82px;height:82px;font-size:8px}}@media (max-width:620px){.hud{top:6px;left:6px;right:6px}.hud-plaque{gap:6px;padding:5px 7px}.hud-brand-copy span,.hud-status{display:none}.hud-tally{padding:2px 3px}.hud-slot{min-width:48px;padding:2px 5px}.hud-slot-label{display:none}.hud-tabs{max-width:none;left:8px;right:88px;transform:none}.hud-end-month{width:72px;height:72px;bottom:8px;right:8px}.hud-end-month .hud-sprite{width:32px!important;height:32px!important}.side-panel.book-panel{bottom:88px}}.book-panel .task-picker{flex-direction:column;gap:4px;margin-top:3px;display:flex}.book-panel .task-picker-label{color:#6b4a32;font-size:10px}.book-panel .task-icons{flex-wrap:wrap;gap:3px;display:flex}.book-panel .task-icon{color:#8a6a48;cursor:pointer;opacity:.62;background:#f0e2c4;border:2px solid #b08a5a;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex;position:relative;box-shadow:1px 1px #4a2c1e2e}.book-panel .task-icon .icon{width:18px;height:18px}.book-panel .task-icon:hover:not(:disabled){opacity:1;border-color:#8a4a1e}.book-panel .task-icon.active{color:#3f6b2e;opacity:1;background:#f7edd4;border-color:#4f7a3a;box-shadow:2px 2px #4a2c1e47}.book-panel .task-icon:disabled{color:#8a7a68;cursor:not-allowed;filter:grayscale();opacity:.3}.book-panel .task-icon small{color:#f4e8cc;background:#8a4a1e;border:1px solid #4a2c1e;padding:0 2px;font-size:8px;line-height:1.1;position:absolute;bottom:-3px;right:-3px}.book-panel .task-current{color:#6b2a22;font-size:10px}.book-panel[data-panel=families],.book-panel[data-panel=market],.book-panel[data-panel=reports]{width:min(1120px,100vw - 24px);max-height:none;inset:82px auto 84px 50%;transform:translate(-50%)}.book-panel[data-panel=families] .family-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:10px;display:grid}.book-panel[data-panel=market] .panel-market{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.book-panel[data-panel=market] .panel-market>.market-summary{grid-column:1/-1;position:static}.book-panel[data-panel=reports] .panel-reports{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.book-panel[data-panel=works]{width:auto;max-height:270px;inset:auto 12px 84px;transform:none}.book-panel[data-panel=works] .build-list{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.book-panel[data-panel=works] .button.build{flex:0 0 190px;min-width:190px}.book-panel .button.build.locked{opacity:1}.book-panel .button.build em{line-height:1.15;display:block}.book-panel[data-panel=coffee]{width:auto;height:min(55vh,540px);max-height:none;inset:auto 12px 84px;overflow:hidden;transform:none}.book-panel[data-panel=coffee] .panel-coffee{grid-template-rows:auto minmax(0,1fr);grid-template-columns:250px minmax(0,1fr) 280px;gap:12px;height:100%;display:grid}.book-panel[data-panel=coffee] .coffee-actions{grid-area:1/1}.book-panel[data-panel=coffee] .coffee-orders{grid-area:2/1;overflow-y:auto}.book-panel[data-panel=coffee] .coffee-lots{flex-direction:column;grid-area:1/2/span 2;min-height:0;display:flex;overflow:hidden}.book-panel[data-panel=coffee] .coffee-lot-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-content:start;gap:8px;margin:0;padding:0 4px 4px 0;list-style:none;display:grid;overflow-y:auto}.book-panel .coffee-lot-card{background:#fffaeb6b;border:2px solid #b08a5a;padding:7px 8px;box-shadow:2px 2px #4a2c1e24}.book-panel .coffee-lot-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.book-panel .lot-badges{gap:3px;display:inline-flex}.book-panel .lot-badge{color:#6b4a32;background:#f0e2c4;border:2px solid #b08a5a;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.book-panel .lot-badge .icon{width:15px;height:15px}.book-panel .lot-badge.working,.book-panel .lot-badge.applied{color:#3f6b2e;border-color:#4f7a3a}.book-panel .lot-badge.queued{color:#8a5a1e;border-style:dashed;border-color:#b88a4a}.book-panel[data-panel=coffee] .coffee-storage-column{flex-direction:column;grid-area:1/3/span 2;gap:10px;min-height:0;display:flex;overflow-y:auto}.book-panel[data-panel=coffee] .coffee-storage{margin:0}@media (max-width:900px){.book-panel[data-panel=families],.book-panel[data-panel=market],.book-panel[data-panel=reports]{width:auto;inset:76px 8px 84px;transform:none}.book-panel[data-panel=works]{max-height:300px;bottom:84px;left:8px;right:8px}.book-panel[data-panel=coffee]{height:64vh;bottom:84px;left:8px;right:8px}.book-panel[data-panel=coffee] .panel-coffee{flex-direction:column;display:flex;overflow-y:auto}.book-panel[data-panel=coffee] .coffee-lots{min-height:220px;overflow:visible}.book-panel[data-panel=coffee] .coffee-lot-grid{overflow:visible}.book-panel[data-panel=market] .panel-market,.book-panel[data-panel=reports] .panel-reports{grid-template-columns:1fr}.book-panel[data-panel=families] .family-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:620px){.book-panel[data-panel=families] .family-list{grid-template-columns:1fr}}