.cw-scene {
  --cw-bg: #101b25;
  --cw-panel: #162630;
  --cw-tile: #21353f;
  --cw-text: #f2f7f5;
  --cw-muted: #a7b8bd;
  --cw-edge: #3b535c;
  --cw-accent: #69deba;
  --cw-gold: #f1cb73;
  --cw-yes: #88e6b4;
  --cw-no: #ffa8a4;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  isolation: isolate;
  container-type: inline-size;
  color: var(--cw-text);
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  line-height: 1.25;
  background: transparent;
}
.cw-scene, .cw-scene * {box-sizing: border-box;}
.cw-scene [hidden] {display: none !important;}
.cw-scene .cw-backdrop {position: absolute; inset: 0; width: 100%; height: 100%; fill: var(--cw-bg); pointer-events: none;}
.cw-scene .cw-masthead {position: absolute; display: flex; align-items: center; gap: 1.1cqw; min-width: 0;}
.cw-scene .cw-logo {display: flex; align-items: center; gap: .3cqw; font-size: 1.45cqw; letter-spacing: -.06em; font-weight: 850; white-space: nowrap;}
.cw-scene .cw-logo b {padding: .05cqw .33cqw .12cqw; background: var(--cw-accent); color: #10221d; border-radius: .28cqw; font-weight: 850;}
.cw-scene .cw-masthead-caption {font-size: .64cqw; letter-spacing: .09em; color: var(--cw-muted);}
.cw-scene .cw-onair {margin-left: auto; padding: .3cqw .5cqw; display: flex; align-items: center; gap: .33cqw; border: 1px solid var(--cw-edge); border-radius: 2cqw; font-size: .6cqw; font-weight: 700; letter-spacing: .06em; white-space: nowrap;}
.cw-scene .cw-onair::before {content: ''; width: .3cqw; height: .3cqw; background: var(--cw-muted); border-radius: 50%;}
.cw-scene[data-status="live"] .cw-onair::before {background: var(--cw-accent); box-shadow: 0 0 .4cqw color-mix(in srgb, var(--cw-accent) 45%, transparent);}
.cw-scene .cw-source {position: absolute; background: transparent; outline: 1px solid var(--cw-edge); outline-offset: .2cqw;}
.cw-scene .cw-placeholder {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .55cqw; color: #dbe7ec; background: radial-gradient(ellipse at 25% 20%, #3a566b99, transparent 60%), repeating-linear-gradient(135deg, #14212ecc 0 1.2cqw, #182835cc 1.2cqw 2.4cqw);}
.cw-scene .cw-placeholder strong {font-size: 1.65cqw; font-weight: 550; letter-spacing: -.03em;}
.cw-scene .cw-source-icon {font-size: 2.6cqw; color: #9aacb9; line-height: 1;}
.cw-scene .cw-source-size {font-size: .85cqw; font-variant-numeric: tabular-nums; color: #c6d8e2;}
.cw-scene .cw-placeholder small {font-size: .66cqw; color: #9aadb9;}
.cw-scene .cw-source-camera .cw-placeholder, .cw-scene .cw-source-chat .cw-placeholder {gap: .35cqw;}
.cw-scene .cw-source-camera .cw-placeholder strong, .cw-scene .cw-source-chat .cw-placeholder strong {font-size: 1.2cqw;}
.cw-scene .cw-source-camera .cw-source-icon, .cw-scene .cw-source-chat .cw-source-icon {font-size: 1.7cqw;}
.cw-scene .cw-board {position: absolute; display: flex; flex-direction: column; padding: .8cqw; background: var(--cw-panel); border: 1px solid var(--cw-edge); border-radius: .65cqw; overflow: hidden;}
.cw-scene .cw-board-head {flex: none; min-height: 4.15cqw; padding-bottom: .35cqw; overflow: hidden;}
.cw-scene .cw-eyebrow {display: flex; align-items: center; justify-content: space-between; font-size: .6cqw; color: var(--cw-muted); letter-spacing: .08em; gap: .4cqw;}
.cw-scene .cw-eyebrow > span:first-child {color: var(--cw-accent); font-weight: 700;}
.cw-scene .cw-title {font-size: 1.55cqw; line-height: 1.1; font-weight: 750; margin: .35cqw 0 0; letter-spacing: -.035em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere;}
.cw-scene .cw-summary {height: 3.25cqw; display: flex; align-items: center; gap: 1cqw; border-top: 1px solid var(--cw-edge); border-bottom: 1px solid var(--cw-edge); flex: none; margin-bottom: .6cqw;}
.cw-scene .cw-stat, .cw-scene .cw-next {display: flex; flex-direction: column; gap: .14cqw;}
.cw-scene .cw-stat > span, .cw-scene .cw-next > span {font-size: .54cqw; color: var(--cw-muted); letter-spacing: .1em;}
.cw-scene .cw-stat-value {font-size: 1.45cqw; line-height: 1.05; font-weight: 760; font-variant-numeric: tabular-nums; white-space: nowrap; letter-spacing: -.04em;}
.cw-scene .cw-stat:nth-child(2) {border-left: 1px solid var(--cw-edge); padding-left: 1cqw;}
.cw-scene .cw-stat:nth-child(2) .cw-stat-value {color: var(--cw-accent);}
.cw-scene .cw-next {margin-left: auto; text-align: right;}
.cw-scene .cw-next-value {font-size: .94cqw; white-space: nowrap;}
.cw-scene .cw-summary[data-near="true"] .cw-next-value {color: var(--cw-gold);}
.cw-scene .cw-board-wrap {position: relative; flex: 1; min-height: 0;}
.cw-scene .cw-grid {height: 100%; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-rows: repeat(5, minmax(0, 1fr)); gap: .34cqw;}
.cw-scene .cw-tile {position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; padding: .31cqw .3cqw .29cqw; background: var(--cw-tile); border: 1px solid var(--cw-edge); border-radius: .32cqw; overflow: hidden; isolation: isolate; transform-origin: center;}
.cw-scene .cw-tile-meta {display: flex; justify-content: space-between; align-items: center; flex: none; gap: .08cqw; height: .64cqw; color: var(--cw-muted); font-size: .61cqw; font-weight: 650;}
.cw-scene .cw-kind {font-size: .44cqw; letter-spacing: .02em; white-space: nowrap;}
.cw-scene .cw-tile-title {flex: 1; min-height: 0; min-width: 0; display: flex; align-items: center; margin: .26cqw 0; font-size: 1.26cqw; line-height: 1.12; letter-spacing: -.035em; font-weight: 680; overflow: hidden;}
.cw-scene .cw-tile-copy {display: block; width: 100%; flex: none; overflow-wrap: normal; word-break: normal; white-space: pre-line;}
.cw-scene .cw-tile-title[data-length="medium"] {font-size: 1.16cqw;}
.cw-scene .cw-tile-title[data-length="long"] {font-size: 1.02cqw; line-height: 1.15;}
.cw-scene[data-compact="true"] .cw-tile-title {font-size: 1.16cqw;}
.cw-scene[data-compact="true"] .cw-tile-title[data-length="medium"] {font-size: 1.03cqw;}
.cw-scene[data-compact="true"] .cw-tile-title[data-length="long"] {font-size: .91cqw;}
.cw-scene .cw-voting {flex: none; margin-bottom: .28cqw;}
.cw-scene .cw-voting-copy {display: flex; justify-content: space-between; gap: .1cqw; font-size: .65cqw; font-weight: 650; font-variant-numeric: tabular-nums; line-height: 1;}
.cw-scene .cw-yes {color: var(--cw-yes);}
.cw-scene .cw-no {color: var(--cw-no);}
.cw-scene .cw-vote-track {height: .12cqw; background: var(--cw-no); border-radius: .15cqw; overflow: hidden; margin-top: .2cqw;}
.cw-scene .cw-vote-track i {height: 100%; display: block; background: var(--cw-yes);}
.cw-scene .cw-voting[data-empty="true"] .cw-yes {color: var(--cw-muted); font-size: .57cqw; font-weight: 400;}
.cw-scene .cw-voting[data-empty="true"] .cw-vote-track {background: var(--cw-edge);}
.cw-scene .cw-tile-state {display: flex; justify-content: space-between; align-items: center; gap: .1cqw; height: .62cqw; font-size: .49cqw; letter-spacing: .035em; font-weight: 700; color: var(--cw-muted); flex: none;}
.cw-scene .cw-tile-state b {font-size: .68cqw; color: transparent;}
.cw-scene .cw-tile[data-wild="true"] {background: #352d48; border-color: #796190;}
.cw-scene .cw-tile[data-wild="true"] .cw-kind {color: #d7b7ff;}
.cw-scene .cw-tile[data-marked="true"] {background: color-mix(in srgb, var(--cw-accent) 19%, var(--cw-tile)); border-color: var(--cw-accent);}
.cw-scene .cw-tile[data-marked="true"] .cw-tile-state {color: var(--cw-accent);}
.cw-scene .cw-tile[data-marked="true"] .cw-tile-state b {color: var(--cw-accent);}
.cw-scene .cw-tile[data-free="true"] {background: color-mix(in srgb, var(--cw-accent) 11%, var(--cw-panel)); border: 1px dashed var(--cw-accent);}
.cw-scene .cw-tile[data-free="true"] .cw-tile-title {font-size: 1.12cqw; font-weight: 550;}
.cw-scene .cw-tile[data-free="true"] .cw-tile-copy {overflow-wrap: normal; word-break: normal;}
.cw-scene .cw-tile[data-free="true"] .cw-kind {color: var(--cw-accent);}
.cw-scene .cw-tile[data-line="true"] {background: color-mix(in srgb, var(--cw-gold) 15%, var(--cw-panel)); border-color: var(--cw-gold); box-shadow: inset 0 .14cqw 0 var(--cw-gold);}
.cw-scene .cw-tile[data-line="true"] .cw-tile-state, .cw-scene .cw-tile[data-line="true"] .cw-tile-state b {color: var(--cw-gold);}
.cw-scene .cw-tile[data-near="true"] {outline: .1cqw solid var(--cw-gold); outline-offset: -.1cqw;}
.cw-scene .cw-tile[data-near="true"] .cw-tile-state {color: var(--cw-gold);}
.cw-scene .cw-sheen {position: absolute; inset: -20%; background: linear-gradient(105deg, transparent 30%, #ffffff66 50%, transparent 70%); transform: translateX(-130%); opacity: 0; pointer-events: none;}
.cw-scene .cw-strokes {position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 2;}
.cw-scene .cw-line-rest {fill: none; stroke: var(--cw-gold); stroke-width: 1.7; stroke-dasharray: 3 12; opacity: .2;}
.cw-scene .cw-line-flash {fill: none; stroke: var(--cw-gold); stroke-width: 6; stroke-linecap: round; stroke-dasharray: 1; filter: drop-shadow(0 0 5px var(--cw-gold));}
.cw-scene .cw-board-footer {flex: none; min-width: 0; height: 2.9cqw; display: flex; flex-direction: column; justify-content: center; gap: .22cqw; padding-top: .3cqw;}
.cw-scene .cw-event-label {color: var(--cw-accent); font-size: .55cqw; letter-spacing: .08em; font-weight: 700;}
.cw-scene .cw-event-text {font-size: .79cqw; line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 550;}
.cw-scene .cw-board-footer[data-event="line"] .cw-event-label, .cw-scene .cw-board-footer[data-event="multiline"] .cw-event-label {color: var(--cw-gold);}
.cw-scene .cw-spotlight {position: absolute; border-top: 1px solid var(--cw-edge); display: flex; flex-direction: column; justify-content: center; padding: .8cqw 1cqw 0; gap: .7cqw; overflow: hidden;}
.cw-scene .cw-spotlight-label {font-size: .6cqw; color: var(--cw-accent); font-weight: 750; letter-spacing: .13em;}
.cw-scene .cw-spotlight-title {font-size: 2.1cqw; line-height: 1.06; font-weight: 650; letter-spacing: -.045em; max-width: 90%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere;}
.cw-scene .cw-spotlight-note {font-size: .81cqw; line-height: 1.4; color: var(--cw-muted); max-width: 90%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.cw-scene .cw-particles {position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 5;}
.cw-scene .cw-particle {position: absolute; width: .27cqw; height: .5cqw; border-radius: .04cqw;}
.cw-scene .cw-celebration {position: absolute; z-index: 6; top: 41%; left: 4%; width: 92%; padding: 1.35cqw .6cqw; background: var(--cw-gold); color: #1f271d; border: .1cqw solid #fff1bc; box-shadow: 0 .7cqw 2.3cqw #0008; display: flex; flex-direction: column; align-items: center; gap: .4cqw; text-align: center; border-radius: .45cqw;}
.cw-scene .cw-celebration > span {font-size: .67cqw; letter-spacing: .16em; font-weight: 800;}
.cw-scene .cw-celebration > strong {font-size: 2.8cqw; font-weight: 850; line-height: 1.08; letter-spacing: -.05em;}
.cw-scene .cw-celebration > small {font-size: .85cqw; max-width: 94%; line-height: 1.25;}
.cw-scene .cw-celebration[data-tone="wild"] {background: #d5b6ff; border-color: #efe0ff;}
.cw-scene .cw-celebration[data-tone="wild"] > strong, .cw-scene .cw-celebration[data-tone="multiline"] > strong {font-size: 2.05cqw;}

/* Paper: warm editorial stock, dark type, square inked cards. */
.cw-scene[data-theme="paper"] {--cw-bg: #e9e2d3; --cw-panel: #f6f0e4; --cw-tile: #fffaf0; --cw-text: #263c31; --cw-muted: #626b5b; --cw-edge: #babca7; --cw-gold: #926414; --cw-yes: #246b45; --cw-no: #a5423d; font-family: Georgia, 'Times New Roman', serif;}
.cw-scene[data-theme="paper"] .cw-board {border-radius: 0; border: 1px solid #7a8677; box-shadow: .2cqw .2cqw 0 #78826d44; background-image: repeating-linear-gradient(0deg, #6c664e03 0 1px, transparent 1px 4px);}
.cw-scene[data-theme="paper"] .cw-logo, .cw-scene[data-theme="paper"] .cw-masthead-caption, .cw-scene[data-theme="paper"] .cw-eyebrow, .cw-scene[data-theme="paper"] .cw-summary, .cw-scene[data-theme="paper"] .cw-tile-meta, .cw-scene[data-theme="paper"] .cw-voting, .cw-scene[data-theme="paper"] .cw-tile-state, .cw-scene[data-theme="paper"] .cw-onair, .cw-scene[data-theme="paper"] .cw-event-label {font-family: 'Segoe UI', Arial, sans-serif;}
.cw-scene[data-theme="paper"] .cw-logo b {border-radius: 0; transform: rotate(-3deg);}
.cw-scene[data-theme="paper"] .cw-title {font-size: 1.65cqw; letter-spacing: -.04em; font-weight: 500;}
.cw-scene[data-theme="paper"] .cw-tile {border-radius: 0; box-shadow: 0 .09cqw 0 #b4b3a5;}
.cw-scene[data-theme="paper"] .cw-tile-title {font-weight: 550; letter-spacing: -.035em;}
.cw-scene[data-theme="paper"] .cw-tile[data-wild="true"] {background: #ede1f0; border-color: #b295b9;}
.cw-scene[data-theme="paper"] .cw-tile[data-wild="true"] .cw-kind {color: #78498a;}
.cw-scene[data-theme="paper"] .cw-tile[data-marked="true"] {background: color-mix(in srgb, var(--cw-accent) 24%, #e4ead9); border-color: #53715e;}
.cw-scene[data-theme="paper"] .cw-tile[data-marked="true"] .cw-tile-state, .cw-scene[data-theme="paper"] .cw-tile[data-marked="true"] .cw-tile-state b, .cw-scene[data-theme="paper"] .cw-tile[data-free="true"] .cw-kind {color: #305b3f;}
.cw-scene[data-theme="paper"] .cw-tile[data-line="true"] {background: #f5e4b9; border-color: #ae7c2b;}
.cw-scene[data-theme="paper"] .cw-eyebrow > span:first-child, .cw-scene[data-theme="paper"] .cw-event-label, .cw-scene[data-theme="paper"] .cw-spotlight-label, .cw-scene[data-theme="paper"] .cw-stat:nth-child(2) .cw-stat-value {color: #356545;}
.cw-scene[data-theme="paper"] .cw-celebration {background: #f5d489; border: 2px solid #503d21; border-radius: 0; box-shadow: .3cqw .3cqw 0 #3d3f31; transform: rotate(-2deg);}
.cw-scene[data-theme="paper"] .cw-celebration > strong {font-family: Georgia, 'Times New Roman', serif; font-weight: 700;}

/* Pulse: sharp broadcast plates, cobalt shadows and an accent light rail. */
.cw-scene[data-theme="pulse"] {--cw-bg: #101127; --cw-panel: #181a3a; --cw-tile: #26284c; --cw-text: #f7f4ff; --cw-muted: #b8b4cf; --cw-edge: #484769; --cw-gold: #ffd275; --cw-yes: #8ce3b9; --cw-no: #ffb2c6;}
.cw-scene[data-theme="pulse"] .cw-board {border-radius: 0; border-top: .26cqw solid var(--cw-accent); border-bottom: .26cqw solid var(--cw-accent); background-image: linear-gradient(150deg, #7364cb24, transparent 45%);}
.cw-scene[data-theme="pulse"] .cw-logo {font-style: italic; letter-spacing: -.07em;}
.cw-scene[data-theme="pulse"] .cw-logo b {border-radius: 0; transform: skew(-9deg); color: #181526;}
.cw-scene[data-theme="pulse"] .cw-title {font-weight: 850; text-transform: uppercase; font-size: 1.52cqw; letter-spacing: -.045em;}
.cw-scene[data-theme="pulse"] .cw-tile {border-radius: .1cqw; border-left: .15cqw solid var(--cw-edge); background-image: linear-gradient(130deg, #ffffff08, transparent 65%);}
.cw-scene[data-theme="pulse"] .cw-tile[data-marked="true"] {border-left-color: var(--cw-accent);}
.cw-scene[data-theme="pulse"] .cw-tile[data-line="true"] {border-left-color: var(--cw-gold);}
.cw-scene[data-theme="pulse"] .cw-tile[data-wild="true"] {background: #453059;}
.cw-scene[data-theme="pulse"] .cw-stat-value {font-style: italic; font-size: 1.6cqw;}
.cw-scene[data-theme="pulse"] .cw-onair {border-radius: .12cqw; border-color: var(--cw-accent);}
.cw-scene[data-theme="pulse"] .cw-celebration {border-radius: 0; box-shadow: .3cqw .3cqw 0 var(--cw-accent), 0 .7cqw 2cqw #0008;}
.cw-scene[data-theme="pulse"] .cw-celebration > strong {font-style: italic;}

@media (prefers-reduced-motion: reduce) {
  .cw-scene *, .cw-scene *::before, .cw-scene *::after {animation: none !important; transition: none !important;}
  .cw-scene .cw-particles, .cw-scene .cw-sheen, .cw-scene .cw-line-flash {display: none;}
}