:root{font-family:Arial,Helvetica,sans-serif;font-synthesis:none;color:#f5f1e6;background:#111e25}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit}#cast-stage{width:100vw;height:100vh;display:grid;place-items:center;overflow:hidden}.board-wrap{width:100%;height:100%;padding:1.1vw;display:flex;flex-direction:column;gap:1vw}.board-layout{display:grid;gap:1vw;flex:1;min-height:0}.layout-full{grid-template-columns:1fr}.layout-split{grid-template-columns:1fr 1fr}.layout-sidebar{grid-template-columns:1.65fr 1fr;grid-template-rows:1fr 1fr}.layout-sidebar>:first-child{grid-row:span 2}.layout-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.board-zone{min-width:0;min-height:0;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#192b30;border-radius:.5vw;container-type:size}.ticker{height:4vh;min-height:20px;display:flex;align-items:center;overflow:hidden;color:#e8e1d4;font-size:1.35vw;line-height:1.3;white-space:nowrap}.ticker span{padding-left:100%;animation:marquee 55s linear infinite}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}.mode-badge{position:fixed;top:12px;left:16px;padding:6px 9px;border:1px solid #ffffff3b;color:white;background:#132b2d90;border-radius:5px;font-size:9px;letter-spacing:1.5px;pointer-events:none}.trial-badge{position:fixed;right:60px;top:15px;font-size:10px;letter-spacing:2px;opacity:.7;pointer-events:none}.player-fullscreen{position:fixed;bottom:15px;right:16px;width:37px;height:37px;display:grid;place-items:center;color:#fff;background:#132b2d60;border:1px solid #ffffff25;border-radius:6px;font-size:26px;opacity:0;transition:opacity .2s;z-index:20;cursor:pointer}body:hover .player-fullscreen,.player-fullscreen:focus-visible{opacity:1}.player-loading,.display-paused{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;padding:6vw}.player-loading{font-size:40px;letter-spacing:-2px}.player-loading b{color:#dc714b}.player-loading span{font-size:13px;letter-spacing:0;color:#a7b9ad}.display-paused h1{font-size:clamp(22px,3vw,42px);font-weight:400;max-width:850px;line-height:1.3}.display-paused p{color:#9aae9d;font-size:14px}.pause-brand{font-size:25px;color:#db7852}.connection{position:fixed;bottom:15px;left:15px;font-size:10px;padding:8px 12px;background:#18272bec;border:1px solid #ffffff20;border-radius:5px;color:#e1c792;z-index:25}.portrait .board-wrap{max-width:56.25vh;max-height:100vh;aspect-ratio:9/16;padding:1vh;gap:1vh}.portrait .board-layout{gap:1vh}.portrait .layout-sidebar{grid-template-columns:1fr 1fr;grid-template-rows:1.65fr 1fr}.portrait .layout-sidebar>:first-child{grid-row:auto;grid-column:span 2}.portrait .ticker{font-size:1.8vh}.landscape .board-wrap{max-width:177.78vh;max-height:56.25vw;aspect-ratio:16/9}#cast-stage:fullscreen{background:#111e25}[hidden]{display:none!important}

.board-layout.layout-free{display:block;position:relative;gap:0;isolation:isolate}.layout-free>.board-zone{position:absolute;border-radius:0}.free-zone-content{position:absolute;inset:0;width:100%;height:100%;transform-origin:center;display:flex;align-items:center;justify-content:center;container-type:size}
.decorative-line{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.line-moving path{animation:cast-line-flow var(--line-speed,4s) linear infinite}.line-moving.line-solid path{animation:cast-line-glow var(--line-speed,4s) ease-in-out infinite}@keyframes cast-line-flow{to{stroke-dashoffset:-240}}@keyframes cast-line-glow{0%,100%{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.line-moving path{animation:none!important}}
.layout-free>.board-zone{background:transparent}
.zone-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;container-type:size}.playlist-nav{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);max-width:94%;display:flex;align-items:center;justify-content:center;gap:4px;padding:3px 5px;border:1px solid #ffffff30;border-radius:7px;background:#10282dd9;color:white;z-index:15;opacity:.7;white-space:nowrap}.board-zone:hover .playlist-nav,.playlist-nav:focus-within{opacity:1}.playlist-nav button{border:0;background:transparent;color:white;min-width:24px;height:26px;font-size:25px;line-height:1;padding:0 4px;cursor:pointer}.playlist-nav button:hover,.playlist-nav button:focus-visible{background:#ffffff25;border-radius:4px}.playlist-nav span{font-size:10px;font-weight:600;min-width:30px;text-align:center}

/* Pixel sizing for webOS 4 / Chromium 53 (no grid, gap or container units). */
.legacy-layout .text-card{padding:calc(var(--zone-w) * 9) calc(var(--zone-w) * 8)}.legacy-layout .text-card:after{width:calc(var(--zone-w) * 65);height:calc(var(--zone-w) * 65);border:calc(var(--zone-w) * 10) solid #ffffff12;right:-calc(var(--zone-w) * 35);bottom:-calc(var(--zone-w) * 25)}.legacy-layout .text-card h1{font-size:calc(var(--zone-w) * 10);margin:calc(var(--zone-h) * 5) 0 calc(var(--zone-h) * 4)}.legacy-layout .text-card p{font-size:calc(var(--zone-w) * 3.4)}.legacy-layout .card-eyebrow{font-size:calc(var(--zone-w) * 1.8)}.legacy-layout .card-stamp{font-size:calc(var(--zone-w) * 1.6);bottom:calc(var(--zone-h) * 4);left:calc(var(--zone-w) * 8)}.legacy-layout .clock-card{padding:calc(var(--zone-w) * 7)}.legacy-layout .clock-date{font-size:calc(var(--zone-w) * 2.9)}.legacy-layout .clock-time{font-size:calc(var(--zone-w) * 15);margin:calc(var(--zone-h) * 4) 0}.legacy-layout .clock-message{font-size:calc(var(--zone-w) * 2.6)}.legacy-layout .content-loading,.legacy-layout .content-error,.legacy-layout .empty-zone{font-size:calc(var(--zone-w) * 2)}.legacy-layout .layout-free .text-card h1{font-size:calc(var(--zone-w) * 10)}.legacy-layout .layout-free .text-card p{font-size:calc(var(--zone-w) * 3.4)}.legacy-layout .layout-free .card-eyebrow{font-size:calc(var(--zone-w) * 1.8)}.legacy-layout .layout-free .card-stamp{font-size:calc(var(--zone-w) * 1.6)}.legacy-layout .layout-free .clock-time{font-size:calc(var(--zone-w) * 15)}.legacy-layout .layout-free .clock-date{font-size:calc(var(--zone-w) * 2.9)}.legacy-layout .layout-free .clock-message{font-size:calc(var(--zone-w) * 2.6)}.legacy-layout .layout-free .text-card h1{font-size:calc(calc(var(--zone-w) * 10) * var(--content-scale,1))}.legacy-layout .layout-free .text-card p{font-size:calc(calc(var(--zone-w) * 3.4) * var(--content-scale,1))}.legacy-layout .layout-free .card-eyebrow{font-size:calc(calc(var(--zone-w) * 1.8) * var(--content-scale,1))}.legacy-layout .layout-free .card-stamp{font-size:calc(calc(var(--zone-w) * 1.6) * var(--content-scale,1))}.legacy-layout .layout-free .clock-time{font-size:calc(calc(var(--zone-w) * 15) * var(--content-scale,1))}.legacy-layout .layout-free .clock-date{font-size:calc(calc(var(--zone-w) * 2.9) * var(--content-scale,1))}.legacy-layout .layout-free .clock-message{font-size:calc(calc(var(--zone-w) * 2.6) * var(--content-scale,1))}
@supports not (display:grid){#cast-stage{display:flex;align-items:center;justify-content:center}.board-layout{display:block;position:relative}.board-zone{position:absolute}.layout-full>.board-zone{left:0;top:0;width:100%;height:100%}.layout-split>.board-zone{top:0;width:49.4%;height:100%}.layout-split>.board-zone:first-child{left:0}.layout-split>.board-zone:nth-child(2){right:0}.layout-sidebar>.board-zone:first-child{left:0;top:0;width:61.5%;height:100%}.layout-sidebar>.board-zone:nth-child(2),.layout-sidebar>.board-zone:nth-child(3){right:0;width:37.3%;height:49.4%}.layout-sidebar>.board-zone:nth-child(2){top:0}.layout-sidebar>.board-zone:nth-child(3){bottom:0}.layout-grid>.board-zone{width:49.4%;height:49.4%}.layout-grid>.board-zone:nth-child(odd){left:0}.layout-grid>.board-zone:nth-child(even){right:0}.layout-grid>.board-zone:nth-child(-n+2){top:0}.layout-grid>.board-zone:nth-child(n+3){bottom:0}.portrait .layout-sidebar>.board-zone:first-child{left:0;top:0;width:100%;height:61.5%}.portrait .layout-sidebar>.board-zone:nth-child(2),.portrait .layout-sidebar>.board-zone:nth-child(3){top:auto;bottom:0;width:49.4%;height:37.3%}.portrait .layout-sidebar>.board-zone:nth-child(2){left:0}.portrait .layout-sidebar>.board-zone:nth-child(3){right:0}}
.player-loading span{line-height:1.6;max-width:650px}.player-loading button{margin-top:20px;padding:12px 22px;border:1px solid #dc714b;border-radius:6px;background:#253a3b;color:white;cursor:pointer}

.legacy-layout .display-paused h1{font-size:32px}.legacy-layout .free-zone-content{left:0;top:0}.legacy-layout .ticker{margin-top:1vw}.legacy-layout .content-loading,.legacy-layout .content-error,.legacy-layout .empty-zone{font-size:18px}

/* A persistent shell overlay survives scene changes, errors and fullscreen. */
.preview-watermark{position:fixed;top:50%;left:50%;width:150vw;transform:translate(-50%,-50%) rotate(-20deg);z-index:9999;pointer-events:none;text-align:center;color:rgba(255,255,255,.42);background:rgba(0,0,0,.16);border-top:2px solid rgba(255,255,255,.32);border-bottom:2px solid rgba(255,255,255,.32);text-shadow:0 2px 10px rgba(0,0,0,.7);padding:2vw 0;font-family:Arial,Helvetica,sans-serif}
.preview-watermark span{display:block;font-size:18vw;line-height:1;font-weight:900;letter-spacing:.08em}.preview-watermark small{display:block;font-size:1.5vw;font-weight:bold;letter-spacing:.18em;margin-top:1vw}.screen-reload{padding:14px 24px;background:#dc714b;color:white;border:0;border-radius:6px;cursor:pointer}.legacy-layout .empty-zone.positive-message{font-size:calc(var(--zone-w) * 8)}