/* Smartphone is the primary viewing experience. Desktop keeps its original composition. */
@media(max-width:768px){
 :root{--rail:0px}.rail{display:none}.page{margin-left:0}body{padding-bottom:env(safe-area-inset-bottom);overflow-x:hidden}header{height:auto;min-height:64px;padding:calc(8px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));gap:10px}.room-link{font-size:12px;white-space:nowrap}.room-link:before{content:'wtf.';color:var(--lime);font-size:27px;font-weight:900;letter-spacing:-2px;margin-right:13px}.room-icon{display:none}.header-right{gap:7px;flex-wrap:wrap;justify-content:flex-end}.private-label{font-size:9px}#userBadge{font-size:10px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#logout{min-height:44px;font-size:11px;padding:8px 5px}#adminLink{font-size:11px;color:var(--lime);padding:12px 3px}main{padding:0 max(16px,env(safe-area-inset-left));max-width:650px}.intro{padding:24px 0 22px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}h1{font-size:31px;letter-spacing:-1.4px;line-height:1.12}.intro p{font-size:12px;line-height:1.6;margin-top:12px;max-width:350px}.desktop-break{display:none}.intro-number{display:none}.section-heading{margin-bottom:12px}.section-title h2{font-size:13px}.status-tag{font-size:8px;padding:7px 9px}.player-shell{aspect-ratio:auto;min-height:0;border-radius:12px 12px 0 0}.player-overlay{position:relative;inset:auto;min-height:350px;justify-content:center;padding:58px 18px 22px}.login-card{width:100%;max-width:400px;padding:23px 22px;background:#15181bf0;border:1px solid #45513c;border-radius:10px;backdrop-filter:blur(8px)}.login-card h3{font-size:26px;letter-spacing:-.8px;margin:12px 0}.login-card p{font-size:12px;line-height:1.6;margin-bottom:21px}.card-kicker{font-size:9px}.login-card label{font-size:12px;margin-bottom:9px}.login-card input{min-height:50px;font-size:16px;padding:13px 14px;border-radius:7px}#username{margin-bottom:17px}.password-field input{padding-right:48px}.password-field button{min-width:44px;min-height:44px;top:3px;right:3px;font-size:18px}.login-card .primary-button{min-height:51px;font-size:13px;padding:16px;border-radius:7px;margin-top:22px}.login-card .primary-button span{font-size:20px}.login-note{font-size:10px;line-height:1.5;margin-top:18px}.login-card .form-error{font-size:12px;margin:12px 0 0}.player-top{top:20px;left:20px;right:20px}.player-logo{font-size:14px}.player-private{font-size:7px}.ghost-word{font-size:150px;left:-30px;top:25%;opacity:.5}.ambient-label{display:none}.player-footer{padding:14px;gap:13px;flex-direction:column;align-items:stretch;border-radius:0 0 12px 12px}.player-footer>div:first-child{font-size:11px;min-height:20px;line-height:1.5}.player-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}.player-actions button{min-height:46px;background:#24272c;border:1px solid #363b3d;border-radius:7px;font-size:12px;color:#d2d7ca;padding:10px 13px;text-align:center}#soundButton{grid-column:1/-1;background:var(--lime);color:#172012;border-color:var(--lime);font-weight:700;font-size:14px;min-height:50px}.details{grid-template-columns:1fr;margin:22px 0 25px}.details article,.details article:first-child,.details article:last-child{border-right:0;border-bottom:1px solid var(--line);padding:18px 0;gap:15px}.details article:last-child{border-bottom:0}.details h3{font-size:13px;margin-bottom:7px}.details p{font-size:11px;line-height:1.6}.details p br{display:none}.detail-number{font-size:9px}.detail-icon{display:block}.signed-in .intro{display:none}.signed-in .section-heading{margin-top:18px}.signed-in .details{display:none}.signed-in footer{margin-top:25px}.signed-in .player-shell:has(video:not([hidden])){aspect-ratio:16/9;min-height:0}.signed-in .player-shell:has(video:not([hidden])) .player-overlay{position:absolute;inset:0;padding:0;min-height:0}.offline-card{padding:38px 10px 25px;max-width:360px}.offline-card h3{font-size:25px;line-height:1.2}.offline-card p{font-size:13px}.offline-card small{font-size:11px}.offline-card .secondary-button{min-height:46px;font-size:12px}.offline-symbol{width:54px;height:54px;margin-bottom:22px}.theater .player-shell{min-height:0;aspect-ratio:auto}.theater .player-shell:has(video:not([hidden])){aspect-ratio:16/9;min-height:0}footer{padding:20px 16px;font-size:9px;gap:12px}footer>span:nth-child(2){display:none}.player-shell:fullscreen{height:100dvh;width:100vw;aspect-ratio:auto!important;border-radius:0}.player-shell:fullscreen .player-overlay{position:absolute;inset:0}.player-shell:fullscreen video{height:100%;width:100%;object-fit:contain}
}
@media(max-width:380px){h1{font-size:28px}.intro{padding-top:20px}.intro p{font-size:11px}.login-card{padding:22px 17px}.player-overlay{padding:55px 12px 17px}.login-card h3{font-size:23px}.private-label{font-size:8px}.header-right{gap:4px}#userBadge{max-width:80px}#logout{font-size:10px}}
@media(max-height:520px) and (orientation:landscape) and (max-width:1000px){.signed-in header,.signed-in .section-heading,.signed-in footer{display:none}.signed-in main{padding:8px max(12px,env(safe-area-inset-left))}.signed-in .stream-section{margin:0}.signed-in .player-shell:has(video:not([hidden])){aspect-ratio:16/9;height:calc(100dvh - 76px);width:100%;min-height:0}.signed-in .player-footer{padding:5px 12px;flex-direction:row;align-items:center}.signed-in .player-actions{display:flex;justify-content:flex-end;width:auto}.signed-in .player-actions button{min-height:40px;padding:6px 12px}.signed-in #connectionText{max-width:180px;font-size:10px}}