*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #1a1a2e;--nav-bg: rgba(26, 26, 46, .92);--accent: #818CF8;--text: #e0e0e0;--text-dim: #888;--card-bg: #252540;--border: #333355}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;height:100vh;width:100vw}#navbar{position:fixed;top:0;left:0;right:0;height:48px;background:var(--nav-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-brand{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;color:var(--accent);margin-right:auto;display:flex;align-items:center;gap:8px}.nav-brand-link{display:flex;align-items:center;gap:8px;color:var(--accent);text-decoration:none}.nav-tagline{font-family:Inter,sans-serif;font-size:12px;font-weight:400;color:var(--text);margin-left:8px}.nav-logo{width:28px;height:28px}.nav-links{display:flex;gap:16px;align-items:center}.nav-links a,.nav-links button{background:none;border:none;color:var(--text);font-size:14px;cursor:pointer;text-decoration:none;padding:6px 12px;border-radius:6px;transition:background .15s}.nav-links a:hover,.nav-links button:hover{background:#7c3aed26}.hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:4px;padding:8px}.hamburger span{display:block;width:20px;height:2px;background:var(--text);transition:transform .2s}#canvas{position:fixed;top:48px;left:0;right:0;bottom:0;touch-action:none;cursor:grab}#canvas:active{cursor:grabbing}.tooltip{position:fixed;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px;pointer-events:none;z-index:200;box-shadow:0 4px 12px #0006;max-width:240px}.tooltip .owner{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-dim)}.tooltip .price{color:var(--accent);font-weight:700;margin:4px 0}.tooltip .visit{color:var(--text-dim);font-size:11px}.hidden{display:none!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:300}.modal-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:480px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-dim);font-size:24px;cursor:pointer;line-height:1}.modal-card h2{color:var(--accent);margin-bottom:12px;font-size:18px}.modal-card p{margin-bottom:8px;line-height:1.5;font-size:14px}.modal-card table{width:100%;border-collapse:collapse;font-size:13px}.modal-card th{text-align:left;color:var(--text-dim);padding:6px 8px;border-bottom:1px solid var(--border)}.modal-card td{padding:6px 8px;font-family:JetBrains Mono,monospace}.modal-tabs{display:flex;gap:8px;margin-bottom:12px}.modal-tabs button{background:none;border:1px solid var(--border);color:var(--text);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:13px}.modal-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.stat-label{color:var(--text-dim)}.stat-value{font-family:monospace;font-weight:700}.zoom-indicator{position:fixed;bottom:16px;left:16px;background:var(--card-bg);border:1px solid var(--border);padding:6px 12px;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text-dim);z-index:150;display:flex;align-items:center;gap:8px}.zoom-reset{background:none;border:1px solid var(--border);color:var(--accent);font-size:11px;font-family:Inter,sans-serif;padding:2px 8px;border-radius:4px;cursor:pointer;transition:background .15s}.zoom-reset:hover{background:#818cf826}.sidebar{position:fixed;top:48px;right:0;bottom:0;width:320px;max-width:90vw;background:var(--card-bg);border-left:1px solid var(--border);z-index:250;overflow-y:auto;transform:translate(100%);transition:transform .2s ease-out}.sidebar.open{transform:translate(0)}.sidebar-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-dim);font-size:24px;cursor:pointer;line-height:1}#sidebar-content{padding:20px}#sidebar-content h3{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--accent);margin-bottom:16px}.sidebar-preview{display:flex;justify-content:center;margin-bottom:16px}.sidebar-preview canvas{border:1px solid var(--border);image-rendering:pixelated}.sidebar-field{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.sidebar-field-label{color:var(--text-dim)}.sidebar-field-value{font-family:JetBrains Mono,monospace;font-size:12px}.sidebar-link{display:block;margin-top:16px;text-align:center;color:var(--accent);font-size:13px;padding:8px 16px;border:1px solid var(--accent);border-radius:6px;text-decoration:none;transition:background .15s}.sidebar-link:hover{background:#818cf826}.sse-status{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--card-bg);border:1px solid var(--border);padding:6px 16px;border-radius:20px;font-size:12px;color:var(--text-dim);z-index:150}@media(max-width:768px){.nav-tagline{display:none}.hamburger{display:flex}.nav-links{display:none;position:absolute;top:48px;left:0;right:0;background:var(--nav-bg);flex-direction:column;padding:8px 16px;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-links.open{display:flex}.nav-links a,.nav-links button{padding:12px;font-size:16px;text-align:left}.tooltip{bottom:16px;left:16px;right:16px;position:fixed;max-width:none}}