:root{--cell-size: 22px;--cell-inner: 20px;--border-light: #e5e7eb;--text-muted: #9ca3af;--text-secondary: #6b7280;--text-dark: #374151}.app-root{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;font-family:system-ui,sans-serif}.header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border-light);background:#fff;flex-shrink:0;gap:12px;flex-wrap:wrap}.title-row{display:flex;align-items:center;gap:6px}.title{font-weight:700;font-size:1rem}.spinner{display:inline-block;border-radius:50%;animation:spin .75s linear infinite;flex-shrink:0}.spinner-sm{width:10px;height:10px;border:2px solid var(--border-light);border-top-color:var(--text-secondary)}.spinner-xs{width:8px;height:8px;border:1.5px solid var(--border-light);border-top-color:var(--text-muted);animation-duration:.6s}.spinner-lg{width:28px;height:28px;border:3px solid var(--border-light);border-top-color:var(--text-secondary)}.round-trip{display:inline-flex;align-items:center;justify-content:center;min-width:38px;font-size:.7rem;font-variant-numeric:tabular-nums;transition:opacity .2s ease-out}.round-trip-ms{color:#16a34a}.rate-limited{font-size:.7rem;font-weight:600;color:#dc2626;transition:opacity .2s ease-out}.subtitle{color:var(--text-secondary);font-size:.8rem;margin-top:2px;display:flex;align-items:baseline;gap:6px}.dot-separator{color:#d1d5db}.offset-group{display:inline-flex;align-items:baseline;gap:2px}.offset-hash{color:var(--text-muted);font-size:.75rem}.offset-input{width:13ch;border:none;border-bottom:1px solid #d1d5db;background:transparent;color:var(--text-secondary);font-size:.8rem;font-family:inherit;font-variant-numeric:tabular-nums;padding:0;outline:none}.cols-group{display:inline-flex;align-items:baseline;gap:4px}.cols-input{width:5ch}.cols-hint{font-size:.65rem;color:var(--text-muted);transition:opacity .15s ease-out;white-space:nowrap}.palette-section{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.palette-label{font-size:.75rem;color:var(--text-muted)}.palette-row{display:flex;gap:3px;flex-wrap:wrap}.palette-btn{width:20px;height:20px;border-radius:3px;cursor:pointer;padding:0;font-size:9px;color:var(--text-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.palette-btn-selected{border:2px solid #1f2937}.palette-btn-unselected{border:1px solid #d1d5db}.footer-links{font-size:.75rem;color:var(--text-muted);text-align:right}.footer-links a{text-decoration:none;color:var(--text-secondary)}.footer-links a.link-bold{font-weight:600}.grid-container{flex-grow:1;overflow:hidden;position:relative}.loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;color:var(--text-muted);font-family:system-ui,sans-serif}.loading-fallback span:last-child{font-size:.875rem}.scroll-container{width:100%;height:100%;overflow:auto}.virtual-spacer{position:relative;margin:0 auto}.row-pool{position:absolute;top:0;left:0;width:100%;will-change:transform}.grid-row{display:flex;height:var(--cell-size)}.cell-wrapper{width:var(--cell-size);height:var(--cell-size);padding:1px}.cell{width:var(--cell-inner);height:var(--cell-inner);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;cursor:pointer;color:#fff;background-color:#fff;border:1px solid var(--border-light)}.cell-filled{background-color:var(--cell-color);border-color:var(--cell-color)}.cell-loading{cursor:default}.gol-grid{display:grid;gap:1px;background-color:#1a1a2e;padding:1px;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:4px;grid-template-columns:repeat(50,var(--cell-px))}.gol-cell{width:var(--cell-px);height:var(--cell-px);cursor:pointer}.gol-c0{background-color:#16162a}.gol-c1{background-color:#111827}.gol-c2{background-color:#dc2626}.gol-c3{background-color:#ea580c}.gol-c4{background-color:#d97706}.gol-c5{background-color:#16a34a}.gol-c6{background-color:#0891b2}.gol-c7{background-color:#2563eb}.gol-c8{background-color:#7c3aed}.gol-c9{background-color:#db2777}.gol-c10{background-color:#f87171}.gol-c11{background-color:#fb923c}.gol-c12{background-color:#fbbf24}.gol-c13{background-color:#4ade80}.gol-c14{background-color:#38bdf8}.gol-c15{background-color:#a78bfa}