:root{--bg-canvas: #060910;--bg-obsidian: rgba(10, 15, 26, .78);--bg-obsidian-solid: #0d121f;--bg-card: rgba(15, 23, 42, .65);--bg-card-hover: rgba(30, 41, 59, .75);--bg-card-active: rgba(51, 65, 85, .85);--border-hairline: rgba(255, 255, 255, .09);--border-hover: rgba(255, 255, 255, .22);--border-focus: rgba(245, 158, 11, .6);--border-specular: linear-gradient(135deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .03));--accent-gold: #f59e0b;--accent-gold-glow: rgba(245, 158, 11, .25);--accent-azure: #0ea5e9;--accent-azure-glow: rgba(14, 165, 233, .25);--accent-emerald: #10b981;--accent-emerald-glow: rgba(16, 185, 129, .25);--accent-terracotta: #ea580c;--accent-terracotta-glow: rgba(234, 88, 12, .25);--accent-purple: #a855f7;--accent-rose: #f43f5e;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-dim: #475569;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-dock: 0 20px 50px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-panel: 0 16px 36px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-glow-gold: 0 0 24px rgba(245, 158, 11, .35);--shadow-glow-azure: 0 0 24px rgba(14, 165, 233, .35);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}html,body,#app{width:100%;height:100%;overflow:hidden;background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#viewport-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#hud-root{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:grid;grid-template-rows:auto auto 1fr auto;padding:1rem 1.25rem;gap:.75rem}.telemetry-bar{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;background:var(--bg-obsidian);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--border-hairline);border-radius:14px;padding:.65rem 1rem;box-shadow:var(--shadow-dock);animation:slideDown .35s cubic-bezier(.16,1,.3,1)}.brand-badge{display:flex;align-items:center;gap:.75rem;padding-right:1rem;border-right:1px solid var(--border-hairline)}.brand-logo-gem{width:26px;height:26px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-terracotta));border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow-gold)}.brand-logo-gem svg{width:16px;height:16px;color:#fff}.brand-text{display:flex;flex-direction:column}.city-name{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:.08em;color:#fff}.city-sub{font-size:.62rem;font-weight:600;letter-spacing:.05em;color:var(--text-muted)}.metrics-cluster{display:flex;align-items:center;gap:1rem;flex:1}.metric-card{display:flex;flex-direction:column;gap:.15rem;padding:.15rem .5rem;border-right:1px solid var(--border-hairline);min-width:110px}.metric-label{font-size:.6rem;font-weight:700;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.metric-value{font-family:var(--font-mono);font-size:.92rem;font-weight:700;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:.35rem;color:var(--text-primary)}.metric-value.gold{color:var(--accent-gold)}.metric-value.azure{color:var(--accent-azure)}.metric-value.emerald{color:var(--accent-emerald)}.metric-value.purple{color:var(--accent-purple)}.badge{font-size:.58rem;padding:.1rem .3rem;border-radius:4px;font-weight:700;letter-spacing:.04em}.badge.pass{background:#10b9812e;color:#34d399;border:1px solid rgba(16,185,129,.35)}.badge.fail{background:#f43f5e2e;color:#fb7185;border:1px solid rgba(244,63,94,.35)}.studio-controls{display:flex;align-items:center;gap:.4rem}.icon-btn{pointer-events:auto;background:#ffffff0a;border:1px solid var(--border-hairline);border-radius:8px;color:var(--text-secondary);padding:.45rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .16s var(--ease-out),background .16s ease,border-color .16s ease,color .16s ease}.icon-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-hover)}.icon-btn:active{transform:scale(.97)}.icon-btn.active{background:#f59e0b26;color:var(--accent-gold);border-color:var(--accent-gold)}.gazette-stream{pointer-events:auto;display:flex;align-items:center;gap:.75rem;background:#0a0f1a99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-hairline);border-radius:8px;padding:.35rem .85rem;font-size:.72rem;box-shadow:var(--shadow-panel)}.gazette-tag{font-family:var(--font-display);font-weight:800;color:var(--accent-gold);letter-spacing:.08em;display:flex;align-items:center;gap:.35rem}.gazette-pulse{width:6px;height:6px;background:var(--accent-gold);border-radius:50%;animation:pulseDot 1.5s infinite}.gazette-headline{color:var(--text-secondary);font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gis-layer-bar{pointer-events:auto;align-self:start;justify-self:start;display:flex;align-items:center;background:var(--bg-obsidian);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border-hairline);border-radius:10px;padding:.25rem;gap:.25rem;box-shadow:var(--shadow-panel)}.layer-btn{display:flex;align-items:center;gap:.4rem;background:transparent;border:none;border-radius:6px;padding:.35rem .65rem;font-family:var(--font-body);font-size:.7rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:transform .16s var(--ease-out),background .16s ease,color .16s ease}.layer-btn:hover{background:#ffffff0d;color:var(--text-primary)}.layer-btn:active{transform:scale(.97)}.layer-btn.active{background:#ffffff1f;color:#fff;box-shadow:0 2px 8px #0006}.command-deck{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:1rem;background:var(--bg-obsidian);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--border-hairline);border-radius:18px;padding:.5rem .85rem;margin:0 auto;box-shadow:var(--shadow-dock);animation:slideUp .35s var(--ease-drawer)}.tool-group{display:flex;align-items:center;gap:.3rem;position:relative}.tool-group:not(:last-child):after{content:"";height:24px;width:1px;background:var(--border-hairline);margin:0 .4rem}.tool-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:transparent;border:1px solid transparent;border-radius:10px;padding:.4rem .6rem;color:var(--text-secondary);cursor:pointer;transition:transform .16s var(--ease-out),background .16s ease,border-color .16s ease,color .16s ease;min-width:64px;position:relative}.tool-btn svg{width:18px;height:18px;transition:transform .16s var(--ease-out)}.tool-title{font-size:.65rem;font-weight:600;letter-spacing:.01em}.hotkey-badge{position:absolute;top:2px;right:4px;font-family:var(--font-mono);font-size:.55rem;color:var(--text-dim);font-weight:700}.tool-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-hairline);transform:translateY(-2px)}.tool-btn:hover svg{transform:scale(1.1)}.tool-btn:active{transform:scale(.97) translateY(0)}.tool-btn.active{background:#f59e0b24;border-color:var(--accent-gold);color:var(--accent-gold);box-shadow:0 0 16px #f59e0b40}.tool-btn.active .hotkey-badge{color:var(--accent-gold)}.minimap-wrapper{pointer-events:auto;position:absolute;bottom:5.5rem;right:1.25rem;background:var(--bg-obsidian);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border-hairline);border-radius:12px;padding:.5rem;box-shadow:var(--shadow-panel);display:flex;flex-direction:column;gap:.4rem;width:160px}.minimap-header{display:flex;align-items:center;justify-content:space-between;font-size:.62rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}#minimap-canvas{width:100%;height:120px;border-radius:6px;background:#090e17;border:1px solid var(--border-hairline);cursor:crosshair}.camera-bookmarks{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}.bookmark-btn{background:#ffffff0a;border:1px solid var(--border-hairline);border-radius:4px;padding:.25rem .35rem;font-size:.58rem;font-weight:600;color:var(--text-secondary);cursor:pointer;text-align:center;transition:transform .16s var(--ease-out),background .16s ease,border-color .16s ease,color .16s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookmark-btn:hover{background:var(--bg-card-hover);color:#fff;border-color:var(--border-hover)}.bookmark-btn:active{transform:scale(.97)}.inspector-card{pointer-events:auto;position:absolute;right:1.25rem;top:5rem;width:290px;background:var(--bg-obsidian);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--border-hairline);border-radius:14px;padding:1.15rem;box-shadow:var(--shadow-panel);animation:fadeIn .25s var(--ease-out)}.inspector-card.hidden{display:none}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;padding-bottom:.45rem;border-bottom:1px solid var(--border-hairline)}.card-header h3{font-family:var(--font-display);font-size:.92rem;font-weight:700;color:var(--accent-gold)}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .16s var(--ease-out),color .16s ease}.close-btn:hover{color:#fff}.close-btn:active{transform:scale(.92)}.card-body{display:flex;flex-direction:column;gap:.45rem;font-size:.78rem;margin-bottom:.85rem}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-name{color:var(--text-secondary)}.stat-val{font-family:var(--font-mono);font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.drawer-backdrop{pointer-events:auto;position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:90;display:flex;justify-content:flex-end;animation:fadeIn .25s var(--ease-out)}.drawer-backdrop.hidden{display:none}.ledger-drawer{width:420px;height:100%;background:var(--bg-obsidian-solid);border-left:1px solid var(--border-hairline);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;box-shadow:-10px 0 40px #000000b3;animation:slideLeft .3s var(--ease-drawer)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid var(--border-hairline)}.drawer-header h2{font-family:var(--font-display);font-size:1.15rem;color:#fff}.ledger-breakdown{display:flex;flex-direction:column;gap:.65rem}.ledger-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;border:1px solid var(--border-hairline);border-radius:8px;padding:.6rem .75rem;font-size:.8rem;transition:transform .16s var(--ease-out),background .16s ease}.ledger-item:hover{background:#ffffff0d;transform:translate(-2px)}.ledger-item .rev-name{color:var(--text-secondary)}.ledger-item .rev-val{font-family:var(--font-mono);font-weight:700;color:#4ade80}.ledger-item .rev-val.loss{color:var(--accent-rose)}.modal-backdrop{pointer-events:auto;position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .25s var(--ease-out)}.modal-backdrop.hidden{display:none}.modal-card{width:90%;max-width:840px;max-height:85vh;overflow-y:auto;background:var(--bg-obsidian-solid);border:1px solid var(--border-hairline);border-radius:18px;padding:1.5rem;box-shadow:var(--shadow-dock);animation:scaleIn .28s var(--ease-out)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.65rem;border-bottom:1px solid var(--border-hairline)}.modal-header h2{font-family:var(--font-display);font-size:1.15rem;color:#fff}.monuments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem}.monument-item{background:#ffffff05;border:1px solid var(--border-hairline);border-radius:10px;padding:.85rem;display:flex;flex-direction:column;gap:.4rem;transition:transform .16s var(--ease-out),background .16s ease,border-color .16s ease}.monument-item:hover{background:#ffffff0a;border-color:var(--border-hover);transform:translateY(-2px)}.monument-item h4{font-size:.85rem;color:var(--accent-gold)}.monument-item .theme-tag{font-size:.68rem;color:var(--text-muted)}.progress-bar-bg{width:100%;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold),var(--accent-terracotta));transition:width .3s ease}.studio-btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--font-body);font-weight:600;font-size:.75rem;padding:.5rem .85rem;border-radius:8px;border:1px solid var(--border-hairline);background:#ffffff0a;color:#fff;cursor:pointer;transition:transform .16s var(--ease-out),background .16s ease,border-color .16s ease,box-shadow .16s ease}.studio-btn:hover{background:#ffffff1a;border-color:var(--border-hover)}.studio-btn:active{transform:scale(.97)}.studio-btn.gold{border-color:#f59e0b66;background:#f59e0b1f;color:var(--accent-gold)}.studio-btn.gold:hover{background:#f59e0b40;box-shadow:0 0 16px #f59e0b59}.studio-btn.danger{border-color:#f43f5e66;background:#f43f5e1f;color:var(--accent-rose)}.studio-btn.danger:hover{background:#f43f5e40}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(8px);background:#0d121feb;border:1px solid var(--border-hairline);color:#e2e8f0;padding:8px 16px;border-radius:10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-family:var(--font-body);font-size:13px;font-weight:500;box-shadow:0 12px 36px #0009;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:120}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#toast.error{border-color:#f43f5e80;color:#fecdd3}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}