:root{--bg:#141414;--elevated:#181818;--text:#e4e4e4;--text-secondary:#e4e4e48c;--text-tertiary:#e4e4e45e;--stroke:#e4e4e41f;--fill:#e4e4e430;--accent:#599ce7;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0}.world{height:100%;min-height:520px;position:relative}.world canvas{touch-action:none;width:100%;height:100%;display:block}.panel{border:1px solid var(--stroke);background:#181818eb;border-radius:8px;position:absolute}.help-btn-wrap{padding:4px;top:12px;right:12px}.help-panel{flex-direction:column;gap:10px;width:240px;padding:12px 14px;display:flex;top:52px;right:12px}.help-row{align-items:baseline;gap:8px;display:flex}.help-row kbd{color:var(--text-secondary);min-width:96px;font-family:inherit;font-size:11px;font-weight:600}.help-row span{color:var(--text-tertiary);font-size:11px}.legend,.toggles{border-top:1px solid #e4e4e414;flex-direction:column;gap:6px;padding-top:8px;display:flex}.legend{gap:4px}.swatch-row{color:var(--text-tertiary);align-items:center;gap:6px;font-size:11px;display:flex}.dot{border-radius:4px;flex-shrink:0;width:8px;height:8px}.toggle-row{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.inspector{flex-direction:column;gap:6px;width:250px;padding:10px 12px;display:flex;top:12px;left:12px}.inspector-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.inspector-title{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.inspector p{color:var(--text-secondary);margin:0;font-size:12px;line-height:16px}.tour{align-items:center;gap:10px;width:min(560px,100% - 24px);padding:10px 12px;display:flex;bottom:12px;left:50%;transform:translate(-50%)}.tour-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.tour-head{align-items:center;gap:8px;display:flex}.tour-title{font-size:12px;font-weight:600}.tour-dots{gap:4px;margin-left:auto;display:flex}.tour-dot{cursor:pointer;background:var(--fill);border:0;border-radius:4px;width:7px;height:7px;padding:0}.tour-dot.on{background:var(--accent)}.tour-text{color:var(--text-secondary);margin:0;font-size:12px;line-height:16px}.icon-btn{width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;font-size:16px;line-height:1}.icon-btn:hover:not(:disabled){background:var(--fill)}.icon-btn:disabled{opacity:.35;cursor:default}.toggle{background:var(--fill);cursor:pointer;border:0;border-radius:9px;width:32px;height:18px;padding:2px;position:relative}.toggle:after{content:"";background:var(--text);border-radius:7px;width:14px;height:14px;display:block}.toggle.on{background:var(--accent)}.toggle.on:after{background:#191c22;margin-left:auto}.intro{pointer-events:auto;background:#1414146b;align-items:flex-end;padding:40px 40px 56px;display:flex;position:absolute;inset:0}.intro-card{max-width:520px}.intro h1{margin:0 0 12px;font-size:32px;font-weight:600;line-height:1.15}.intro-lede{color:var(--text-secondary);max-width:460px;margin:0 0 20px;font-size:15px;line-height:22px}.intro-btn{background:var(--accent);color:#191c22;cursor:pointer;border:0;border-radius:6px;height:32px;padding:0 14px;font-size:13px;font-weight:600}.intro-btn:hover{filter:brightness(1.08)}.title-chip{border:1px solid var(--stroke);background:#181818eb;border-radius:8px;padding:8px 12px;position:absolute;top:12px;left:12px}.title-chip strong{font-size:13px;font-weight:600}