:root{--surface:rgba(21,42,44,.92);--ink:#f3efe0;--muted:#c1cfc5;--lime:#e1d3a4;--line:#ecf6df25}
#vignette{box-shadow:none;background:linear-gradient(180deg,#122b35aa,transparent 24%,transparent 76%,#15272e80)}
header{top:23px;left:27px;right:27px}.brand h1{font-size:31px;line-height:.92;letter-spacing:-.5px;text-shadow:0 2px 12px #12272c55}.house-link{color:#e1e7d9}.top-actions button{background:#17363fbd;border-color:#e4efdf25}.world-status{padding:8px 12px;border-radius:30px;background:#14303c8a}.world-status button{color:#f0eddf}#world-time{color:#d4dfda}#counts{top:76px;color:#e8f0e8;gap:19px;text-shadow:0 1px 5px #0006}
#world-nav{position:absolute;left:50%;top:115px;transform:translateX(-50%);display:flex;align-items:center;gap:3px;background:#193c48c2;border:1px solid #cbded432;border-radius:30px;padding:5px 9px;backdrop-filter:blur(10px);white-space:nowrap}#world-nav button{border:0;border-radius:20px;font-size:11px;padding:8px 13px}#world-nav button:hover{background:#d6e4c923}#camera-scale{font-size:8px;letter-spacing:1.4px;color:#cad9d2;padding:0 10px;border-left:1px solid #dde8da30}
#workbench,#observer{display:none;top:175px;bottom:auto;width:260px;max-height:calc(100dvh - 380px);background:var(--surface);border-radius:12px}#workbench.open,#observer.open{display:block}#workbench{left:24px}#observer{right:24px}.mobile-only,.tool-tray .mobile-only{display:flex}.panel-heading .mobile-only{display:block}.anatomy-notes{padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#d3e1d4;font-size:11px;line-height:1.65}.memory{color:#e2d4ad}.tool-tray{background:#15333be8}.tool-tray button{min-width:57px}.time-controls{background:#1b3a44c9}.bottom-caption{color:#f0f2e5;text-shadow:0 1px 5px #0009}.bottom-ui{bottom:20px}.panel .primary,.intro-card .primary{background:#e1d3a4;color:#203c3c}#toast{background:#f0e6c6;color:#203a39}.speech{background:#f1eddcdd;color:#29423e;backdrop-filter:blur(5px);font-size:10px;max-width:155px}
.overlay{place-items:center start;background:linear-gradient(90deg,#102b38ed 0%,#132c37cf 25%,#152f3c18 68%);backdrop-filter:none}.intro-card{margin-left:7vw;text-align:left;width:390px;padding:30px}.intro-symbol{font-size:36px;margin:24px 0 17px}.intro-card h2{font-size:63px}.intro-card p{color:#dae5dc}.intro-card .secondary{margin-bottom:8px;background:#1b3b438a}.intro-card small{color:#c1d0c9}.intro-card .eyebrow{color:#bed4ce;font-size:9px;letter-spacing:2px}
@media(max-width:900px){header{top:14px;left:16px;right:16px}.brand h1{font-size:27px}.world-status{position:absolute;left:50%;top:0;transform:translateX(-50%);padding:7px 12px;min-width:170px;justify-content:center}.top-actions{flex-wrap:wrap;justify-content:flex-end;max-width:190px}.top-actions button{font-size:10px}#counts{top:99px;left:50%;right:auto;transform:translateX(-50%);gap:15px}#world-nav{top:129px}#workbench,#observer{top:auto;bottom:179px;left:12px;right:12px;width:auto;max-height:51dvh;padding:16px}#workbench.open{display:grid}.tool-tray button{min-width:0}.bottom-ui{bottom:max(13px,env(safe-area-inset-bottom))}.intro-card{margin-left:3vw}.intro-card h2{font-size:56px}}
@media(max-width:600px){.world-status{position:fixed;top:97px;left:16px;transform:none;min-width:0;background:transparent;padding:0;justify-content:flex-start}.world-status button{font-size:11px}.top-actions{max-width:155px;gap:4px}.top-actions button{padding:6px 8px;font-size:9px;min-height:33px}.top-actions #sound{max-width:70px}.brand h1{font-size:26px;margin-top:12px}#counts{top:121px;left:16px;transform:none;font-size:8px;gap:13px}#world-nav{top:151px;width:calc(100% - 30px);padding:4px 6px;justify-content:space-between}#world-nav button{font-size:10px;padding:7px 8px}#camera-scale{display:none}.intro-card{width:350px;max-width:94vw;margin:0;padding:28px}.intro-card h2{font-size:55px}.overlay{background:linear-gradient(90deg,#102b38ed,#132c37a0 65%,#152f3c35)}.bottom-caption{font-size:9px}.tool-tray button{padding:9px 5px}.tool-tray [data-tool=plant]{display:none}#guidance{top:198px}.panel .primary{min-height:42px}}