:root{color-scheme:dark;--bg:#111211;--panel:#191c18;--line:#30342c;--muted:#92998a;--lime:#cbf575;--text:#f3f6eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}a{color:inherit;text-decoration:none}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line)}.brand{font-size:26px;font-weight:750;display:flex;align-items:center;gap:12px;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:var(--lime);color:#283018;font-size:25px}.brand-sub{color:var(--muted);font-size:14px;font-weight:400;letter-spacing:0;margin-left:2px}.public-pill{font-size:10px;letter-spacing:1.5px;color:#b9c3ae;border:1px solid var(--line);padding:8px 12px;border-radius:30px}.public-pill i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:7px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;padding:28px 32px;max-width:1920px;margin:auto}.stage{position:relative;aspect-ratio:16/10;max-height:740px;overflow:hidden;border:1px solid #3d4534;border-radius:14px;background:radial-gradient(ellipse at 60% 46%,#2e3925 0%,#1c231b 43%,#171c17 75%)}.stage:before{content:"";pointer-events:none;position:absolute;inset:0;opacity:.17;background-image:linear-gradient(#71836121 1px,transparent 1px),linear-gradient(90deg,#71836121 1px,transparent 1px);background-size:44px 44px}.stage-top,.stage-bottom{position:absolute;z-index:3;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center}.stage-top{top:19px}.badge{border:1px solid #657052;background:#232b20;border-radius:5px;padding:4px 8px;font-size:10px;letter-spacing:1.5px;font-weight:750}.badge.live{background:#d3f787;color:#20300e}.source-tag{font-size:9px;letter-spacing:1.8px;color:#839478}.standby{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:40px 24px 74px}.signal-icon{font-size:58px;line-height:1;color:var(--lime);margin-bottom:20px;transform:rotate(-5deg);font-weight:200}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--lime);font-weight:650;margin:0 0 9px}.standby h1{font-size:clamp(21px,2.4vw,37px);letter-spacing:-1px;font-weight:500;line-height:1.15;margin:0 0 13px}.standby>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#adb9a2;margin:0}.standby-label{margin-top:24px;font-size:9px;border:1px solid #52604566;border-radius:20px;padding:6px 12px;color:#85937c}.stage-bottom{bottom:12px;color:#73826c;font-size:8px;letter-spacing:1.4px}.stage-bottom button{border:0;background:transparent;color:#b6c3aa;font-size:22px;padding:0 3px}.frame{width:100%;height:100%;object-fit:contain;position:absolute;background:#111}.stream-title{display:flex;justify-content:space-between;gap:15px;padding:25px 0 22px;border-bottom:1px solid var(--line)}.stream-title h2{font-size:22px;letter-spacing:-.5px;font-weight:550;margin:0 0 5px}.stream-title p:last-child{color:var(--muted);font-size:12px;margin:0}.category{white-space:nowrap;font-size:10px;border:1px solid var(--line);border-radius:20px;padding:5px 12px;align-self:center;color:#a8b19e}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:19px 0}.info-grid h3{font-size:11px;color:#c8d0be;margin:0 0 7px}.info-grid p{font-size:11px;line-height:1.8;color:#808a79;margin:0}.chat-panel{border:1px solid var(--line);border-radius:14px;background:var(--panel);display:flex;flex-direction:column;min-height:610px;max-height:calc(100vh - 141px);overflow:hidden}.chat-heading{padding:18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.chat-heading>div{display:flex;align-items:center;gap:9px}.chat-heading h2{margin:0;font-size:12px;font-weight:600}.chat-glyph{color:var(--lime);font-size:17px}.chat-heading>span{font-size:9px;color:var(--muted)}.chat-heading>span.connected{color:var(--lime)}.chat-note{padding:20px 19px 15px;font-size:11px;color:#c9d1c0}.chat-note span{color:var(--lime);float:right}.chat-note small{font-size:10px;color:#767f70}.messages{flex:1;overflow-y:auto;min-height:150px;padding:0 19px 15px;scrollbar-width:thin;scrollbar-color:#536343 transparent}.empty-message{margin:28px 0;color:#626e5a;line-height:1.9;font-size:11px}.chat-message{font-size:11px;line-height:1.7;overflow-wrap:anywhere;margin:8px 0}.chat-message strong{color:var(--lime);font-weight:650;margin-right:7px}.chat-message time{color:#68745d;font-size:9px;margin-right:7px}.composer{border-top:1px solid var(--line);padding:14px}.chat-policy{font-size:8px;color:#748269;margin:0 0 10px}input,textarea{width:100%;border:1px solid #3d4934;border-radius:6px;background:#131812;color:#e6eddd;font-size:11px;padding:10px;outline:none}input:focus,textarea:focus{border-color:var(--lime)}input{margin-bottom:7px}textarea{resize:vertical;min-height:72px;max-height:180px}input::placeholder,textarea::placeholder{color:#65725b}.compose-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.compose-bottom>span{font-size:9px;color:#65725b}.compose-bottom button{background:var(--lime);border:0;border-radius:5px;color:#28351b;font-size:10px;font-weight:750;padding:9px 13px}.compose-bottom button span{margin-left:12px}.reconnect{background:transparent;color:var(--lime);border:1px solid #62794a;border-radius:5px;padding:6px 12px;font-size:10px}#chat-error{font-size:10px;color:#e9b182;margin:8px 0 0;min-height:15px}footer{margin:0 32px;border-top:1px solid var(--line);padding:18px 0;color:#56604e;font-size:9px;display:flex;justify-content:space-between}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.stage:fullscreen{width:100vw;height:100vh;max-height:none;border-radius:0}@media(min-width:1500px){.layout{grid-template-columns:minmax(0,1fr) 370px}}@media(max-width:1000px){.layout{padding:20px;gap:18px;grid-template-columns:minmax(0,1fr) 285px}.topbar{padding:0 20px}.stage{aspect-ratio:4/3}.source-tag{display:none}.standby h1{font-size:25px}}@media(max-width:740px){.topbar{height:68px;padding:0 16px}.brand{font-size:23px}.brand-sub{font-size:11px}.public-pill{display:none}.layout{grid-template-columns:1fr;padding:16px;gap:10px}.stage{aspect-ratio:4/3}.standby{padding-bottom:78px}.standby h1{font-size:26px}.standby>p:not(.eyebrow){font-size:11px}.signal-icon{font-size:40px;margin-bottom:14px}.standby-label{margin-top:15px}.chat-panel{min-height:450px;height:540px;max-height:none}.stream-title{padding:20px 0}.stream-title h2{font-size:20px}.info-grid{gap:18px;padding-bottom:10px}footer{margin:0 16px;padding:18px 0}footer span{display:none}}

@media(max-width:740px){#viewer-count{display:inline-flex;font-size:8px;padding:6px 8px}}

.play-link{margin-left:auto;margin-right:18px;padding:9px 14px;border:1px solid #779951;border-radius:20px;color:#cbf575;font-size:12px;font-weight:650}@media(max-width:740px){.play-link{font-size:10px;margin-right:0;padding:8px 10px}.brand-sub{display:none}}