*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,sans-serif;background:#050737;color:#ffffffeb}.layout{display:grid;grid-template-columns:minmax(280px,340px) 1fr;height:100%}.sidebar{padding:1.25rem 1.25rem 1.5rem;border-right:1px solid rgba(255,255,255,.08);background:#050723b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:auto}.brand-title{font-family:Georama,system-ui,sans-serif;font-stretch:expanded;font-weight:500;font-size:1.75rem;margin:.15rem 0 .5rem;letter-spacing:.04em}.brand-muted{font-size:.75rem;letter-spacing:.28em;color:#ffffff8c}.muted{color:#ffffff8c;font-size:.9rem}.card{margin-top:1rem;padding:1rem;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.card h2{margin:0 0 .75rem;font-size:.95rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffffbf}.stats{margin:0;display:grid;gap:.65rem}.stats div{display:flex;justify-content:space-between;gap:.75rem}.stats dt{margin:0;color:#ffffff8c;font-size:.85rem}.stats dd{margin:0;font-weight:600}.warn{color:#ffb4b4;font-size:.85rem}.hint{margin:.75rem 0 0;font-size:.78rem;color:#ffffff73}.cell-list{list-style:none;padding:0;margin:1rem 0 0;max-height:40vh;overflow:auto}.cell-btn{width:100%;text-align:left;display:flex;align-items:center;gap:.5rem;padding:.45rem .35rem;margin:.15rem 0;border:none;border-radius:8px;background:transparent;color:inherit;cursor:pointer;font:inherit}.cell-btn:hover{background:#ffffff0f}.swatch{width:12px;height:12px;border-radius:50%;flex-shrink:0}.globe-wrap{position:relative;min-height:320px}.globe-wrap canvas{display:block;width:100%;height:100%}.globe-footer{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:.75rem;color:#ffffff73;pointer-events:none}