html,body{background:#050403;height:100%;margin:0;font-family:Georgia,Times New Roman,serif;overflow:hidden}#app{position:fixed;inset:0}#hud{color:#cbb98f;letter-spacing:.04em;opacity:.8;pointer-events:none;text-shadow:0 1px 2px #000;font-size:12px;position:fixed;bottom:10px;left:12px}.lil-gui{--font-family:Georgia, serif}:root{--ui-bg:#0e0a06d1;--ui-line:#d6b26c59;--ui-gold:#e6c27a;--ui-text:#eadbb8;--ui-dim:#a8957a}.ui-tabs{background:var(--ui-bg);border:1px solid var(--ui-line);z-index:20;border-radius:10px;gap:4px;padding:4px;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%)}.ui-tabs button{all:unset;cursor:pointer;color:var(--ui-dim);letter-spacing:.04em;border-radius:7px;padding:6px 14px;font-size:14px}.ui-tabs button.on{color:var(--ui-gold);background:#e6c27a29}.ui-tabs button:hover{color:var(--ui-text)}.ctor{z-index:15;background:var(--ui-bg);border:1px solid var(--ui-line);width:330px;color:var(--ui-text);scrollbar-width:thin;scrollbar-color:#5a4730 transparent;border-radius:12px;padding:14px 14px 18px;font-size:13px;position:fixed;top:10px;bottom:10px;left:10px;overflow-y:auto}.ctor h1{color:var(--ui-gold);letter-spacing:.06em;margin:0 0 2px;font-size:20px;font-weight:400}.ctor .sub{color:var(--ui-dim);margin-bottom:12px;font-size:12px}.ctor h2{color:var(--ui-dim);text-transform:uppercase;letter-spacing:.12em;border-top:1px solid var(--ui-line);margin:16px 0 8px;padding-top:12px;font-size:12px;font-weight:400}.arch-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.arch{all:unset;cursor:pointer;border:1px solid var(--ui-line);background:#ffffff05;border-radius:8px;flex-direction:column;gap:2px;padding:8px 9px;display:flex}.arch:hover{border-color:var(--ui-gold)}.arch.on{border-color:var(--ui-gold);background:#e6c27a24}.arch b{color:var(--ui-gold);font-size:13px;font-weight:400}.arch span{color:var(--ui-dim);font-size:11px;line-height:1.25}.row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.btn{all:unset;cursor:pointer;border:1px solid var(--ui-line);color:var(--ui-text);text-align:center;border-radius:7px;padding:7px 10px;font-size:13px}.btn:hover{border-color:var(--ui-gold);color:var(--ui-gold)}.btn.on{color:var(--ui-gold);border-color:var(--ui-gold);background:#e6c27a29}.btn.big{color:var(--ui-gold);border-color:var(--ui-gold);background:#e6c27a2e;margin-top:14px;padding:11px;font-size:15px;display:block}.btn.grow{flex:1}.ctor input[type=number],.ctor select{color:var(--ui-text);border:1px solid var(--ui-line);font:inherit;background:#00000059;border-radius:6px;padding:6px 8px}.ctor input[type=number]{width:90px}.knob{grid-template-columns:1fr 96px 44px;align-items:center;gap:6px;margin:3px 0;display:grid}.knob label{color:var(--ui-text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.knob label.pinned{color:var(--ui-gold)}.knob input[type=range]{accent-color:#d8b064;width:96px}.knob output{color:var(--ui-dim);text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.world-panel{z-index:15;background:var(--ui-bg);border:1px solid var(--ui-line);color:var(--ui-text);border-radius:10px;flex-direction:column;gap:6px;min-width:220px;padding:10px 12px;font-size:13px;display:flex;position:fixed;top:10px;right:10px}.world-panel select{color:var(--ui-text);border:1px solid var(--ui-line);font:inherit;background:#00000059;border-radius:6px;padding:5px 6px}.compass{z-index:12;pointer-events:none;position:fixed;top:58px;left:50%;transform:translate(-50%)}.hint{z-index:12;pointer-events:none;color:#e8dcc0;white-space:nowrap;background:#0a0806b8;border:1px solid #e8dcc059;padding:4px 12px;font-size:13px;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.hidden,body.no-ui .ctor,body.no-ui .ui-tabs,body.no-ui .world-panel,body.no-ui .lil-gui,body.no-ui .hint,body.no-ui .compass,body.no-ui #hud{display:none!important}