
html[data-skin="ready-room"] {
  --bg: var(--rr-bg, #07050d);
  --panel: rgba(24, 16, 40, .55);
  --card: rgba(31, 21, 51, .66);
  --fg: var(--rr-tx, #e9e2f7);
  --muted: #b5a8ce;
  --dim: var(--rr-dim, #8f84a8);
  --line: var(--rr-line, rgba(170, 120, 255, .28));
  --cardinal: var(--rr-red, #e0183c);
  --cardinal-soft: #f07995;
  --display: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --body: -apple-system, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --seam-gold-core: rgba(170, 120, 255, .4);
  --seam-gold-halo: rgba(155, 92, 255, .04);
  --seam-gold-none: rgba(155, 92, 255, 0);
  --seam-red-glow: rgba(155, 92, 255, .08);
  --seam-red-none: rgba(155, 92, 255, 0);
  --seam-bed-glow: rgba(155, 92, 255, .08);
  color-scheme: dark;
}
html[data-skin="ready-room"] body {
  color: var(--fg);
  background:
    var(--rr-stars) 0 0 / 173px 137px repeat,
    radial-gradient(70vw 55vh at 12% -10%, rgba(155, 92, 255, .34), transparent),
    radial-gradient(60vw 60vh at 105% 100%, rgba(224, 24, 60, .22), transparent),
    var(--bg);
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
}
html[data-skin="ready-room"] header {
  background: transparent; 
  border-bottom-color: var(--line);
  box-shadow: inset 0 -1px var(--line);
}
html[data-skin="ready-room"] .brand h1 {
  letter-spacing: .25em;
  color: #fff;
  text-shadow: 0 0 18px rgba(224, 24, 60, .32);
}
html[data-skin="ready-room"] header > .fz-seam { visibility: hidden; }
html[data-skin="ready-room"] .brand .ew-identity { position: relative; }
html[data-skin="ready-room"] .brand .ew-mark { visibility: hidden; }
html[data-skin="ready-room"] .brand .ew-identity::before {
  content: "EXO·BRIDGE";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--rr-tx);
  font: 600 16px/1 var(--rr-mono);
  letter-spacing: .3em;
  white-space: nowrap;
  text-shadow: 0 0 16px rgba(224, 24, 60, .35);
}
html[data-skin="ready-room"] .brand .ew-divider { background: var(--rr-line); opacity: 1; }
html[data-skin="ready-room"] .brand .ew-page { font-family: var(--rr-mono); letter-spacing: .2em; }
html[data-skin="ready-room"] :is(h2, .cmod-h h3, .at-lbl, .lbl, .sub-h, .kc-panel-title, .bb-column-head h3) {
  letter-spacing: .19em;
}
html[data-skin="ready-room"] :is(.sub, .live, .checked, .cupd, .ship-key, .ctools, .cspend) {
  font-family: var(--display);
  letter-spacing: .035em;
}
html[data-skin="ready-room"] :is(.cview, .cjump .cview) {
  background: transparent;
  border-color: transparent;
  border-radius: 0;
  box-shadow: none;
}
html[data-skin="ready-room"] .cview button,
html[data-skin="ready-room"] .cview > #cvGremdex {
  background: transparent;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  color: var(--muted);
  letter-spacing: .18em;
  box-shadow: none;
}
html[data-skin="ready-room"] .cview button[aria-pressed="true"] {
  background: transparent;
  border-bottom-color: var(--rr-pur, #9b5cff);
  color: #fff;
  text-shadow: 0 0 14px rgba(155, 92, 255, .45);
  box-shadow: none;
}
html[data-skin="ready-room"] .cview button:hover,
html[data-skin="ready-room"] .cview > #cvGremdex:hover {
  color: #fff;
  background: rgba(155, 92, 255, .06);
}
html[data-skin="ready-room"] .chead-r .bp-go {
  background: transparent;
  border-color: transparent;
  border-bottom: 2px solid var(--rr-red);
  color: #fff;
  border-radius: 0;
  font-family: var(--display);
  letter-spacing: .2em;
  box-shadow: none;
}
html[data-skin="ready-room"] .chead-r .bp-go .bp-mark { display: none; }
html[data-skin="ready-room"] .chead-r .bp-go:hover,
html[data-skin="ready-room"] .chead-r .bp-go:active {
  background: rgba(155, 92, 255, .06);
  border-color: transparent;
  border-bottom-color: var(--rr-red);
  box-shadow: none;
}
html[data-skin="ready-room"] .chead-r > #bridgePath::after { display: none; }
html[data-skin="ready-room"] .tabs { background: rgba(7, 5, 13, .93); }
html[data-skin="ready-room"] :is(.cmod, .cagrp, .kc-board, .kc-chat, .bb-column, .bb-stats, .term, .captains-log) {
  background: var(--panel);
  border-color: var(--line);
  border-radius: 4px;
  box-shadow: 0 12px 38px rgba(0, 0, 0, .18), inset 0 0 36px rgba(155, 92, 255, .025);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
html[data-skin="ready-room"] :is(.cmod-h, .cagrp-h, .cagp-head, .kc-board-head, .kc-chat-head, .bb-column-head) {
  background: rgba(16, 10, 28, .86);
  border-bottom-color: var(--line);
  border-bottom-width: 1px;
  border-radius: 3px 3px 0 0;
}
html[data-skin="ready-room"] :is(.cmod-h h3, .kc-title, .bb-title, .at-lbl) { color: var(--fg); }
html[data-skin="ready-room"] :is(.cmod-h .cfit, .cmod-h .czb, .ctools button, .ship-key button, .c1-shipselect) {
  border-color: var(--line);
  border-radius: 2px;
  background: rgba(155, 92, 255, .055);
  color: var(--muted);
}
html[data-skin="ready-room"] .cjump {
  background: rgba(7, 5, 13, .9);
  border-color: var(--line);
  border-radius: 3px;
}
html[data-skin="ready-room"] :is(.ccard, .at-cap, .at-job, .at-row, .cagrow, .kc-department, .kc-member, .bb-card, .paste, .ask, .shot, .tcard) {
  background: rgba(28, 18, 46, .48);
  border-radius: 3px;
}
html[data-skin="ready-room"] .ccard.arr .cn { font-size: 16px; }
html[data-skin="ready-room"] :is(.field input, .field textarea, .cagrename, .csrch input, .at-tools input, .at-tools select, .tline, .tshell, .paste .full) {
  background: rgba(7, 5, 13, .8);
  border-color: var(--line);
  border-radius: 3px;
}
html[data-skin="ready-room"] :is(.send, .ghost, .ping, .choice, .syncbtn, .undo, .morebtn, .cagnew, .tput, .tcopy, .tclose) {
  border-radius: 3px;
}
html[data-skin="ready-room"] :is(.send, .ping) {
  background: rgba(224, 24, 60, .16);
  border: 1px solid rgba(224, 24, 60, .65);
}
html[data-skin="ready-room"] :is(.chip, .tbadge, .ctag, .bb-filter) { border-radius: 3px; }
html[data-skin="ready-room"] .at-bar { height: 3px; }
html[data-skin="ready-room"] .at-bar i { border-radius: 0; background: rgba(155, 92, 255, .17); }
html[data-skin="ready-room"] .at-bar i.u { background: var(--rr-pur, #9b5cff); box-shadow: 0 0 8px rgba(155, 92, 255, .35); }
html[data-skin="ready-room"] :is(.tnum, .at-n) { border-width: 1px; background: transparent; }
html[data-skin="ready-room"] .tcard.next { box-shadow: 0 0 24px -12px var(--gold); }


html[data-skin="ready-room"] .ship-stage.gw {
  --bg: #07050d;
  --panel: #130d23;
  --card: #1c1231;
  --line: rgba(170, 120, 255, .28);
  --fg: #e9e2f7;
  --muted: #b5a8ce;
  --dim: #8f84a8;
  --cardinal: #e0183c;
  --cardinal-soft: #f07995;
  background:
    var(--rr-stars) 0 0 / 173px 137px repeat,
    radial-gradient(ellipse at 25% 20%, rgba(155, 92, 255, .34), transparent 68%),
    radial-gradient(ellipse at 100% 90%, rgba(224, 24, 60, .22), transparent 65%),
    var(--bg);
}
html[data-skin="ready-room"] .gw-hull .hull-out { fill: #130d23; fill-opacity: .88; }
html[data-skin="ready-room"] #crewShip .c1-svg {
  background:
    var(--rr-stars) 0 0 / 173px 137px repeat,
    radial-gradient(ellipse at 25% 20%, rgba(155, 92, 255, .34), transparent 68%),
    radial-gradient(ellipse at 100% 90%, rgba(224, 24, 60, .22), transparent 65%),
    var(--rr-bg);
}
html[data-skin="ready-room"] .gw-rim { stroke: #9b5cff; stroke-width: 3; stroke-opacity: .45; }
html[data-skin="ready-room"] .gw-rimline { stroke: #c7a3ff; stroke-opacity: .6; }
html[data-skin="ready-room"] :is(.gw-lane, .gw-spine, .gw-keel, .gw-louvre, .gw-grill) { stroke: rgba(170, 120, 255, .27); }
html[data-skin="ready-room"] :is(.gw-bridge, .gw-wing, .gw-bay, .gw-fin, .sw-terrace, .sw-arm, .sw-spoke, .sw-pod, .sw-district-band) { fill: #1b1230; }
html[data-skin="ready-room"] :is(.sw-arm, .sw-spoke, .sw-pod, .sw-district-band) { stroke: rgba(180, 139, 244, .48); }
html[data-skin="ready-room"] .sw-join { stroke: #b784ff; stroke-width: 1.1; stroke-opacity: .74; }
html[data-skin="ready-room"] .sw-notch { stroke: #9978be; stroke-width: 1; }
html[data-skin="ready-room"] :is(.sw-window, .gw-windows rect, .gw-hl) { fill: #c7a7ee; opacity: .4; }
html[data-skin="ready-room"] .sw-drives .sw-drive-box { fill: #160e26; stroke: #8e66bc; }
html[data-skin="ready-room"] .gw-hull .sw-district-name { fill: #b2a0ca; }
html[data-skin="ready-room"] .gw-hull .sw-drive-summary { fill: #a08cb9; }
html[data-skin="ready-room"] .gw-hull .sw-drives .gw-bellword { fill: #d5c4eb; }
html[data-skin="ready-room"] .gw-name { fill: #fff; }
html[data-skin="ready-room"] :is(.captain-away, .stn-pop, .trail-tip, .gd-tip, .cagpanel) {
  --bg: #07050d;
  --panel: rgba(20, 13, 34, .97);
  --card: #1d1430;
  --line: rgba(170, 120, 255, .28);
  --fg: #e9e2f7;
  --muted: #b5a8ce;
  --dim: #8f84a8;
  --cardinal: #e0183c;
  border-color: var(--line);
  border-radius: 4px;
  background: var(--panel);
  box-shadow: 0 12px 36px rgba(0, 0, 0, .45);
}
html[data-skin="ready-room"] .stn .mk path { fill: #130d23; }
html[data-skin="ready-room"] .captain-away.at-bow {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html[data-skin="ready-room"] .stn :is(.sn, .sr, .ss, .sseen) {
  text-shadow: 0 0 3px #07050d, 0 0 7px #07050d, 0 0 12px #07050d;
}


html[data-skin="ready-room"] #crewHud {
  --ch1-ground: #07050d;
  --ch1-dark: rgba(24, 16, 40, .62);
  --ch1-mid: rgba(37, 24, 59, .55);
  --ch1-line: rgba(170, 120, 255, .28);
  --ch1-cardinal: #e0183c;
  --ch1-text: #e9e2f7;
  --ch1-muted: #b5a8ce;
  --ch1-dim: #8f84a8;
}
html[data-skin="ready-room"] #crewHud :is(.ch1-panel, .ch1-section, .ch1-period-card) { border-radius: 3px; }
html[data-skin="ready-room"] #crewHud :is(.ch1-brand, .ch1-section-title) { font-family: var(--display); letter-spacing: .12em; }
html[data-skin="ready-room"] #crewHud .ch1-section-head { border-bottom-color: var(--line); }
html[data-skin="ready-room"] #commandPanel .xcp {
  background: var(--panel);
  border-color: var(--line);
  border-top-color: var(--cardinal);
  border-radius: 3px;
}
html[data-skin="ready-room"] .bb-bead-line {
  background: radial-gradient(ellipse at 28% 65%, rgba(155, 92, 255, .13), transparent 60%), #0c0815;
  border-radius: 3px;
}
html[data-skin="ready-room"] .bb-line-head { border-bottom-color: var(--line); }


html[data-skin="ready-room"] .hk-hull {
  fill: rgba(155, 92, 255, .10);
  fill-opacity: 1;
  stroke: #a779e4;
  stroke-width: 1.5;
  stroke-opacity: .78;
  filter: drop-shadow(0 0 14px rgba(155, 92, 255, .45));
}
html[data-skin="ready-room"] .hk-det-terrace {
  fill: #1a112e;
  stroke: #af88db;
  stroke-opacity: .34;
}
html[data-skin="ready-room"] .hk-det-window { fill: #d4baee; opacity: .54; }
html[data-skin="ready-room"] .hk-det-dock { fill: #0c0815; stroke: #a378cf; stroke-opacity: .48; }
html[data-skin="ready-room"] .hk-det-spire { fill: #27143d; stroke: #b68ae7; stroke-opacity: .56; }
html[data-skin="ready-room"] .hk-con { fill: #170e28; stroke: #b58ae8; stroke-opacity: .8; }
html[data-skin="ready-room"] .hk-con-bar { fill: #241438; stroke: #8d60b8; }
html[data-skin="ready-room"] .hk-seat { fill: #1c112d; stroke: rgba(170, 120, 255, .4); }
html[data-skin="ready-room"] .hk-stn { fill: #160d27; }
html[data-skin="ready-room"] .hk-stn-name { fill: #eee5fb; }
html[data-skin="ready-room"] .hk-stn-count { fill: #b9a4d1; }


html[data-skin="ready-room"] .cmod-h { background: #07050d; z-index: 1; }
