:root{--ink:#203d36;--muted:#61756b;--paper:#f8f7ef;--surface:#fffef9;--line:#dce3d6;--green:#244d45;--mint:#e4eddf;--accent:#d6ed8e;--danger:#a83d32;--shadow:0 14px 48px #1c3d3824;--garden:#b8c9a2;--floor0:#e5d5b9;--floor1:#d0dbd5;--floor2:#e4c7ad;--floor3:#f0ead6;--wall:#f7f2dc;--wall-side:#b9baa6;--night:#172c60;--dusk:#d18c56;--cursor:#244d45}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 system-ui,-apple-system,"Noto Sans",sans-serif}button,input,select{font:inherit;color:inherit}button{min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:7px 12px;cursor:pointer}button:hover{background:var(--mint);border-color:#a3b79b}button:disabled{opacity:.5;cursor:not-allowed}button[aria-pressed=true],button.selected,.primary{background:var(--green);color:var(--surface);border-color:var(--green)}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #9c611a;outline-offset:3px}button.danger,.error{color:var(--danger)}h1,h2,h3,p{margin:0}h1{font-size:23px;letter-spacing:.04em}h2{font-size:15px}h3{font-size:15px;margin-bottom:10px}.muted{color:var(--muted);font-size:12px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:var(--muted)}[hidden]{display:none!important}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line);background:var(--surface)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{font-size:38px;line-height:1;color:var(--green)}.brand strong{display:block;font-size:20px;letter-spacing:.13em}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.clock{display:flex;gap:24px;align-items:center}.clock strong{font-variant-numeric:tabular-nums}#speeds{display:flex;gap:4px}#speeds button{min-width:43px}.balance{font-size:22px;letter-spacing:.03em;font-weight:650;background:var(--mint);min-width:160px}.workspace{display:grid;grid-template-columns:226px minmax(400px,1fr) 266px;height:calc(100dvh - 128px);min-height:520px}.resident-panel,.tools-panel{padding:20px 16px;overflow:auto;background:var(--surface);scrollbar-width:thin}.resident-panel{border-right:1px solid var(--line)}.tools-panel{border-left:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-heading span{font-size:12px;color:var(--muted)}.resident-list{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.resident-button{display:flex;flex:1;min-width:70px;gap:8px;align-items:center;padding:9px}.avatar{height:32px;width:32px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:var(--mint);color:var(--ink)}.resident-name{font-size:21px;letter-spacing:.05em}.mood{display:inline-block;border-radius:20px;padding:3px 9px;background:var(--mint);font-size:11px;margin:8px 0 16px}.need{margin:11px 0}.need-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.need-track{height:6px;background:var(--mint);border-radius:10px;overflow:hidden}.need-fill{height:100%;background:var(--green);border-radius:10px}.need-fill.low{background:var(--danger)}.queue-section{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}#queue{list-style:none;padding:0;margin:0 0 12px}#queue li{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 0;border-bottom:1px solid var(--line);font-size:12px}#queue button{padding:0;min-width:30px;min-height:30px}.world-section{display:flex;flex-direction:column;min-width:0;padding:20px 18px 12px}.world-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.world-heading button{font-size:12px}#canvas-wrap{position:relative;flex:1;min-height:0;background:var(--garden);border:1px solid #aebb9e;border-radius:16px;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}.world-footer{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);padding-top:10px;min-height:28px}#world-hint{max-width:80%}.shortcut-bar{height:40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:48px;color:var(--muted);font-size:11px}kbd{font:10px system-ui;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:2px 4px;margin:0 2px}.panel-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.panel-tabs button{font-size:12px;padding:7px 3px}.panel-intro{font-size:12px;color:var(--muted);margin:8px 0 18px}.note-card,.job-card,.slot{padding:14px;border:1px solid var(--line);border-radius:12px;margin:12px 0;background:var(--paper)}.note-card p{font-size:12px;color:var(--muted);margin-top:7px}.note-card strong{font-size:14px}.panel-stack{display:flex;flex-direction:column;gap:8px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:12px 0}.tool-grid button{font-size:11px;padding:7px 2px}.floor-colors{display:flex;gap:6px;margin:10px 0}.floor-colors button{width:40px;height:38px}.catalog-filter{width:100%;margin:10px 0;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:7px}.catalog button{text-align:left;padding:10px 8px;min-height:85px;font-size:11px}.catalog .swatch{display:block;width:28px;height:18px;margin-bottom:7px;border-radius:3px;border:1px solid #0002}.catalog strong,.catalog small{display:block}.catalog small{margin-top:4px}.catalog button.unaffordable{opacity:.55}.ledger{padding:0;list-style:none}.ledger li{padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;gap:9px}.ledger li span{overflow-wrap:anywhere}.positive{color:var(--green)}.negative{color:var(--danger)}.slot button{margin-top:8px;font-size:12px}.slot p{font-size:11px;color:var(--muted);margin:5px 0}.job-card p{font-size:12px;color:var(--muted);margin:7px 0}.job-card button{width:100%;font-size:12px}#notices{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px;width:min(290px,70%);pointer-events:none}.notice{padding:10px 13px;background:var(--surface);border-left:4px solid var(--green);box-shadow:0 3px 12px #203d3615;border-radius:8px;font-size:12px}.notice.error{border-color:var(--danger)}#tutorial{position:absolute;left:14px;bottom:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;max-width:330px;box-shadow:var(--shadow)}#tutorial p{font-size:12px;margin:6px 0 10px}#tutorial button{font-size:12px;min-height:30px}.social-actions{display:flex;flex-direction:column;gap:7px;margin:12px 0}dialog{border:1px solid var(--line);border-radius:20px;padding:0;color:var(--ink);background:var(--surface);box-shadow:var(--shadow);max-height:90dvh;max-width:min(760px,94vw);width:680px}dialog::backdrop{background:#1d362b68;backdrop-filter:blur(5px)}.dialog-body{padding:32px}.dialog-body h2{font-size:29px;letter-spacing:.06em;margin:8px 0 12px}.dialog-body p{font-size:14px}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.dialog-actions button{min-height:44px}.welcome-art{height:160px;background:var(--mint);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.welcome-art span{font-size:126px;line-height:1;color:var(--green);z-index:1}.welcome-art i{position:absolute;border-radius:50%;height:140px;width:140px;background:#c6dba9;bottom:-80px;left:16%}.welcome-art i:last-child{left:65%;width:220px;height:220px;bottom:-150px}#loading-note{font-size:12px;color:var(--muted);margin-top:12px}#creator{width:750px}#creator-fields{display:flex;gap:20px;margin-top:20px}.resident-form-card{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;padding:16px}.resident-form-card label{display:block;font-size:12px;margin:10px 0 4px}.resident-form-card input[type=text],.resident-form-card select{width:100%;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.look-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.traits{display:grid;grid-template-columns:1fr 1fr;gap:5px}.traits label{display:flex;align-items:center;gap:4px;margin:0;padding:5px 0;font-size:11px}.traits input{accent-color:var(--green)}.resident-form-card fieldset{border:0;padding:0;margin:12px 0}.resident-form-card legend{font-size:12px;margin-bottom:5px}#creator-error{margin-top:10px}.help-list{padding-left:18px;font-size:12px}.help-list li{margin:12px 0}@media(min-width:1700px){.workspace{grid-template-columns:260px minmax(400px,1fr) 310px}.resident-panel,.tools-panel{padding:24px}.world-section{padding:26px}.need{margin:17px 0}.catalog button{min-height:100px}.world-heading{margin-bottom:20px}}@media(max-width:1050px){.workspace{grid-template-columns:190px minmax(380px,1fr) 235px}.topbar{padding:0 14px}.clock{gap:8px}.brand small{display:none}.brand strong{font-size:17px}.shortcut-bar{gap:15px}body{min-width:850px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Keep navigation visible while long catalogs scroll independently. */
.tools-panel{display:flex;flex-direction:column;overflow:hidden}.panel-tabs{flex-shrink:0}#panel-content{min-height:0;overflow:auto;scrollbar-width:thin;padding-right:2px}.primary:hover,button[aria-pressed=true]:hover{background:#38685b;color:var(--surface)}.look-preview{height:54px;display:flex;align-items:center;justify-content:center;background:var(--mint);border-radius:8px;margin-bottom:10px}.look-preview span{position:relative;width:20px;height:24px;display:block;background:var(--look-cloth);margin-top:18px;border-radius:6px 6px 3px 3px}.look-preview span:before{content:"";position:absolute;width:19px;height:19px;left:0;top:-15px;background:var(--look-skin);border-radius:50%;border-top:6px solid var(--look-hair)}