html[data-skin="ready-room"] .sb-overlay {
  --sb-bg: var(--rr-bg, #07050d);
  --sb-panel: #100b1c;
  --sb-ink: var(--rr-tx, #e9e2f7);
  --sb-muted: #b7a8cf;
  --sb-dim: var(--rr-dim, #8f84a8);
  --sb-rose: #c49bff;
  --sb-cardinal: var(--rr-red, #e0183c);
  --sb-gold: #b98cff;
  --sb-mint: #66d9ae;
  --sb-line: var(--rr-line, rgba(170, 120, 255, .28));
  color: var(--sb-ink);
  background: radial-gradient(ellipse at 9% 0%, rgba(155, 92, 255, .14), transparent 48%),
    radial-gradient(ellipse at 100% 100%, rgba(224, 24, 60, .09), transparent 45%), var(--sb-bg);
}
html[data-skin="ready-room"] .sb-topbar {
  border-color: var(--sb-line);
  background: rgba(7, 5, 13, .72);
  backdrop-filter: blur(16px);
  box-shadow: 0 1px rgba(155, 92, 255, .05);
}
html[data-skin="ready-room"] .sb-brand-mark { color: #fff; text-shadow: 0 0 16px rgba(224, 24, 60, .36); }
html[data-skin="ready-room"] .sb-brand-slash { color: var(--rr-red); }
html[data-skin="ready-room"] :is(.sb-brand-section, .sb-brand-page, .sb-label, .sb-round-number, .sb-stage-name, .sb-post-kind, .sb-axis-index, .sb-picture-head, .kc-name, .kc-cap-name, .kc-stamp, .kc-example) {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  letter-spacing: .15em;
}
html[data-skin="ready-room"] .sb-label { color: #b49bcf; }
html[data-skin="ready-room"] .sb-title { font-weight: 500; letter-spacing: .025em; }
html[data-skin="ready-room"] .ch-switch { background: transparent; border-color: transparent; border-radius: 0; }
html[data-skin="ready-room"] .ch-switch button {
  background: transparent;
  color: var(--sb-dim);
  border-radius: 0;
  box-shadow: none;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}
html[data-skin="ready-room"] .ch-switch button::before { background: #594266; box-shadow: none; }
html[data-skin="ready-room"] .ch-switch button[aria-pressed="true"] {
  color: #fff;
  background: transparent;
  box-shadow: inset 0 -2px var(--rr-red);
  text-shadow: 0 0 12px rgba(224, 24, 60, .25);
}
html[data-skin="ready-room"] .ch-switch button[aria-pressed="true"]::before { background: var(--rr-red); box-shadow: 0 0 9px rgba(224, 24, 60, .5); }
html[data-skin="ready-room"] .ch-switch button:hover { color: var(--sb-ink); }
html[data-skin="ready-room"] .sb-button {
  color: #c9b8e4;
  border-color: var(--sb-line);
  border-radius: 3px;
  background: rgba(155, 92, 255, .06);
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  letter-spacing: .055em;
}
html[data-skin="ready-room"] .sb-button:hover { color: #fff; background: rgba(155, 92, 255, .15); border-color: #9b5cff80; }
html[data-skin="ready-room"] .sb-overlay :is(button, summary, [tabindex]):focus-visible { outline-color: #c49bff; }
html[data-skin="ready-room"] :is(.sb-history, .sb-detail) {
  background: rgba(18, 11, 30, .52);
  border-color: var(--sb-line);
  box-shadow: none;
}
html[data-skin="ready-room"] .sb-round { border-bottom-color: rgba(170, 120, 255, .10); }
html[data-skin="ready-room"] .sb-round:hover { background: rgba(155, 92, 255, .055); }
html[data-skin="ready-room"] .sb-round[data-selected="true"] { border-left-color: var(--rr-red); background: linear-gradient(100deg, rgba(224, 24, 60, .13), transparent); }
html[data-skin="ready-room"] .sb-round-dot { background: #4f3b68; }
html[data-skin="ready-room"] .sb-round[data-selected="true"] .sb-round-dot { background: var(--rr-red); box-shadow: 0 0 9px rgba(224, 24, 60, .4); }
html[data-skin="ready-room"] .sb-round-status { border-color: var(--sb-line); background: rgba(155, 92, 255, .06); color: #c49bff; }
html[data-skin="ready-room"] .sb-round-status[data-state="approved"] { border-color: #66d9ae52; color: var(--sb-mint); background: #66d9ae08; }
html[data-skin="ready-room"] .sb-round-status:is([data-state="failed"], [data-state="send_back"]) { border-color: #e0183c80; color: #ff8da2; }
html[data-skin="ready-room"] .sb-round-notice { color: #ffafbd; background: rgba(224, 24, 60, .09); }
html[data-skin="ready-room"] .sb-stage { border-color: var(--sb-line); color: var(--sb-dim); }
html[data-skin="ready-room"] .sb-stage::after { background: #594266; }
html[data-skin="ready-room"] .sb-stage:is([data-state="done"], [data-state="current"]) { color: #c49bff; border-color: #9b5cff80; }
html[data-skin="ready-room"] .sb-stage:is([data-state="done"], [data-state="current"])::after { background: var(--rr-pur); }
html[data-skin="ready-room"] .sb-stage[data-state="current"]::after { background: var(--rr-red); box-shadow: 0 0 10px rgba(224, 24, 60, .5); }
html[data-skin="ready-room"] .sb-seats {
  border-color: var(--sb-line);
  background: radial-gradient(ellipse at 50% 30%, rgba(155, 92, 255, .07), transparent 70%), rgba(12, 8, 22, .6);
  box-shadow: inset 0 0 36px rgba(155, 92, 255, .035);
}
html[data-skin="ready-room"] .sb-seats::after { background: linear-gradient(90deg, #e0183c60, #9b5cff65 45%, #9b5cff65 55%, #e0183c60); }
html[data-skin="ready-room"] .sb-seat { border-color: var(--sb-line); background: var(--rr-glass); border-radius: 4px; }
html[data-skin="ready-room"] .sb-seat::after { background: #9b5cff55; }
html[data-skin="ready-room"] .sb-seat[data-active="true"] { border-color: #e0183c99; background: linear-gradient(150deg, #e0183c20, #180f29); box-shadow: inset 0 1px #ff8da212; }
html[data-skin="ready-room"] .sb-seat[data-receiving="true"] { border-color: #9b5cff99; }
html[data-skin="ready-room"] .sb-seat-mark { color: #c49bff; border-color: #9b5cff66; border-radius: 50%; border-inline: 1px solid #9b5cff66; }
html[data-skin="ready-room"] .sb-seat[data-seat="gothi"] .sb-seat-mark { color: #ff8da2; border-color: #e0183c80; }
html[data-skin="ready-room"] .sb-seat-name { color: var(--sb-ink); }
html[data-skin="ready-room"] .sb-seat-job { color: #b7a8cf; }
html[data-skin="ready-room"] .sb-light { background: #b98cff; box-shadow: 0 0 8px #9b5cff40; }
html[data-skin="ready-room"] .sb-light[data-seat="gothi"] { background: #ff5f7e; box-shadow: 0 0 8px #e0183c55; }
html[data-skin="ready-room"] .sb-light[data-seat="crew"] { background: #66d9ae; box-shadow: 0 0 8px #66d9ae32; }
html[data-skin="ready-room"] :is(.sb-log-head, .sb-detail-section, .sb-detail-invite, .sb-raw, .sb-picture-caption) { border-color: var(--sb-line); }
html[data-skin="ready-room"] :is(.sb-log, .sb-detail) { scrollbar-color: #5d3c88 #0c0815; }
html[data-skin="ready-room"] .sb-axis::after { background: rgba(170, 120, 255, .2); }
html[data-skin="ready-room"] .sb-time { color: #9c88b9; }
html[data-skin="ready-room"] .sb-axis-index { color: #b49bcf; background: #100b1c; border-color: var(--sb-line); border-radius: 2px; }
html[data-skin="ready-room"] :is(.sb-post, .sb-gothi-reply, .sb-pending) { border-color: var(--sb-line); background: var(--rr-glass); }
html[data-skin="ready-room"] :is(.sb-post, .sb-gothi-reply):hover { border-color: #9b5cff80; background: rgba(36, 22, 60, .7); }
html[data-skin="ready-room"] :is(.sb-post, .sb-gothi-reply)[data-selected="true"] { border-color: #e0183c99; box-shadow: inset 2px 0 var(--rr-red); }
html[data-skin="ready-room"] :is(.sb-post, .sb-gothi-reply)[data-playing="true"] { border-color: #9b5cff99; box-shadow: inset 2px 0 var(--rr-pur); }
html[data-skin="ready-room"] .sb-haiku { color: #b7a8cf; border-color: #9b5cff50; }
html[data-skin="ready-room"] .sb-gothi-label { color: #c49bff; }
html[data-skin="ready-room"] :is(.sb-detail-text, .sb-detail-haiku, .sb-evidence-value, .sb-check-item) { color: #cbbfdf; }
html[data-skin="ready-room"] .sb-raw-text { color: #b7a8cf; border-color: var(--sb-line); background: rgba(7, 5, 13, .75); }
html[data-skin="ready-room"] .sb-record-glyph { border-color: #9b5cff55; background: linear-gradient(145deg, #9b5cff14, transparent); }
html[data-skin="ready-room"] .sb-glyph-line { background: #b98cff88; }

html[data-skin="ready-room"] .sb-board-orbit { stroke: #9b5cff45; }
html[data-skin="ready-room"] .sb-board-plate { fill: #9b5cff0a; stroke: #9b5cff70; }
html[data-skin="ready-room"] .sb-board-notch { stroke: #9b5cff55; }
html[data-skin="ready-room"] .sb-spoke { stroke: #9b5cff50; stroke-width: 1; }
html[data-skin="ready-room"] .sb-station { color: #b98cff; }
html[data-skin="ready-room"] .sb-station[data-seat="gothi"] { color: #e0183c; }
html[data-skin="ready-room"] .sb-station[data-seat="first_officer"] { color: #73cce8; }
html[data-skin="ready-room"] .sb-station[data-seat="crew"] { color: #66d9ae; }
html[data-skin="ready-room"] .sb-station-disc { fill: #0d0819; stroke: currentColor; stroke-width: 1.5; }
html[data-skin="ready-room"] .sb-station-core { fill: currentColor; }
html[data-skin="ready-room"] .sb-console { stroke: currentColor; stroke-width: 1.4; }
html[data-skin="ready-room"] .sb-station-lamp { stroke: #0d0819; fill: #594266; }
html[data-skin="ready-room"] .sb-station-lamp[data-state="on"] { fill: #b98cff; filter: drop-shadow(0 0 4px #9b5cff66); }
html[data-skin="ready-room"] .sb-station-lamp[data-state="warn"] { fill: #ffc857; filter: drop-shadow(0 0 4px #ffc85766); }
html[data-skin="ready-room"] .sb-station:focus-visible .sb-station-disc { stroke: #fff; stroke-width: 3; }
html[data-skin="ready-room"] .sb-pulse-label { stroke: #0d0819; }
html[data-skin="ready-room"] .sb-picture-caption { color: #b7a8cf; background: rgba(7, 5, 13, .35); }
html[data-skin="ready-room"] .sb-picture-caption:hover { color: var(--sb-ink); background: rgba(155, 92, 255, .06); }
html[data-skin="ready-room"] .sb-picture-caption[data-warning="true"] { color: #ffc857; border-top-color: #ffc85770; }

html[data-skin="ready-room"] .kg-room { background: var(--rr-bg); }
html[data-skin="ready-room"] .kc-wall {
  color: var(--rr-tx);
  background: radial-gradient(ellipse at 50% 45%, rgba(155, 92, 255, .095), transparent 62%),
    radial-gradient(ellipse at 0% 0%, rgba(155, 92, 255, .10), transparent 44%),
    radial-gradient(ellipse at 100% 100%, rgba(224, 24, 60, .08), transparent 45%), var(--rr-bg);
}
html[data-skin="ready-room"] .kc-ringline { stroke: #9b5cff50; }
html[data-skin="ready-room"] .kc-thread { stroke: #b98cff; opacity: .4; }
html[data-skin="ready-room"] .kc-thread.kc-t-cap { stroke: #ff5f7e; opacity: .85; }
html[data-skin="ready-room"] .kc-thread.kc-t-all { stroke: #b98cff; opacity: .36; }
html[data-skin="ready-room"] .kc-pulse { stroke: #9b5cff; }
html[data-skin="ready-room"] .kc-name { color: #c49bff; }
html[data-skin="ready-room"] :is(.kc-time, .kc-stamp, .kc-example) { color: var(--rr-dim); }
html[data-skin="ready-room"] .kc-line { color: #b7a8cf; }
html[data-skin="ready-room"] .kc-haiku { color: #cbbfdf; }
html[data-skin="ready-room"] .kc-at { color: #ff8da2; }
html[data-skin="ready-room"] .kc-seat.kc-quiet .kc-name { color: #7d6d98; }
html[data-skin="ready-room"] .kc-seat:is(.kc-calls-cap, .kc-calls-all) :is(.kc-line, .kc-haiku) { color: var(--rr-tx); }
html[data-skin="ready-room"] .kc-seat.kc-calls-cap .kc-sigil { color: #ff5f7e; filter: drop-shadow(0 0 calc(var(--u)*7) #e0183c); }
html[data-skin="ready-room"] .kc-seat.kc-calls-all .kc-sigil { color: #c49bff; filter: drop-shadow(0 0 calc(var(--u)*7) #9b5cff); }
html[data-skin="ready-room"] .kc-seat.kc-named .kc-sigil { filter: drop-shadow(0 0 calc(var(--u)*6) #9b5cff); }
html[data-skin="ready-room"] .kc-seat.kc-named .kc-name { color: #e0cfff; }
html[data-skin="ready-room"] .kc-seat.kc-named::before { background: #9b5cff; }
html[data-skin="ready-room"] .kc-cap-mark { border-color: #9b5cff80; background: #0d0819; box-shadow: 0 0 0 calc(var(--u)*7) #9b5cff06; }
html[data-skin="ready-room"] .kc-cap-mark::after { background: #9b5cff80; }
html[data-skin="ready-room"] .kc-cap-name { color: #9c88b9; }
html[data-skin="ready-room"] .kc-cap-note { color: #ff8da2; }
html[data-skin="ready-room"] .kc-captain.kc-called .kc-cap-mark { border-color: #e0183c; box-shadow: 0 0 calc(var(--u)*26) rgba(224, 24, 60, .35); }
html[data-skin="ready-room"] .kc-captain.kc-called .kc-cap-mark::after { background: #e0183c; }
html[data-skin="ready-room"] .kc-captain.kc-called .kc-cap-name { color: var(--rr-tx); }
@media (forced-colors: active) {
  html[data-skin="ready-room"] :is(.sb-overlay, .sb-topbar, .sb-seat, .sb-post, .sb-gothi-reply, .sb-detail, .sb-history, .sb-round, .sb-button, .kc-wall) { color: CanvasText; background: Canvas; border-color: CanvasText; box-shadow: none; }
  html[data-skin="ready-room"] .ch-switch button[aria-pressed="true"] { color: Highlight; outline: 1px solid Highlight; }
  html[data-skin="ready-room"] :is(.sb-station-disc, .sb-board-plate, .sb-board-orbit, .sb-spoke, .sb-pulse-route, .kc-thread, .kc-ringline) { stroke: CanvasText; }
  html[data-skin="ready-room"] :is(.sb-station-name, .sb-station-identity, .sb-station-count, .sb-pulse-label) { fill: CanvasText; stroke: none; }
  html[data-skin="ready-room"] :is(.sb-station-lamp, .sb-station-core, .sb-pulse-dot) { fill: Highlight; }
}