/* GENERATED by tools/nightops/gen-phosphor.py: do not edit by hand. Night Ops (white phosphor P45) colour remap.
   Every colour moves onto the P45 ramp #05080A > #2A3A3C > #6E8F8C > #86ABA7 > #9AFFF3 > #E8FFFC by nearest
   luminance (exact tokens only). No reds, no gold: every colour snaps to an exact token. Logo, wordmark and Marauder Mike camo rules are skipped. */
/* ---- from assets/site.css ---- */
html[data-phosphor="p45"] { --surface-card: #111B1D; --surface-instrument: #0B1315; --ink-1: #E8FFFC; --ink-2: rgb(154 255 243 / 0.8); --ink-3: rgb(154 255 243 / 0.7); --mark-2: rgb(154 255 243 / 0.6); --mark-3: rgb(154 255 243 / 0.3); --hairline: rgb(42 58 60 / 0.65); --fill-4: rgb(110 143 140 / 0.18); --brand-accent: #9AFFF3; --brand-accent-start: #9AFFF3; --brand-accent-end: #9AFFF3; --brand-accent-tint: rgb(154 255 243 / 0.18); --brand-secondary: #9AFFF3; --brand-violet: #86ABA7; --brand-green: #9AFFF3; --math-accent: #86ABA7; --money-ink: #9AFFF3; --money-placeholder: #86ABA7; --data-e1: #86ABA7; --data-e2: #9AFFF3; --data-e3: #86ABA7; --data-e4: #86ABA7; --data-e5: #9AFFF3; --data-e6: #86ABA7; --status-pass: #86ABA7; --status-warning: #86ABA7; --status-critical: #6E8F8C; --led-chip: #0B1315; --led-positive: #9AFFF3; --led-negative: #6E8F8C; --led-unlit: rgb(154 255 243 / 0.13); --focus-ring: #9AFFF3; --glow-accent: #9AFFF3; --glow-secondary: #9AFFF3; --glow-violet: #86ABA7; --glow-green: #9AFFF3; }
@supports (color: oklch(0 0 0)) {
html[data-phosphor="p45"] { --surface-grouped: #000000; --surface-card: #111B1D; --surface-instrument: #0B1315; --ink-2: rgb(154 255 243 / 0.8); --ink-3: rgb(154 255 243 / 0.7); --mark-2: rgb(154 255 243 / 0.6); --mark-3: rgb(154 255 243 / 0.3); --hairline: rgb(42 58 60 / 0.65); --fill-4: rgb(110 143 140 / 0.18); --brand-accent: #9AFFF3; --brand-accent-start: #9AFFF3; --brand-accent-end: #9AFFF3; --brand-accent-tint: rgb(154 255 243 / 0.18); --brand-secondary: #9AFFF3; --brand-violet: #86ABA7; --brand-green: #9AFFF3; --math-accent: #86ABA7; --money-ink: #9AFFF3; --money-placeholder: #86ABA7; --data-e1: #86ABA7; --data-e2: #9AFFF3; --data-e3: #86ABA7; --data-e4: #86ABA7; --data-e5: #9AFFF3; --data-e6: #86ABA7; --status-pass: #86ABA7; --status-warning: #86ABA7; --status-critical: #6E8F8C; --led-chip: #0B1315; --led-positive: #9AFFF3; --led-negative: #6E8F8C; --led-unlit: rgb(154 255 243 / 0.13); --focus-ring: #9AFFF3; }
}
@media (prefers-contrast: more) {
html[data-phosphor="p45"] { --ink-2: #9AFFF3; --ink-3: #9AFFF3; --mark-2: #9AFFF3; --mark-3: rgb(154 255 243 / 0.55); --brand-accent: #9AFFF3; --brand-accent-start: #9AFFF3; --brand-accent-end: #9AFFF3; --brand-violet: #9AFFF3; --math-accent: #9AFFF3; --money-ink: #9AFFF3; --money-placeholder: #9AFFF3; --focus-ring: #9AFFF3; --data-e1: #9AFFF3; --data-e2: #9AFFF3; --data-e3: #9AFFF3; --data-e4: #9AFFF3; --data-e5: #9AFFF3; --data-e6: #9AFFF3; }
}
@supports (color: oklch(0 0 0)) {
@media (prefers-contrast: more) {
html[data-phosphor="p45"] { --brand-accent: #9AFFF3; --brand-accent-start: #9AFFF3; --brand-accent-end: #9AFFF3; --brand-violet: #9AFFF3; --math-accent: #9AFFF3; --money-ink: #9AFFF3; --money-placeholder: #9AFFF3; --focus-ring: #9AFFF3; --data-e1: #9AFFF3; --data-e2: #9AFFF3; --data-e3: #9AFFF3; --data-e4: #9AFFF3; --data-e5: #9AFFF3; --data-e6: #9AFFF3; }
}
}
@supports (color: oklch(0 0 0)) {
@media (color-gamut: p3) {
html[data-phosphor="p45"] { --glow-accent: #9AFFF3; --glow-secondary: #9AFFF3; --glow-violet: #86ABA7; --glow-green: #9AFFF3; }
}
}
html[data-phosphor="p45"] { --noir-0: #05080A; --noir-1: #0B1315; --noir-2: #111B1D; --noir-glass: #0B1315; --deco-gold: #86ABA7; --deco-gold-hi: #9AFFF3; --deco-gold-lo: #6E8F8C; --deco-gold-deep: #2A3A3C; --deco-gold-line: rgb(134 171 167 / 0.45); --deco-gold-faint: rgb(134 171 167 / 0.18); --deco-ink: #05080A; --deco-sky-top: #05080A; --deco-sky-mid: #111B1D; --deco-sky-low: #2A3A3C; --deco-window: #9AFFF3; --deco-window-dim: #6E8F8C; --deco-steel: #111B1D; --deco-wood: #111B1D; --deco-tube: #111B1D; --glow-gold: rgb(154 255 243 / 0.45); --glow-window: rgb(154 255 243 / 0.75); --glow-searchlight: rgb(154 255 243 / 0.1); --glow-searchlight-core: rgb(232 255 252 / 0.22); --glow-rain-head: #9AFFF3; --glow-tube: rgb(154 255 243 / 0.12); }
@media (dynamic-range: high) {
html[data-phosphor="p45"] { --glow-gold: rgb(154 255 243 / 0.62); --glow-window: rgb(154 255 243 / 0.92); --glow-searchlight: rgb(154 255 243 / 0.14); --glow-searchlight-core: rgb(232 255 252 / 0.32); --glow-tube: rgb(154 255 243 / 0.18); }
}
@supports (color: color(display-p3 1 1 1)) {
@media (dynamic-range: high) and (color-gamut: p3) {
html[data-phosphor="p45"] { --glow-gold: rgb(154 255 243 / 0.62); --glow-window: rgb(154 255 243 / 0.95); --glow-rain-head: #9AFFF3; --glow-tube: rgb(154 255 243 / 0.2); }
}
}
html[data-phosphor="p45"] .tower-bar { background: rgb(5 8 10 / 0.96); }
html[data-phosphor="p45"] .elevator__list { background: linear-gradient(180deg, rgb(134 171 167 / 0.1), rgb(134 171 167 / 0.02) 60%, rgb(0 0 0 / 0.25)),
    var(--noir-0); box-shadow: inset 0 1px 0 rgb(154 255 243 / 0.22), inset 0 -1px 0 rgb(0 0 0 / 0.6); }
html[data-phosphor="p45"] .floor-btn__code { background: radial-gradient(circle at 35% 30%, #111B1D, #05080A 70%); box-shadow: 0 0 0 2px rgb(0 0 0 / 0.6), inset 0 1px 0 rgb(232 255 252 / 0.08); }
html[data-phosphor="p45"] .floor-dial__face-plate { fill: #05080A; }
html[data-phosphor="p45"] .floors > summary { background: linear-gradient(180deg, rgb(134 171 167 / 0.14), rgb(134 171 167 / 0.02)); }
html[data-phosphor="p45"] .floors__panel { background: linear-gradient(180deg, rgb(134 171 167 / 0.08), transparent 7rem),
    var(--noir-1); }
html[data-phosphor="p45"] .floors__list .floor-btn { background: rgb(232 255 252 / 0.02); }
@media (max-width: 63.98rem) {
html[data-phosphor="p45"] .floors > summary { background: linear-gradient(180deg, rgb(134 171 167 / 0.22), rgb(134 171 167 / 0.06)), var(--noir-1); box-shadow: 0 0 0 4px rgb(5 8 10 / 0.85), 0 12px 32px rgb(0 0 0 / 0.65); }
}
html[data-phosphor="p45"] .ride__door { background: url("/assets/art/elevator-doors.svg") 0 0 / 200% 100% no-repeat,
    repeating-linear-gradient(90deg, rgb(134 171 167 / 0) 0 22px, rgb(134 171 167 / 0.1) 22px 23px),
    linear-gradient(180deg, #0B1315, #111B1D 46%, #0B1315); }
html[data-phosphor="p45"] .ride__door--l { box-shadow: inset -1px 0 0 rgb(154 255 243 / 0.55), inset -3px 0 0 rgb(110 143 140 / 0.22),
    inset -14px 0 18px -10px rgb(0 0 0 / 0.8); }
html[data-phosphor="p45"] .ride__door--r { box-shadow: inset 1px 0 0 rgb(154 255 243 / 0.55), inset 3px 0 0 rgb(110 143 140 / 0.22),
    inset 14px 0 18px -10px rgb(0 0 0 / 0.8); }
html[data-phosphor="p45"] .ride__indicator { background: #05080A; }
html[data-phosphor="p45"] .btn { box-shadow: 0 0 0 1px rgb(0 0 0 / 0.5), 0 0 0 3px rgb(134 171 167 / 0.55); box-shadow: 0 0 0 1px rgb(0 0 0 / 0.5),
    0 0 0 3px rgb(134 171 167 / 0.55),
    0 0 calc(26px * var(--glow-strength)) color-mix(in srgb, var(--glow-accent) 45%, transparent); }
html[data-phosphor="p45"] .door { background: linear-gradient(180deg, rgb(134 171 167 / 0.09), transparent 70%); }
html[data-phosphor="p45"] .deco-card { background: linear-gradient(180deg, rgb(134 171 167 / 0.06), transparent 40%),
    var(--noir-2); }
html[data-phosphor="p45"] .deco-frame { background: #05080A; box-shadow: 0 0 0 4px #05080A, 0 0 0 5px var(--deco-gold-lo), 0 30px 60px -30px rgb(0 0 0 / 0.9); }
html[data-phosphor="p45"] .floor-sign { background: linear-gradient(180deg, rgb(134 171 167 / 0.16), rgb(134 171 167 / 0.04)); }
html[data-phosphor="p45"] .floor-sign__code { background: radial-gradient(circle at 35% 30%, #111B1D, #05080A 70%); }
html[data-phosphor="p45"] .badge-construction { background: repeating-linear-gradient(135deg, rgb(134 171 167 / 0.16) 0 6px, transparent 6px 12px), var(--noir-0); }
html[data-phosphor="p45"] .math { background: rgb(134 171 167 / 0.05); }
html[data-phosphor="p45"] .led { border: 1px solid rgb(154 255 243 / 0.28); }
html[data-phosphor="p45"] .shot__frame { background: #000000; box-shadow: 0 0 0 6px #05080A, 0 0 0 7px var(--deco-gold-faint), 0 30px 60px -30px rgb(0 0 0 / 0.9); }
html[data-phosphor="p45"] .shot__frame--fade img { -webkit-mask-image: linear-gradient(180deg, #000000 86%, transparent 100%); mask-image: linear-gradient(180deg, #000000 86%, transparent 100%); }
html[data-phosphor="p45"] .cover { box-shadow: 0 0 0 1px var(--deco-gold-line), 0 40px 80px -30px rgb(0 0 0 / 0.95),
    0 0 calc(60px * var(--glow-deco-strength)) -10px rgb(154 255 243 / 0.25); }
html[data-phosphor="p45"] .concierge { background: radial-gradient(70% 60% at 85% 0%, rgb(154 255 243 / 0.1), transparent 70%),
    linear-gradient(180deg, #0B1315, var(--noir-2) 45%); box-shadow: inset 0 1px 0 rgb(154 255 243 / 0.25), 0 30px 60px -40px #000000; }
html[data-phosphor="p45"] .chip { background: rgb(232 255 252 / 0.03); }
html[data-phosphor="p45"] .bellhop { background: linear-gradient(180deg, #0B1315, var(--noir-2) 55%); }
html[data-phosphor="p45"] .bellhop__steps li { background: rgb(232 255 252 / 0.02); }
html[data-phosphor="p45"] .bellhop__steps li::before { background: radial-gradient(circle at 35% 30%, #111B1D, #05080A 70%); }
html[data-phosphor="p45"] .concierge-option { background: rgb(232 255 252 / 0.03); }
html[data-phosphor="p45"] .scene--app { background: radial-gradient(110% 70% at 50% 0%, #111B1D 0%, transparent 62%),
    var(--noir-0); }
html[data-phosphor="p45"] .scene--vault { background: radial-gradient(80% 60% at 85% 10%, var(--deco-steel), transparent 65%),
    linear-gradient(180deg, #0B1315, var(--noir-0)); }
html[data-phosphor="p45"] .scene--engine { background: radial-gradient(60% 45% at 18% 0%, var(--glow-tube), transparent 70%),
    radial-gradient(50% 40% at 90% 20%, rgb(154 255 243 / 0.05), transparent 70%),
    linear-gradient(180deg, var(--deco-tube), var(--noir-0) 70%); }
html[data-phosphor="p45"] .scene--library { background: radial-gradient(70% 55% at 50% 0%, var(--deco-wood), transparent 70%),
    linear-gradient(180deg, #0B1315, #05080A); }
html[data-phosphor="p45"] .scene--penthouse { background: radial-gradient(120% 60% at 50% 110%, rgb(42 58 60 / 0.22), transparent 60%),
    linear-gradient(180deg, #0B1315, var(--noir-0)); }
html[data-phosphor="p45"] .scene--concierge { background: radial-gradient(55% 45% at 75% 0%, rgb(134 171 167 / 0.12), transparent 70%),
    var(--noir-0); }
html[data-phosphor="p45"] .scene--press { background: repeating-linear-gradient(180deg, transparent 0 31px, rgb(232 255 252 / 0.018) 31px 32px),
    linear-gradient(180deg, #0B1315, var(--noir-0)); }
html[data-phosphor="p45"] .hero__sky { background: radial-gradient(120% 62% at 50% 100%, var(--deco-sky-low) 0%, var(--deco-sky-mid) 40%, transparent 78%),
    linear-gradient(180deg, var(--noir-0) 0%, var(--deco-sky-top) 30%, #0B1315 62%, var(--deco-sky-mid) 100%); }
html[data-phosphor="p45"] .data-rain { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='264' height='264' font-family='Menlo,monospace' font-size='14' fill='%239AFFF3'%3E%3Cg opacity='.2'%3E%3Ctext x='8' y='20'%3E7%3C/text%3E%3Ctext x='8' y='38'%3E$%3C/text%3E%3Ctext x='8' y='56'%3E2%3C/text%3E%3Ctext x='52' y='92'%3E%25%3C/text%3E%3Ctext x='52' y='110'%3E0%3C/text%3E%3Ctext x='96' y='30'%3E%26%232A3A3C;%3C/text%3E%3Ctext x='96' y='48'%3E4%3C/text%3E%3Ctext x='96' y='66'%3E%26%23111B1D;%3C/text%3E%3Ctext x='96' y='84'%3E9%3C/text%3E%3Ctext x='140' y='140'%3E%26%232A3A3C;%3C/text%3E%3Ctext x='140' y='158'%3E1%3C/text%3E%3Ctext x='184' y='60'%3E=%3C/text%3E%3Ctext x='184' y='78'%3E%26%238730;%3C/text%3E%3Ctext x='184' y='96'%3E5%3C/text%3E%3Ctext x='228' y='190'%3E%26%236E8F8C;%3C/text%3E%3Ctext x='228' y='208'%3E3%3C/text%3E%3Ctext x='30' y='200'%3E%26%238364;%3C/text%3E%3Ctext x='30' y='218'%3E8%3C/text%3E%3Ctext x='118' y='236'%3E%26%232A3A3C;%3C/text%3E%3Ctext x='206' y='250'%3E6%3C/text%3E%3C/g%3E%3Cg opacity='.45'%3E%3Ctext x='8' y='74'%3E4%3C/text%3E%3Ctext x='96' y='102'%3E$%3C/text%3E%3Ctext x='184' y='114'%3E%25%3C/text%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000000 8%, #000000 72%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0%, #000000 8%, #000000 72%, transparent 100%); }
html[data-phosphor="p45"] .rain-glass { background-image: repeating-linear-gradient(103deg, transparent 0 23px, rgb(154 255 243 / 0.05) 23px 24px, transparent 24px 61px),
    repeating-linear-gradient(97deg, transparent 0 41px, rgb(154 255 243 / 0.035) 41px 42px, transparent 42px 97px),
    radial-gradient(2px 3px at 18% 22%, rgb(154 255 243 / 0.1), transparent),
    radial-gradient(2px 3px at 67% 38%, rgb(154 255 243 / 0.08), transparent),
    radial-gradient(2px 3px at 84% 12%, rgb(154 255 243 / 0.09), transparent); }
html[data-phosphor="p45"] .hero__scrim { background: linear-gradient(180deg, rgb(5 8 10 / 0.78) 0%, rgb(5 8 10 / 0.5) 45%, transparent 72%); }
html[data-phosphor="p45"] .hero--letterbox::before, html[data-phosphor="p45"] .hero--letterbox::after { background: #000000; }
html[data-phosphor="p45"] .theater { background: #000000; box-shadow: 0 0 0 6px #05080A, 0 0 0 7px var(--deco-gold-faint); }
html[data-phosphor="p45"] .theater__screen { background: #000000; }
html[data-phosphor="p45"] .rooftop { background: radial-gradient(60% 80% at 50% 120%, rgb(42 58 60 / 0.35), transparent 70%),
    linear-gradient(180deg, var(--noir-0), #05080A); }
html[data-phosphor="p45"] .rooftop::before { background: repeating-conic-gradient(from 0deg at 50% 50%, rgb(134 171 167 / 0.07) 0deg 2deg, transparent 2deg 10deg); -webkit-mask-image: radial-gradient(closest-side, #000000, transparent 75%); mask-image: radial-gradient(closest-side, #000000, transparent 75%); }
html[data-phosphor="p45"] body > footer { background: linear-gradient(180deg, var(--noir-0), #020304); }
html[data-phosphor="p45"] .prose .table-scroll.is-scrollable { background: linear-gradient(90deg, var(--noir-0) 30%, rgb(5 8 10 / 0)) left / 2rem 100% no-repeat local,
    linear-gradient(270deg, var(--noir-0) 30%, rgb(5 8 10 / 0)) right / 2rem 100% no-repeat local,
    radial-gradient(farthest-side at 0 50%, rgb(154 255 243 / 0.35), transparent) left / 0.75rem 100% no-repeat scroll,
    radial-gradient(farthest-side at 100% 50%, rgb(154 255 243 / 0.35), transparent) right / 0.75rem 100% no-repeat scroll; }
@media (prefers-contrast: more) {
html[data-phosphor="p45"] .hero__scrim { background: rgb(5 8 10 / 0.9); }
}
@media (prefers-reduced-transparency: reduce) {
html[data-phosphor="p45"] body[data-floor] .hero__scrim { background: linear-gradient(180deg, var(--noir-0) 0%,
      var(--noir-0) calc(100% - var(--skyline-band, 45%) - var(--s-6)),
      rgb(5 8 10 / 0) calc(100% - var(--skyline-band, 45%) + var(--s-7))); }
}
@media print {
html[data-phosphor="p45"], html[data-phosphor="p45"] body { background: #E8FFFC !important; color: #000000 !important; }
html[data-phosphor="p45"] a { color: #000000; }
}
/* ---- from assets/theme-neon.css ---- */
html[data-theme="neon"][data-phosphor="p45"] { --d-page-inner: #05080A; --d-page-outer: #05080A; --d-page-off: #05080A; --d-card-top: #111B1D; --d-card-bottom: #0B1315; --d-card-flat: #0B1315; --d-ink-2: #86ABA7; --d-muted: #86ABA7; --d-chord: #6E8F8C; --d-guide-circle: #2A3A3C; --d-pill-off: #111B1D; --d-pill-off-border: #2A3A3C; --d-edge: #9AFFF3; --d-rim: rgb(154 255 243 / 0.47); --d-glow: 0 0 12px rgb(154 255 243 / 0.16), 0 0 32px rgb(154 255 243 / 0.08); --d-highlight: inset 0 1.1px 0 rgb(232 255 252 / 0.27); --neon-cyan: #9AFFF3; --neon-ice: #E8FFFC; --neon-line: rgb(154 255 243 / 0.62); --neon-faint: rgb(154 255 243 / 0.14); --neon-warm: #86ABA7; --neon-glow-a: rgb(154 255 243 / 0.38); --neon-glow-b: rgb(154 255 243 / 0.16); --noir-2: #111B1D; --noir-glass: #0B1315; --deco-gold-lo: #6E8F8C; --deco-gold-deep: #111B1D; --deco-gold-line: rgb(154 255 243 / 0.4); --deco-gold-faint: rgb(154 255 243 / 0.15); --deco-sky-top: #05080A; --deco-sky-mid: #111B1D; --deco-sky-low: #2A3A3C; --deco-window: #9AFFF3; --deco-window-dim: #6E8F8C; --deco-wood: #111B1D; --glow-gold: rgb(154 255 243 / 0.4); --glow-window: #9AFFF3; }
html[data-theme="neon"][data-phosphor="p45"] .deco-card::before { border-color: rgb(154 255 243 / 0.12); }
html[data-theme="neon"][data-phosphor="p45"] .btn { box-shadow: 0 0 0 1px rgb(0 0 0 / 0.6), 0 0 0 2px var(--d-edge), 0 3px 6px rgb(0 0 0 / 0.59),
    0 0 calc(16px * var(--neon-on)) rgb(154 255 243 / 0.3); }
html[data-phosphor="p45"] .neon-gauge svg { filter: drop-shadow(0 0 calc(4px * var(--neon-on, 0)) rgb(154 255 243 / 0.59)); }
html[data-theme="neon"][data-phosphor="p45"] :is(.section, html[data-phosphor="p45"] .scene, html[data-phosphor="p45"] .rooftop) + [data-neon-dial="3.5"]::before { background: linear-gradient(90deg, transparent, rgb(154 255 243 / 0.22) 20%, rgb(154 255 243 / 0.22) 80%, transparent); }
html[data-theme="neon"][data-phosphor="p45"] .tower-bar { background: rgb(5 8 10 / 0.92); }
html[data-theme="neon"][data-phosphor="p45"] .scene--concierge { background: radial-gradient(55% 45% at 75% 0%, rgb(154 255 243 / 0.07), transparent 70%), transparent; }
html[data-theme="neon"][data-phosphor="p45"] .scene--penthouse { background: radial-gradient(120% 60% at 50% 110%, rgb(110 143 140 / 0.18), transparent 60%), transparent; }
html[data-theme="neon"][data-phosphor="p45"] .hero__sky { background: radial-gradient(circle, rgb(154 255 243 / 0.13) 0.9px, transparent 1.3px) 0 0 / 26px 26px,
    radial-gradient(90% 40% at 50% 100%, rgb(134 171 167 / 0.3) 0%, rgb(42 58 60 / 0.2) 45%, transparent 75%),
    linear-gradient(180deg, var(--d-page-off) 0%, #05080A 45%, #111B1D 100%); }
html[data-theme="neon"][data-phosphor="p45"] .skyline__layer { filter: brightness(0) drop-shadow(0 -1px 0 rgb(154 255 243 / 0.85)) drop-shadow(0 0 calc(6px * var(--neon-on)) rgb(154 255 243 / 0.45)); }
html[data-theme="neon"][data-phosphor="p45"] .hero__layers::after { background: linear-gradient(180deg, rgb(5 8 10 / 0) 0%, rgb(5 8 10 / 0.85) 100%),
    repeating-linear-gradient(90deg, transparent 0 58px, rgb(154 255 243 / 0.55) 58px 59.5px),
    repeating-linear-gradient(180deg, transparent 0 34px, rgb(154 255 243 / 0.45) 34px 35.5px),
    #05080A; }
html[data-theme="neon"][data-phosphor="p45"] .hero__example > .neon-deck { background: repeating-linear-gradient(90deg, transparent 0 22px, rgb(154 255 243 / 0.22) 22px 23px),
    linear-gradient(180deg, rgb(154 255 243 / 0.2), rgb(154 255 243 / 0.02)); }
html[data-theme="neon"][data-phosphor="p45"] :is([data-neon-dial="8"], html[data-phosphor="p45"] [data-neon-dial="7"]):not(.hero) { background: radial-gradient(circle, rgb(154 255 243 / 0.11) 0.9px, transparent 1.3px) 0 0 / 26px 26px,
    radial-gradient(70% 55% at 50% 0%, rgb(110 143 140 / 0.2), transparent 70%),
    linear-gradient(180deg, #05080A, var(--d-page-outer)); }
html[data-theme="neon"][data-phosphor="p45"] [data-neon-dial="7"].rooftop { background: radial-gradient(circle, rgb(154 255 243 / 0.11) 0.9px, transparent 1.3px) 0 0 / 26px 26px,
    radial-gradient(60% 80% at 50% 120%, rgb(134 171 167 / 0.28), transparent 70%),
    linear-gradient(180deg, var(--d-page-outer), #0B1315); }
html[data-theme="neon"][data-phosphor="p45"] :is([data-neon-dial="8"], html[data-phosphor="p45"] [data-neon-dial="7"]):not(.hero)::after { background: linear-gradient(180deg, rgb(5 8 10 / 0) 0%, rgb(5 8 10 / 0.9) 100%),
    repeating-linear-gradient(90deg, transparent 0 64px, rgb(154 255 243 / 0.42) 64px 65.5px),
    repeating-linear-gradient(180deg, transparent 0 36px, rgb(154 255 243 / 0.34) 36px 37.5px); }
html[data-theme="neon"][data-phosphor="p45"] .scene--library { background: radial-gradient(circle, rgb(154 255 243 / 0.11) 0.9px, transparent 1.3px) 0 0 / 26px 26px,
    radial-gradient(70% 55% at 50% 0%, rgb(110 143 140 / 0.22), transparent 70%),
    linear-gradient(180deg, #05080A, var(--d-page-outer)); }
html[data-theme="neon"][data-phosphor="p45"] .scene--library::after { background: linear-gradient(180deg, rgb(5 8 10 / 0) 0%, rgb(5 8 10 / 0.9) 100%),
    repeating-linear-gradient(90deg, transparent 0 64px, rgb(154 255 243 / 0.42) 64px 65.5px),
    repeating-linear-gradient(180deg, transparent 0 36px, rgb(154 255 243 / 0.34) 36px 37.5px); }
html[data-theme="neon"][data-phosphor="p45"] .ride__door { background: repeating-linear-gradient(90deg, transparent 0 34px, rgb(154 255 243 / 0.85) 34px 36px, rgb(154 255 243 / 0.25) 36px 40px, transparent 40px 74px),
    repeating-linear-gradient(180deg, rgb(154 255 243 / 0) 0 120px, rgb(154 255 243 / 0.1) 120px 122px),
    linear-gradient(180deg, rgb(11 19 21 / 0.97), rgb(11 19 21 / 0.97) 50%, rgb(5 8 10 / 0.98)); }
html[data-theme="neon"][data-phosphor="p45"] .floors > summary { box-shadow: 0 0 0 4px rgb(5 8 10 / 0.85), 0 0 calc(18px * var(--neon-on)) var(--neon-glow-a), 0 12px 32px rgb(0 0 0 / 0.65); }
@media (prefers-reduced-motion: reduce), (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
html[data-theme="neon"][data-phosphor="p45"] .skyline__layer { filter: brightness(0) drop-shadow(0 -1px 0 rgb(154 255 243 / 0.85)); }
}
@media (prefers-contrast: more) {
html[data-theme="neon"][data-phosphor="p45"] { --d-rim: #9AFFF3; --neon-line: #E8FFFC; }
}
/* ---- from assets/pages/about.css ---- */
html[data-phosphor="p45"] body[data-floor="penthouse"] .ph-window { background: radial-gradient(1.5px 1.5px at 18% 22%, var(--deco-gold-hi), transparent 100%),
    radial-gradient(1px 1px at 31% 12%, var(--deco-gold-hi), transparent 100%),
    radial-gradient(1px 1px at 47% 27%, var(--deco-gold-hi), transparent 100%),
    radial-gradient(1.5px 1.5px at 63% 16%, var(--deco-gold-hi), transparent 100%),
    radial-gradient(1px 1px at 83% 30%, var(--deco-gold-hi), transparent 100%),
    radial-gradient(1px 1px at 9% 38%, var(--deco-gold-hi), transparent 100%),
    linear-gradient(180deg, var(--deco-sky-top) 0%, var(--deco-sky-mid) 64%, #2A3A3C 100%); box-shadow: 0 0 0 4px #05080A,
    0 0 0 5px var(--deco-gold-lo),
    0 40px 70px -40px rgb(0 0 0 / 0.95); }
html[data-phosphor="p45"] body[data-floor="penthouse"] .ph-window__moon { background: radial-gradient(circle at 38% 36%, #E8FFFC, var(--deco-window) 62%, var(--deco-gold-lo)); }
html[data-phosphor="p45"] body[data-floor="penthouse"] .ph-window::after { background: linear-gradient(90deg, transparent calc(33.333% - 2px), var(--deco-gold-lo) calc(33.333% - 2px),
      var(--deco-gold) 33.333%, var(--deco-gold-lo) calc(33.333% + 2px), transparent calc(33.333% + 2px)),
    linear-gradient(90deg, transparent calc(66.666% - 2px), var(--deco-gold-lo) calc(66.666% - 2px),
      var(--deco-gold) 66.666%, var(--deco-gold-lo) calc(66.666% + 2px), transparent calc(66.666% + 2px)),
    linear-gradient(180deg, transparent calc(34% - 2px), var(--deco-gold-lo) calc(34% - 2px),
      var(--deco-gold) 34%, var(--deco-gold-lo) calc(34% + 2px), transparent calc(34% + 2px)),
    linear-gradient(180deg, rgb(232 255 252 / 0.04), transparent 45%); }
html[data-phosphor="p45"] body[data-floor="penthouse"] .ph-floor { background: linear-gradient(180deg, rgb(134 171 167 / 0.14), transparent 80%),
    repeating-linear-gradient(90deg, transparent 0 46px, rgb(134 171 167 / 0.08) 46px 47px); -webkit-mask-image: linear-gradient(90deg, transparent, #000000 18%, #000000 82%, transparent); mask-image: linear-gradient(90deg, transparent, #000000 18%, #000000 82%, transparent); }
html[data-phosphor="p45"] body[data-floor="penthouse"] .ph-steps li::before { background: radial-gradient(circle, var(--deco-gold-hi) 0 0.2rem, var(--deco-gold) 0.2rem 0.3rem, transparent 0.32rem),
    radial-gradient(circle at 35% 30%, #111B1D, #05080A 70%); }
html[data-phosphor="p45"] .les-doc { background: rgb(232 255 252 / 0.03); border: 1px solid rgb(134 171 167 / 0.25); }
html[data-phosphor="p45"] button.les-row:hover { background: rgb(134 171 167 / 0.08); }
html[data-phosphor="p45"] .les-row[aria-pressed="true"] { background: rgb(134 171 167 / 0.16); border-color: #86ABA7; }
html[data-phosphor="p45"] .les-row--deduct { color: var(--ink-2,#86ABA7); }
html[data-phosphor="p45"] .les-row--net { border-top: 1px solid rgb(134 171 167 / 0.35); }
html[data-phosphor="p45"] .les-plan { background: rgb(232 255 252 / 0.03); border: 1px solid rgb(134 171 167 / 0.25); }
html[data-phosphor="p45"] .les-plan__dests li.lit { background: rgb(134 171 167 / 0.16); border-color: #86ABA7; }
html[data-phosphor="p45"] .les-plan__note { color: #86ABA7; }
/* ---- from assets/pages/book.css ---- */
html[data-phosphor="p45"] body[data-floor="library"] .library-hall { background: radial-gradient(60% 45% at 78% 8%, rgb(134 171 167 / 0.1), transparent 70%),
    radial-gradient(70% 55% at 50% 0%, var(--deco-wood), transparent 70%),
    repeating-linear-gradient(90deg, transparent 0 119px, rgb(134 171 167 / 0.035) 119px 120px),
    linear-gradient(180deg, #0B1315, #05080A); }
html[data-phosphor="p45"] body[data-floor="library"] .library-reading { background: radial-gradient(80% 60% at 20% 0%, rgb(17 27 29 / 0.55), transparent 70%),
    var(--noir-1); }
/* ---- from assets/pages/calculator.css ---- */
html[data-phosphor="p45"] body[data-floor="archive"] .calc-scanlines { background: repeating-linear-gradient(to bottom,
    rgb(154 255 243 / 0.08) 0 1px, transparent 2px 4px); }
/* ---- from assets/pages/forecast.css ---- */
html[data-phosphor="p45"] body[data-page="forecast"] .fc-band--2 { fill: rgb(154 255 243 / 0.1); }
html[data-phosphor="p45"] body[data-page="forecast"] .fc-band--1 { fill: rgb(154 255 243 / 0.22); }
html[data-phosphor="p45"] body[data-page="forecast"] .fc-swatch--band1, html[data-phosphor="p45"] body[data-page="forecast"] .fc-swatch--band2 { background: rgb(154 255 243 / 0.22); }
html[data-phosphor="p45"] body[data-page="forecast"] .fc-swatch--band2 { background: rgb(154 255 243 / 0.1); border: 1px solid rgb(154 255 243 / 0.35); }
/* ---- from assets/pages/home.css ---- */
html[data-phosphor="p45"] body[data-floor="lobby"] .hero__scrim { background: linear-gradient(180deg,
    rgb(5 8 10 / 0.8) 0%,
    rgb(5 8 10 / 0.62) 45%,
    rgb(5 8 10 / 0.5) calc(100% - var(--skyline-band) - var(--s-6)),
    transparent calc(100% - var(--skyline-band) + var(--s-7))); }
html[data-phosphor="p45"] body[data-floor="lobby"] .hero__example { background: rgb(5 8 10 / 0.82); }
html[data-phosphor="p45"] body[data-floor="lobby"] .lobby-dir__code { background: radial-gradient(circle at 35% 30%, #111B1D, #05080A 70%); }
html[data-phosphor="p45"] body[data-floor="lobby"] .lobby-theater { background: radial-gradient(60% 40% at 50% 0%, rgb(134 171 167 / 0.1), transparent 70%),
    linear-gradient(180deg, #05080A, var(--noir-0) 60%); }
html[data-phosphor="p45"] body[data-floor="lobby"] .parable-transcript { background: rgb(232 255 252 / 0.02); }
html[data-phosphor="p45"] body[data-floor="lobby"] .tin-caption { background: rgb(5 8 10 / 0.86); }
html[data-phosphor="p45"] body[data-floor="lobby"] .lobby-facade { background: url("/assets/art/skyline-far.svg") 50% 100% / auto 46% repeat-x,
    radial-gradient(80% 70% at 50% 112%, var(--deco-sky-mid), transparent 72%),
    linear-gradient(180deg, #000000 0%, var(--deco-sky-top) 100%); }
html[data-phosphor="p45"] body[data-floor="lobby"] .lobby-facade.is-loaded { background: #000000; }
html[data-phosphor="p45"] body[data-floor="lobby"] .lobby-play__icon { background: rgb(5 8 10 / 0.86); box-shadow: 0 0 0 6px rgb(5 8 10 / 0.55); }
html[data-phosphor="p45"] body[data-floor="lobby"] .lobby-play__title, html[data-phosphor="p45"] body[data-floor="lobby"] .lobby-play__meta { background: rgb(5 8 10 / 0.84); }
@media (prefers-contrast: more) {
html[data-phosphor="p45"] body[data-floor="lobby"] .tin-caption { background: #000000; }
}
html[data-phosphor="p45"] body[data-floor="lobby"] .lobby-trailer { background: radial-gradient(55% 60% at 80% 10%, rgb(134 171 167 / 0.09), transparent 70%),
    var(--noir-0); }
html[data-phosphor="p45"] body[data-floor="lobby"] .lobby-trailer__video { background: #000000; }
/* ---- from assets/pages/press.css ---- */
html[data-phosphor="p45"] .press-video { background: #000000; }
/* ---- from assets/pages/sample.css ---- */
html[data-phosphor="p45"] body[data-sample="lab"] .sample-shares { background: var(--noir-0, #05080A); }
html[data-phosphor="p45"] body[data-sample="lab"] .sample-wheel { background: var(--noir-0, #05080A); }
/* ---- from assets/pages/security.css ---- */
html[data-phosphor="p45"] body[data-floor="vault"] .vault-index__list a { background: linear-gradient(180deg, rgb(134 171 167 / 0.08), transparent); }
html[data-phosphor="p45"] body[data-floor="vault"] .vault-index__list a::before { background: radial-gradient(circle at 35% 30%, #111B1D, #05080A 70%); }
html[data-phosphor="p45"] body[data-floor="vault"] .vault-steps > li::before { background: radial-gradient(circle at 35% 30%, #111B1D, #05080A 70%); }
/* ---- from assets/pages/style-sample.css ---- */
html[data-phosphor="p45"] body[data-sample="style"] .style-canvas { background: #05080A; }
/* ---- from assets/pages/technology.css ---- */
html[data-phosphor="p45"] body[data-floor="engine"] .engine-wing { background: repeating-linear-gradient(135deg, rgb(134 171 167 / 0.045) 0 14px, transparent 14px 28px),
    var(--noir-1); }