@media (max-width:1060px){
 html,body{max-width:100%;overflow-x:clip}
 *,*::before,*::after{min-width:0}
 img,video,iframe,svg{max-width:100%}
 .container,.room-app{max-width:calc(100% - 32px)}
 .nav{gap:12px}.brand{flex-shrink:0}.nav-actions{margin-left:auto;min-width:0}
 .watch-shell,.room-layout,.download-wrap{grid-template-columns:minmax(0,1fr)}
 .room-layout,.watch-shell{min-width:0}
 .player-panel,.side-panel,.room-sidebar,.download-panel{min-width:0}
 .section-head,.room-head,.discover-top{gap:16px;flex-wrap:wrap}
 .room-head-actions,.hero-actions,.gate-actions,.discover-filters{flex-wrap:wrap}
 .room-grid,.discover-grid,.feature-grid,.support-grid,.download-meta,.platform-row{min-width:0}
 .modal-card,.join-card{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}
 input,select,textarea{max-width:100%}
 .footer{gap:20px;flex-wrap:wrap}
}
@media (max-width:760px){
 .nav{height:auto;min-height:64px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
 .nav-actions{gap:6px}.nav-actions .button{height:38px;padding-inline:10px}
 .container,.room-app{width:calc(100% - 28px);max-width:calc(100% - 28px)}
 .hero{padding:58px 0 40px}.hero h1,.page-hero h1{font-size:clamp(36px,9.5vw,52px);line-height:1.04;letter-spacing:-.055em;overflow-wrap:break-word}
 .hero-copy,.page-hero p{font-size:14px;line-height:1.65;max-width:100%;min-height:0}
 .hero-actions{align-items:stretch}.hero-actions .button{flex:1 1 145px}
 .hero-proof{flex-wrap:wrap;margin-top:28px;line-height:1.6}
 .page-hero{padding-top:50px}.section{max-width:100%}
 .window{border-radius:15px}.window-bar{gap:7px;padding:0 10px}.address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live{flex-shrink:0}
 .watch-shell{min-height:0}.stage{min-height:260px;padding:22px}.stage h3{font-size:clamp(23px,6vw,34px);overflow-wrap:anywhere}
 .side-panel,.room-sidebar{padding:16px}
 .room-app{margin-top:25px;margin-bottom:50px}.room-head{align-items:flex-start}.room-head h1{font-size:clamp(24px,7vw,32px)}
 .room-head-actions{width:100%}.room-head-actions .button{flex:1 1 140px}
 .room-layout{min-height:0}.player-panel{padding:9px}.player-stage{height:auto;min-height:220px;aspect-ratio:16/10}
 .player-stage iframe,.player-stage video{max-width:100%;max-height:100%}
 .movie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 .room-grid,.discover-grid,.feature-grid,.feature-grid-dense,.support-grid,.download-meta,.rules-list{grid-template-columns:minmax(0,1fr)}
 .discover-actions,.discover-search{width:100%;min-width:0}.discover-filters{gap:7px}
 .pricing-card,.download-panel{padding:20px}.footer{align-items:flex-start;flex-direction:column;padding-top:24px}.footer-links{flex-wrap:wrap}
 .toast{width:max-content;max-width:calc(100vw - 24px);text-align:center}
}
@media (max-width:380px){
 .container,.room-app{width:calc(100% - 20px);max-width:calc(100% - 20px)}
 .nav{gap:6px}.brand{gap:6px;font-size:14px}.brand img{width:27px;height:27px}.nav-actions .button{padding-inline:8px;font-size:10px}
 .hero h1,.page-hero h1{font-size:36px}.hero-actions .button{flex-basis:100%}
 .movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage{padding:15px;min-height:215px}
 .room-head-actions .button{flex-basis:100%}.pricing-card,.download-panel{padding:15px}
}
@media (max-width:760px) and (orientation:landscape){.player-stage{min-height:200px;max-height:72dvh;aspect-ratio:16/8}.stage{min-height:220px}}


@media (max-width:700px){
 .nav-actions .button:first-child,
 .nav-actions [data-join-room]{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
 .nav-shell .nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
 .nav-shell .nav-actions{display:flex;flex:0 0 auto;gap:7px;margin-left:auto;align-items:center}
 .nav-shell .nav-actions .button{white-space:nowrap;min-width:0;font-size:11px;padding-inline:10px;height:38px}
}
@media (max-width:390px){
 .nav-shell .nav-actions{width:100%;flex:1 1 100%;margin-left:0}
 .nav-shell .nav-actions .button{flex:1 1 0;padding-inline:6px;font-size:11px}
}

@media(max-width:700px){.brand img{width:44px;height:44px;flex:0 0 44px}}@media(max-width:380px){.brand img{width:38px;height:38px;flex-basis:38px}}