.detail-expand{display:none}
/* Phone layout: readable controls and a player that fits the visual viewport. */
html{scroll-padding-top:12px}body{overflow-x:clip}button,input,select{touch-action:manipulation}img{max-width:100%}
@media(max-width:680px){
  body{background-position:center 92px;background-size:auto 335px;-webkit-text-size-adjust:100%}
  .wrap{padding-right:12px;padding-left:12px}
  .top{min-height:104px;height:auto;display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:0 12px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:0}
  .top>.logo{font-size:21px;letter-spacing:2px;line-height:1;min-height:44px;display:flex;align-items:center}
  .online-presence{min-height:44px;gap:6px}.online-presence strong{font-size:9px}.online-dot{width:8px;height:8px}
  .top>.saved{min-height:40px;padding:8px 10px;font-size:11px;gap:7px}.saved b{font-size:10px}
  .top nav{flex:0 0 100%;min-width:0;height:48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;order:3}
  .top nav .nav{padding:0 4px;min-height:44px;font-size:12px;white-space:nowrap}
  .subline{height:72px}
  .poster-shelf{margin-bottom:18px;gap:9px;padding:9px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;outline-width:2px}
  .poster-shelf::-webkit-scrollbar{display:none}.poster-shelf button{flex:0 0 100px;scroll-snap-align:start;border-width:2px}
  .poster-shelf span{opacity:1;font-size:10px;line-height:1.3;padding:12px 5px 5px;background:linear-gradient(transparent,#000e);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .catalog-heading{min-height:46px;padding:10px 12px;gap:8px}.catalog h2{font-size:16px;line-height:1.3}.catalog-count{font-size:10px;max-width:90px;white-space:normal}
  .search-row{gap:8px;margin-top:12px;min-width:0}.search{height:46px;min-width:0;padding:0 10px;gap:6px}.search input{font-size:16px;min-width:0}.search input::placeholder{font-size:12px}.search-row>select{min-height:46px;max-width:118px;width:118px;padding:0 6px;font-size:14px}
  .mobile-filters{gap:8px}.mobile-filters select{height:44px;font-size:16px;min-width:0;width:calc(50% - 4px);padding:0 8px}
  .tabs{height:auto;min-height:51px;flex-wrap:wrap;column-gap:17px;row-gap:0;padding:3px 0}.tab{min-height:44px;font-size:12px}.reset{min-height:38px;font-size:11px}#filterLabel{font-size:10px;max-width:110px}
  .card{grid-template-columns:minmax(98px,31%) minmax(0,1fr);gap:0 12px;padding:18px 0}.card-title{font-size:17px;line-height:1.35;margin-bottom:13px}.poster{border-width:2px}.bookmark{width:38px;height:40px;font-size:23px;top:4px;right:4px}.rating{font-size:9px;left:4px;top:4px;padding:4px 5px}.quality{font-size:8px;bottom:5px;left:5px}
  .row-details{font-size:12px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.row-details p{-webkit-line-clamp:3;margin-bottom:10px}.row-details dl>div{margin:3px 0;gap:3px}.row-details dl>div:last-child{display:flex}.row-details dt{font-weight:600}.row-open{min-height:40px;padding:8px 9px;font-size:11px;margin-top:10px}
  .pagination{gap:7px;flex-wrap:wrap;margin:22px 8px}.pagination button{min-width:42px;height:42px;font-size:13px}.page-gap{padding-top:13px}
  .catalog-info h3{font-size:13px;line-height:1.6}.catalog-info p{font-size:12px;line-height:1.7}.catalog-info{padding-bottom:13px}
  footer{gap:12px;min-height:88px;padding-bottom:max(20px,env(safe-area-inset-bottom))!important}footer>span{font-size:11px}
  dialog#detail{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:12px 12px max(18px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
  #detail>.close{position:sticky;top:0;float:right;z-index:50;width:40px;height:40px;font-size:26px;margin:0 0 3px 5px;background:#41464b;border:1px solid #646b72}
  #detailBody{clear:both}.detail-top{grid-template-columns:83px minmax(0,1fr);gap:12px;margin-top:0}.detail-top>img{width:83px;border-radius:3px}.detail-top h2{font-size:20px;line-height:1.25;margin:5px 0 10px;overflow-wrap:anywhere}.detail-top .hero-meta{font-size:10px;gap:8px}.detail-top p{font-size:12px;line-height:1.55;margin:10px 0}.detail-top p:nth-of-type(2){display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.detail-top p:nth-of-type(3){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail-top .secondary{min-height:40px;padding:9px 12px;font-size:11px;margin-top:2px}
  .video-box{margin-top:18px;clear:both}.video-toolbar{padding:9px;gap:9px}.video-sources{width:100%;gap:6px}.video-sources button{flex:1;min-height:40px;padding:8px;font-size:12px}.translation-label{gap:8px;font-size:12px}.translation-label select{height:44px;max-width:calc(100% - 66px);font-size:16px;min-width:0}.video-frame{min-height:0;aspect-ratio:16/9}.video-start{min-height:200px}.video-help{gap:9px;align-items:center;padding:8px 9px;font-size:10px;line-height:1.5}.video-reload{font-size:10px;min-height:36px;white-space:normal;max-width:100px;text-align:right}
  .toast{max-width:calc(100vw - 24px);width:max-content;bottom:max(15px,env(safe-area-inset-bottom));font-size:12px;padding:12px 15px}
}
@media(max-width:360px){.top{column-gap:8px}.top>.logo{font-size:19px}.top>.saved{font-size:10px;padding:7px 8px}.top nav .nav{font-size:11px}.search-row>select{width:104px;max-width:104px;font-size:12px}.card{gap:0 9px;grid-template-columns:96px minmax(0,1fr)}.card-title{font-size:16px}.row-details{font-size:11px}.tabs{column-gap:13px}.tab{font-size:11px}.detail-top{grid-template-columns:70px minmax(0,1fr)}.detail-top>img{width:70px}.detail-top h2{font-size:18px}}

@media(max-width:680px){.detail-expand{display:block;border:0;background:none;color:#dfdf92;text-decoration:underline;padding:4px 0;font-size:12px;min-height:32px;text-align:left}.detail-top p.film-description.expanded{-webkit-line-clamp:unset;display:block}.search-row>select{font-size:16px}}