:root{--bg: #0d1017;--panel: rgba(18, 22, 32, .82);--panel-border: rgba(255, 255, 255, .08);--text: #e6ebf2;--text-dim: #8a93a3;--accent: #e0a24a;--good: #6fcf6f;--warn: #e6c34a;--bad: #e06a5a;--font: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);user-select:none}.app{position:relative;width:100%;height:100%}.viewport{position:absolute;inset:0}.viewport canvas{display:block}.loading{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;letter-spacing:.08em;color:var(--text-dim);pointer-events:none}.panel{position:absolute;background:var(--panel);backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-radius:10px;padding:10px 12px;box-shadow:0 8px 24px #00000059;font-size:12px;min-width:160px}.panel-title{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:6px}.row{display:flex;justify-content:space-between;gap:16px;line-height:1.7}.row-label{color:var(--text-dim)}.row-value{font-variant-numeric:tabular-nums;font-weight:600}.row-value.good{color:var(--good)}.row-value.warn{color:var(--warn)}.row-value.bad{color:var(--bad)}.debug{top:64px;left:16px}.tooltip{bottom:16px;left:16px}.minimap{right:16px;bottom:16px;padding-bottom:12px}.minimap-canvas{display:block;width:200px;height:200px;border-radius:6px;border:1px solid var(--panel-border);cursor:crosshair;image-rendering:pixelated}.toolbar{position:absolute;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(180deg,#0d1017f2,#0d101799);border-bottom:1px solid var(--panel-border);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-size:18px;color:var(--accent)}.brand-name{font-weight:800;letter-spacing:.14em;font-size:14px}.brand-sprint{color:var(--text-dim);font-size:11px;letter-spacing:.04em}.mode-group{display:flex;align-items:center;gap:6px}.mode-btn.active{background:var(--accent);color:#201400;border-color:transparent}.mode-hint{margin-left:8px;color:var(--text-dim);font-size:11px}@media(max-width:900px){.mode-hint{display:none}}.toolbar-actions{display:flex;align-items:center;gap:10px}.seed{color:var(--text-dim);font-size:12px}.seed code{color:var(--text)}.btn{background:#ffffff0f;color:var(--text);border:1px solid var(--panel-border);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn:hover{background:#ffffff1f}.btn-primary{background:var(--accent);color:#201400;border-color:transparent}.btn-primary:hover{background:#edb262}