@media (max-width:850px) { .app-shell { padding:0 22px; }.app-status { display:none; }.rooms-grid { grid-template-columns:repeat(2,1fr); }.room-layout { grid-template-columns:1fr; }.control-desk { border-left:0; border-top:1px solid var(--line); padding:28px 0 0; }.control-cluster { justify-content:space-between; max-width:370px; } }
@media (max-width:560px) { .app-shell { padding:0 15px; }.app-bar { height:64px; }.utility-nav { gap:11px; }.utility-nav a { font-size:.58rem; }.wordmark { font-size:.72rem; }.wordmark span { height:23px; width:23px; }.lobby-view { gap:82px; padding-top:72px; }.lobby-hero h1 { font-size:clamp(4rem,21vw,6rem); }.section-heading { align-items:start; flex-direction:column; gap:10px; }.rooms-grid { grid-template-columns:1fr; }.watch-stage { min-height:0; }.room-view { padding-top:15px; }.stage-header { padding-bottom:14px; }.player-shell { margin:0 -15px; }.player-chrome { padding:9px 12px; }.room-layout { gap:34px; margin-top:40px; }.title-sheet { gap:17px; grid-template-columns:76px 1fr; }.title-copy h1 { font-size:2.8rem; }.overview { font-size:.85rem; margin:18px 0; }.poster-frame { min-height:114px; }.site-footer { font-size:.58rem; gap:12px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; scroll-behavior:auto !important; transition-duration:.01ms !important; } }