:root{color:#181921;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#111421;--cream:#fff3bd;--paper:#e5e5e9;--teal:#087e80;--teal-dark:#075b5f;--hot:#ff477e;--amber:#ffbd4a;--wood:#7d4e2c;--night:#171b24;background:#1f211e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{height:100dvh;min-height:0;color:var(--ink);background:radial-gradient(circle at 16% 8%,#ffbd4a47,#0000 28rem),radial-gradient(circle at 84% 20%,#087e803d,#0000 24rem),linear-gradient(135deg,#192128 0%,#302f25 52%,#102f34 100%);align-items:center;padding:clamp(8px,1.5vw,18px);display:grid;position:relative;overflow:hidden}.ambient-grid{pointer-events:none;opacity:.36;transform-origin:bottom;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0;transform:perspective(700px)rotateX(58deg)scale(1.4)}.broadcast-room{z-index:1;width:min(920px,100%);margin:0 auto;position:relative}.eyebrow{color:var(--hot);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:900}.signal{background:#8e243e;border-radius:999px;flex:none;width:10px;height:10px;box-shadow:0 0 0 3px #ff477e29}.signal.on{background:#7dff9d;box-shadow:0 0 18px #7dff9d}.room-layout{grid-template-columns:1fr;justify-items:center;gap:0;display:grid}.tv-column{width:min(900px,100%);min-width:0}.tv-cabinet{background:linear-gradient(115deg,#ffffff17,#0000 36%),linear-gradient(45deg,#6b3d21,#a56d35 45%,#50321f);border:6px solid #211713;border-radius:7px;padding:clamp(9px,1.2vw,14px);position:relative;box-shadow:10px 10px #0000006b,inset 0 0 0 3px #ffecac2b}.tv-cabinet:before{pointer-events:none;content:"";border:1px solid #ffffff24;position:absolute;inset:8px}.antenna{transform-origin:bottom;background:#d8d8db;border:1px solid #363840;width:4px;height:45px;position:absolute;top:-35px}.antenna.left{left:32%;transform:rotate(-26deg)}.antenna.right{right:32%;transform:rotate(28deg)}.station-topbar{z-index:3;color:#fff8df;background:#0e1219d1;border:2px solid #fff8df6b;justify-content:space-between;align-items:center;gap:8px;min-height:42px;margin-bottom:9px;padding:6px 10px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,3px 3px #0000004d}.top-actions{flex:none;justify-content:center;align-items:center;gap:6px;display:flex}.tv-screen{aspect-ratio:16/9;background:#090b0f;border:7px solid #171717;border-radius:18px/26px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 52px #000000e6,0 0 0 3px #c4c4ca,0 0 0 6px #111421}.youtube-frame,.youtube-frame>div,.youtube-frame>iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.youtube-frame{pointer-events:none}.player-shield{z-index:5;cursor:default;position:absolute;inset:0}.screen-reflection{z-index:4;pointer-events:none;filter:blur(2px);background:linear-gradient(90deg,#0000,#ffffff29,#0000);width:32%;height:140%;position:absolute;inset:-20% 40% auto auto;transform:rotate(18deg)}.screen-scanlines{z-index:3;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 4px),radial-gradient(circle,#0000 0%,#0000004d 72%);position:absolute;inset:0}.offline-screen{z-index:2;color:#fff8df;text-align:center;background:repeating-linear-gradient(90deg,#0b0d12 0 13px,#161923 13px 26px),radial-gradient(circle,#ffbd4a40,#0000 56%);place-items:center;display:grid;position:absolute;inset:0}.offline-screen span{color:var(--hot);font-weight:1000}.offline-screen strong{text-shadow:5px 5px #10131a;font-size:clamp(2rem,6vw,5.8rem);line-height:.9}.station-deck{z-index:2;grid-template-columns:minmax(0,1fr) minmax(180px,.34fr);gap:8px;padding-top:9px;display:grid;position:relative}.deck-cell{color:#fff8df;background:#0e1219d1;border:2px solid #fff8df6b;min-width:0;min-height:47px;padding:7px 9px;box-shadow:inset 0 0 0 1px #ffffff14,3px 3px #0000004d}.deck-cell>span{color:var(--amber);text-transform:uppercase;font-size:.6rem;font-weight:1000;line-height:1;display:block}.deck-now strong{color:#fff8df;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-top:3px;font-size:.78rem;font-weight:1000;line-height:1.08;display:block;overflow:hidden}.deck-now em{color:#fff8dfad;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-top:2px;font-size:.66rem;font-style:normal;font-weight:800;display:block;overflow:hidden}.viewer-pill{justify-content:center;align-items:center;gap:7px;min-width:0;display:flex}.viewer-pill strong{color:#fff8df;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.72rem;font-weight:1000;overflow:hidden}.deck-icon-button,.chat-toggle,.message-row button{color:#fff8df;background:var(--teal);border:2px solid #111421;place-items:center;min-width:0;padding:0;line-height:0;display:grid;box-shadow:3px 3px #111421}.deck-icon-button{color:#13262c;background:#fff8df;flex:none;width:36px;height:36px}.deck-icon-button svg,.chat-toggle svg,.message-row button svg{display:block}.deck-progress{flex-direction:column;justify-content:center;gap:6px;display:flex}.time-row{color:#fff8df;justify-content:space-between;align-items:center;gap:12px;font-size:.7rem;font-weight:1000;display:flex}.time-row span{color:var(--amber)}.mini-progress{background:#fff8df2e;border:1px solid #fff8df61;height:6px;overflow:hidden}.mini-progress span{background:linear-gradient(90deg, var(--hot), var(--amber));height:100%;transition:width .35s linear;display:block}.chat-toggle{background:var(--hot);text-transform:uppercase;grid-template-columns:auto auto auto;align-items:center;gap:5px;min-height:36px;padding:5px 7px;font-size:.7rem;font-weight:1000;line-height:1}.chat-toggle em{color:#111421;background:#fff8df;border:1px solid #111421;place-items:center;min-width:18px;height:18px;font-size:.62rem;font-style:normal;display:grid}.chat-popover{z-index:12;background:#e5e5e9;border:3px solid #111421;grid-template-rows:auto minmax(110px,1fr) auto;width:min(340px,100% - clamp(18px,2.4vw,28px));max-height:min(360px,58dvh);display:grid;position:absolute;top:calc(clamp(9px,1.2vw,14px) + 47px);right:clamp(9px,1.2vw,14px);overflow:hidden;box-shadow:5px 5px #00000052}.panel-title{color:#fff8df;background:linear-gradient(90deg, var(--teal), var(--teal-dark));border-bottom:3px solid #111421;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.panel-title h2{letter-spacing:0;text-transform:uppercase;margin:1px 0 0;font-size:.95rem;line-height:1}.panel-title span{color:#121421;background:#fff8df;border:2px solid #111421;padding:3px 6px;font-size:.68rem;font-weight:900}.messages{background:linear-gradient(#ffffffc2,#ffffffc2),repeating-linear-gradient(0deg,#0000 0 27px,#087e801a 27px 28px);flex-direction:column;gap:6px;padding:8px;display:flex;overflow-y:auto}.empty-chat{color:#595e6f;margin:auto;font-size:.82rem;font-weight:900}.message{background:#fff8df;border:2px solid #111421;padding:6px 7px;box-shadow:3px 3px #11142140}.message div{justify-content:space-between;align-items:baseline;gap:7px;display:flex}.message strong{overflow-wrap:anywhere;min-width:0;color:var(--teal-dark);align-items:center;gap:5px;font-size:.78rem;display:flex}.you-label{color:#fff8df;background:var(--hot);text-transform:uppercase;border:1px solid #111421;flex:none;padding:1px 4px;font-size:.54rem;font-weight:1000;line-height:1}.message time{color:#656b78;white-space:nowrap;font-size:.62rem;font-weight:800}.message p{overflow-wrap:anywhere;color:#171b24;margin:3px 0 0;font-size:.78rem;line-height:1.22}.chat-form{background:#c8c9d0;border-top:3px solid #111421;gap:7px;padding:8px;display:grid}.chat-form label{gap:4px;display:grid}.chat-form label span{color:#333746;text-transform:uppercase;font-size:.62rem;font-weight:900}.chat-form input{color:#111421;background:#fff8df;border:3px solid #111421;border-radius:0;outline:none;width:100%;min-height:32px;padding:7px 8px;box-shadow:inset 3px 3px #0000001f}.chat-form input:focus{border-color:var(--hot)}.message-row{grid-template-columns:minmax(0,1fr) 38px;gap:6px;display:grid}.message-row button{background:var(--hot)}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1114217a;place-items:center;padding:clamp(12px,3vw,22px);display:grid;position:fixed;inset:0}.roadmap-window{background:linear-gradient(115deg,#ffffff17,#0000 36%),linear-gradient(45deg,#6b3d21,#a56d35 45%,#50321f);border:5px solid #211713;border-radius:7px;width:min(520px,100%);max-height:calc(100dvh - 36px);overflow:auto;box-shadow:8px 8px #0000006b,inset 0 0 0 3px #ffecac2b}.roadmap-window header{color:#fff8df;background:#0e1219db;border:2px solid #fff8df6b;justify-content:space-between;align-items:center;gap:10px;min-height:38px;margin:8px 8px 0;padding:5px 6px 5px 10px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14,3px 3px #0000004d}.roadmap-window h2{color:#fff8df;letter-spacing:0;text-transform:uppercase;margin:0;font-size:1rem;font-weight:1000;line-height:1}.roadmap-window header button{color:#13262c;background:#fff8df;border:2px solid #111421;flex:none;place-items:center;width:29px;height:29px;padding:0;line-height:0;display:grid;box-shadow:3px 3px #111421}.roadmap-window header button svg{display:block}.roadmap-body{background:#e5e5e9;border:3px solid #111421;margin:8px;padding:14px;box-shadow:inset 3px 3px #ffffff7a}.roadmap-lede{color:#131729;margin:0 0 12px;font-size:clamp(.9rem,2vw,1.02rem);font-weight:1000;line-height:1.24}.roadmap-window ol{color:#101421;background:#fff6c8;border:3px solid #111421;margin:0 0 12px;padding:12px 16px 12px 38px;font-size:clamp(.86rem,1.8vw,.98rem);font-weight:1000;line-height:1.28;box-shadow:4px 4px #11142140,inset -3px -3px #0000001f}.roadmap-window li+li{margin-top:7px}.contract-row{color:#121421;background:#fff8df;border:2px solid #111421;align-items:center;gap:10px;min-height:42px;margin-bottom:12px;padding:8px 12px;font-size:.96rem;font-weight:1000;display:flex;box-shadow:3px 3px #11142140}.contract-row span{color:#4e5360;text-transform:uppercase;font-size:.76rem}.checkbox-row{color:#121421;align-items:center;gap:10px;font-size:.9rem;font-weight:1000;display:flex}.checkbox-row input{width:24px;height:24px;accent-color:var(--hot)}@media (width<=980px){.station-deck{grid-template-columns:minmax(0,1fr) minmax(170px,auto);grid-template-areas:"now progress"}.deck-now{grid-area:now}.deck-progress{grid-area:progress}}@media (width<=720px){.app-shell{align-items:center;min-height:100dvh;padding:7px}.broadcast-room{width:100%}.tv-cabinet{padding:7px}.station-topbar{align-items:stretch;gap:6px;min-height:36px;margin-bottom:7px;padding:5px}.top-actions{gap:6px}.tv-screen{border-width:5px}.station-deck{grid-template-columns:minmax(0,1fr);grid-template-areas:"now""progress";gap:6px;padding-top:7px}.deck-cell{min-height:45px;padding:6px}.deck-now,.deck-status{place-self:start stretch}.deck-progress{justify-self:stretch}.deck-now strong{font-size:.78rem}.deck-now em,.viewer-pill strong,.time-row,.chat-toggle{font-size:.68rem}.viewer-pill{width:100%}.deck-icon-button{width:27px;height:27px}.chat-toggle{justify-content:center;width:100%;min-height:27px;padding:4px 6px}.chat-popover{width:min(330px,100% - 14px);max-height:min(330px,61dvh);top:50px;right:7px}.roadmap-window{width:min(450px,100%)}.roadmap-window header{margin:7px 7px 0}.roadmap-body{margin:7px;padding:12px}.roadmap-window ol{padding-left:34px}}