.sling-alternative{--slg-accent:var(--primary);--slg-secondary:var(--chart-2);--slg-rival:#5a6a80;--slg-rival-ink:#3e4e63;--slg-surface:color-mix(in oklch, var(--primary), var(--background) 94%);--slg-line:color-mix(in oklch, var(--primary), var(--border) 58%);--slg-on-accent:var(--primary-foreground)}@supports (color:lab(0% 0 0)){.sling-alternative{--slg-rival:lab(44.1947% -2.41163 -14.3029);--slg-rival-ink:lab(32.5821% -2.17471 -14.2249)}}.dark .sling-alternative{--slg-rival:#748eb1;--slg-rival-ink:#adc0d8;--slg-surface:color-mix(in oklch, var(--primary), var(--background) 91%);--slg-line:color-mix(in oklch, var(--primary), var(--border) 52%)}@supports (color:lab(0% 0 0)){.dark .sling-alternative{--slg-rival:lab(58.0347% -3.29128 -21.3464);--slg-rival-ink:lab(76.6929% -2.75147 -14.4333)}}@layer utilities{.slg-matrix-bg{background:linear-gradient(125deg, color-mix(in oklch, var(--primary), transparent 92%) 0%, transparent 38%, transparent 62%, color-mix(in oklch, var(--slg-rival), transparent 94%) 100%), repeating-linear-gradient(-12deg, transparent, transparent 48px, color-mix(in oklch, var(--primary), transparent 96%) 48px, color-mix(in oklch, var(--primary), transparent 96%) 49px), linear-gradient(180deg, var(--slg-surface) 0%, var(--background) 82%)}.slg-frame{border:1px solid var(--slg-line);background:color-mix(in oklch, var(--card), var(--slg-surface) 44%);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--slg-on-accent), transparent 94%)}.slg-brand-lane{background:color-mix(in oklch, var(--primary), transparent 88%)}.slg-rival-lane{background:color-mix(in oklch, var(--slg-rival), transparent 90%)}.slg-crew-cell-filled{background:color-mix(in oklch, var(--primary), transparent 76%);border:1px solid color-mix(in oklch, var(--primary), transparent 55%)}.slg-crew-cell-open{background:color-mix(in oklch, var(--destructive), transparent 88%);border:1px solid color-mix(in oklch, var(--destructive), transparent 55%)}.slg-crew-cell-empty{background:color-mix(in oklch, var(--muted), transparent 35%);border:1px solid var(--slg-line)}.slg-matrix-head{border:1px solid var(--slg-line);background:color-mix(in oklch, var(--card), var(--primary) 6%)}.slg-matrix-cell{border:1px solid var(--slg-line);background:color-mix(in oklch, var(--card), var(--background) 22%)}.slg-editorial-quote{border-left:3px solid var(--primary);background:color-mix(in oklch, var(--card), var(--slg-surface) 40%)}.slg-explore-item{border:1px solid var(--slg-line);background:color-mix(in oklch, var(--card), var(--slg-surface) 38%)}.slg-hex-tile{border:1px solid var(--slg-line);background:color-mix(in oklch, var(--card), var(--primary) 4%);clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%)}.slg-orbit-step{border:1px solid var(--slg-line);background:color-mix(in oklch, var(--card), var(--slg-surface) 42%)}.slg-orbit-arc{background:radial-gradient(ellipse 100% 80% at 50% 100%, transparent 58%, color-mix(in oklch, var(--primary), transparent 70%) 59%, color-mix(in oklch, var(--primary), transparent 70%) 61%, transparent 62%)}.slg-benefit-row{border:1px solid var(--slg-line);background:linear-gradient(90deg, color-mix(in oklch, var(--card), var(--primary) 5%) 0%, var(--card) 55%)}.slg-switch-panel{border:1px solid var(--slg-line);background:color-mix(in oklch, var(--card), var(--slg-surface) 36%)}.slg-ascent-block{border:1px solid var(--slg-line);background:color-mix(in oklch, var(--card), var(--primary) 5%)}.slg-ascent-block[data-active=true]{border-color:color-mix(in oklch, var(--primary), transparent 45%);background:color-mix(in oklch, var(--primary), transparent 86%)}.slg-guide-panel{border:1px solid var(--slg-line);background:linear-gradient(135deg, color-mix(in oklch, var(--primary), transparent 93%) 0%, color-mix(in oklch, var(--muted), transparent 50%) 100%)}.slg-accent-text{color:var(--primary)}.slg-section-rule{background:linear-gradient(90deg, var(--primary) 0%, color-mix(in oklch, var(--primary), transparent 100%) 100%);height:3px}}