:root{--ink:#26392c;--muted:#5f6a5d;--paper:#f4f0e5;--line:#d6d8c6;--olive:#43583a;--amber:#ae662b;--mono:'JetBrains Mono',monospace;--font:'Bricolage Grotesque',sans-serif}*{box-sizing:border-box}html,body,#experience{margin:0;width:100%;height:100%;overflow:hidden}body{color:var(--ink);font:14px var(--font);background:#d6d8c6}button,select{font:inherit}button{border:1px solid var(--line);color:var(--ink);background:var(--paper);min-height:42px;padding:8px 13px;cursor:pointer;transition:background .16s,border-color .16s}button:hover{background:#e8e7d6;border-color:#829174}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bb762a;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}button.on,button[aria-pressed=true]{background:var(--olive);color:#fff;border-color:var(--olive)}[hidden]{display:none!important}#scene{position:absolute;inset:0}#scene canvas{width:100%;height:100%;display:block;touch-action:none}.topbar{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:20px;min-height:68px;padding:10px 22px;border-bottom:1px solid #b9c0ab;background:var(--paper);z-index:5}.back{background:#e3e7d7;border-color:#bcc6ad;white-space:nowrap}.brand{font-size:13px;font-weight:800;letter-spacing:2px;white-space:nowrap}.brand span{display:block;font-size:9px;letter-spacing:2.6px;font-weight:500;color:var(--muted);margin-top:3px}#clock{font:12px var(--mono);margin-left:auto;white-space:nowrap}.time-controls{display:flex}.time-controls button{padding:7px 10px;min-width:39px;border-right-width:0}.time-controls button:last-child{border-right-width:1px}.production-info{position:absolute;left:30px;top:101px;width:330px;pointer-events:none;text-shadow:0 1px 5px #f4f0e555}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;margin:0 0 12px}h1{font-size:49px;line-height:.98;letter-spacing:-2.3px;font-weight:600;margin:0 0 15px;max-width:360px}.stage{font-size:14px;line-height:1.5;font-weight:500;max-width:290px;margin:0 0 15px}.progress{height:3px;background:#4f59302b;max-width:270px}.progress i{display:block;height:3px;background:var(--olive);width:0;transition:width .8s}.metrics{display:flex;gap:21px;margin:14px 0 20px}.metrics dt{font-size:10px;color:#46543e;margin-bottom:5px}.metrics dd{font:16px var(--mono);margin:0}.advice{padding-left:12px;border-left:2px solid #6d7b52;max-width:280px;font-size:12px;line-height:1.6;color:#354930}.production-info:before{content:'';position:absolute;z-index:-1;inset:-28px -20px -30px -30px;background:linear-gradient(90deg,#f4f0e5dd,#f4f0e5a8 60%,#f4f0e500);filter:blur(6px)}#management{position:absolute;right:22px;top:94px;width:282px;background:var(--paper);border:1px solid #b9c0ab;box-shadow:0 8px 28px #24351d1a;max-height:calc(100% - 188px);overflow-y:auto;z-index:3}#management-toggle{width:100%;border:0;border-bottom:1px solid var(--line);display:flex;align-items:center;text-align:left;font-weight:700;padding:14px}#action-count{margin-left:auto;font:10px var(--mono);color:var(--muted);padding-left:5px}#management-toggle b{margin-left:10px;font-size:17px}#management-body{padding:13px}.field{display:block;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;margin-bottom:11px}.field select{display:block;width:100%;border:1px solid var(--line);color:var(--ink);background:#faf8f0;min-height:40px;padding:8px;margin-top:5px;outline-offset:2px}.task-list{border-top:1px solid var(--line);margin-top:14px}.task-list button{display:flex;align-items:center;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);padding:10px 0;background:transparent;min-height:47px}.task-list button:hover{color:#936027;background:#eae9da}.task-list button span:first-child{display:block;font-weight:600}.task-list button small{display:block;font-size:10px;line-height:1.5;font-weight:400;color:var(--muted)}.task-list button b{font:14px var(--mono);margin-left:auto;padding:0 7px}.task-list button.done b{color:#547241}.stocks{margin-top:14px;padding:0 0 4px}.stocks span{display:flex;justify-content:space-between;gap:8px;font-size:10px;margin:10px 0;color:var(--muted)}.stocks b{font:10px var(--mono);color:var(--ink)}.harvest{width:100%;margin:10px 0;background:var(--olive);color:white;border-color:var(--olive)}.farm-menus{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.farm-menus summary{font-size:12px;cursor:pointer;min-height:28px;padding:3px 0}.farm-menus nav{display:flex;flex-wrap:wrap;gap:5px;padding-top:8px}.farm-menus button{font-size:11px;min-height:36px;padding:6px 9px}.camera-bar{position:absolute;bottom:30px;left:30px;display:flex;gap:0;z-index:4}.camera-bar button{border-right-width:0;min-height:42px;font-size:11px}.camera-bar button:last-child{border-right-width:1px;font-size:10px}.service-cue{position:absolute;left:50%;bottom:101px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;min-width:340px;background:var(--paper);border-left:4px solid var(--olive);padding:11px 14px;box-shadow:0 4px 20px #1d2e2520;z-index:4}.service-cue strong{font-size:12px;display:block}.service-cue span:not(.live-dot){display:block;font-size:10px;color:var(--muted);margin-top:4px}.service-cue button{font-size:11px;min-height:35px;margin-left:auto}.live-dot{width:7px;height:7px;background:#6b844a;flex-shrink:0}.service-cue .live-dot{animation:pulse 1.5s infinite}#scene-caption{position:absolute;left:31px;bottom:4px;font-size:9px;color:#243b2b;margin:0 0 9px;text-shadow:0 1px 4px #fff}#message{position:absolute;left:50%;top:82px;transform:translateX(-50%);background:var(--paper);color:var(--ink);padding:12px 18px;border:1px solid var(--line);max-width:min(500px,90vw);z-index:12;box-shadow:0 4px 16px #15221425;display:none}#message.show{display:block}#loading{position:absolute;inset:68px 0 0;background:var(--paper);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:8;padding:20px}.loading-mark{border:1px solid #80906e;padding:18px;font-weight:800;font-size:23px;letter-spacing:-2px}#loading h2{font-weight:500;font-size:30px;letter-spacing:-1px;margin-bottom:8px}#loading p{font-size:12px;color:var(--muted)}#empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--paper);max-width:420px;padding:30px;border:1px solid var(--line);z-index:7}#empty h2{font-weight:500;font-size:28px}#empty p{line-height:1.6;color:var(--muted)}@keyframes pulse{50%{opacity:.3}}@media(min-width:1500px){.production-info{left:48px;top:116px;width:370px}h1{font-size:59px}#management{right:30px;width:300px}}@media(max-width:900px){.topbar{gap:10px;padding:9px 12px}.brand{font-size:10px;letter-spacing:1px}.brand span{font-size:8px;letter-spacing:1px}.production-info{left:20px;top:91px;width:230px}h1{font-size:38px}.eyebrow{font-size:8px;max-width:200px;line-height:1.6}.stage{font-size:12px}.metrics{gap:13px}.metrics dt{font-size:9px}.metrics dd{font-size:13px}.advice{font-size:11px;max-width:210px}#management{right:12px;top:86px;width:245px}.camera-bar{left:18px;bottom:30px}.camera-bar button{padding:7px 10px;font-size:10px}.camera-bar #quality{display:none}.service-cue{bottom:90px;left:20px;transform:none;min-width:0;max-width:calc(100% - 40px)}#scene-caption{left:20px}}@media(max-width:600px){.topbar{height:62px;min-height:62px;gap:8px;flex-wrap:wrap;padding:8px}.back{padding:6px 9px;min-height:42px}.brand{display:none}#clock{font-size:10px;margin-left:0}.time-controls{margin-left:auto}.time-controls button{min-width:31px;min-height:38px;padding:6px}.production-info{left:17px;top:82px;width:220px}h1{font-size:37px;max-width:240px;margin-bottom:9px;letter-spacing:-1.6px}.eyebrow{font-size:8px;margin-bottom:7px}.stage{font-size:11px;max-width:200px;margin-bottom:8px;line-height:1.4}.metrics{margin:10px 0;gap:15px}.metrics dt{font-size:8px}.metrics dd{font-size:12px}.advice{display:none}.production-info:before{inset:-20px -10px -10px -20px}.progress{width:195px}#management{top:auto;bottom:76px;right:10px;left:10px;width:auto;max-height:44vh;border-color:#a8b59b}#management-toggle{padding:10px 12px;min-height:44px;font-size:12px}#management-body{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.field{font-size:9px;margin-bottom:6px}.field select{font-size:11px;min-height:36px;padding:7px}.task-list{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-top:4px}.task-list button{min-height:44px;padding:7px 0;font-size:12px}.task-list button small{font-size:9px}.stocks{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:0 14px;margin-top:5px}.stocks span{gap:6px;margin:4px 0;font-size:9px}.stocks b{font-size:9px}.farm-menus,.harvest{grid-column:1/-1}.farm-menus{padding-top:5px;margin-top:6px}.camera-bar{left:10px;right:10px;bottom:24px}.camera-bar button{flex:1;font-size:10px;padding:8px 4px}.service-cue{left:10px;right:10px;max-width:none;bottom:calc(44vh + 86px);padding:8px 10px;gap:7px}.service-cue strong{font-size:11px}.service-cue button{padding:6px 8px;font-size:10px}.service-cue span:not(.live-dot){font-size:9px}#scene-caption{left:11px;font-size:8px;bottom:0}#loading{top:62px}#message{top:70px;font-size:12px}#management.collapsed #management-body{display:none}#management.collapsed #management-toggle{border-bottom:0}#management.collapsed #management-toggle b{transform:rotate(180deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}