/* Responsive additions. Keep desktop design and all server-side actions intact. */
body.reference-ui .genre-link>.genre-count{display:none!important}
body.reference-ui .layout>*,body.reference-ui main>*,body.reference-ui .classic-release-grid>*,body.reference-ui .detail-grid>*{min-width:0}
body.reference-ui .mobile-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin:8px 0}
body.reference-ui .mobile-table-scroll:focus-visible{outline:2px solid #087fff;outline-offset:2px}
@media(max-width:1000px){
 body.reference-ui .layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 body.reference-ui .layout>main{grid-column:1;grid-row:2;width:100%}
 body.reference-ui .layout>.left{grid-column:1;grid-row:1;display:none!important;width:100%}
 body.reference-ui .layout>.left.open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.reference-ui .layout>.right{display:grid!important;grid-column:1;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:12px;align-items:start}
 body.reference-ui .masthead>.menu-toggle{display:block!important;min-height:44px}
 body.reference-ui .pn-nav{flex-wrap:wrap;overflow:visible}
 body.reference-ui .pn-nav>a,body.reference-ui .pn-nav summary{min-height:44px}
 body.reference-ui .manual-slider,body.reference-ui .sb-slot{min-width:0;max-width:100%}
 body.reference-ui .admin-tabs{gap:6px}
 body.reference-ui .admin-tabs>a{min-height:40px;display:inline-flex;align-items:center}
 body.reference-ui .control-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
 body.reference-ui .control-console table,body.reference-ui .admin table:not(.metadata):not(.ratings){min-width:620px}
 body.reference-ui .control-console dl{grid-template-columns:minmax(100px,35%) minmax(0,1fr)}
}
@media(max-width:700px){
 body.reference-ui{padding:3px;font-size:14px;line-height:1.45}
 body.reference-ui .site{width:100%;min-width:0;padding:0;box-shadow:none}
 body.reference-ui .layout{padding:7px!important;gap:7px!important}
 body.reference-ui .panel{padding:9px!important;max-width:100%}
 body.reference-ui .masthead{height:auto!important;min-height:0;padding:12px 9px!important;gap:10px;flex-wrap:wrap}
 body.reference-ui .masthead>.logo{height:auto;min-width:0;flex:1 1 100%}
 body.reference-ui .masthead .brand-logo{width:min(100%,270px)!important;margin:auto;height:auto!important}
 body.reference-ui .masthead .top-search{height:46px!important;min-height:46px!important}
 body.reference-ui .masthead .top-search input{font-size:16px!important;height:38px!important}
 body.reference-ui .masthead .top-search select{font-size:13px!important;height:38px!important}
 body.reference-ui .masthead .top-search button{height:38px!important;flex-basis:42px!important}
 body.reference-ui .pn-account{flex:1;justify-content:center;gap:8px}
 body.reference-ui .pn-account a{min-height:44px;font-size:13px}
 body.reference-ui .pn-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px}
 body.reference-ui .pn-nav>a,body.reference-ui .pn-nav summary{padding:9px 3px;font-size:12px;white-space:normal;text-align:center;gap:5px}
 body.reference-ui .pn-genres{min-width:0}
 body.reference-ui .pn-genre-list{left:auto;right:0;width:270px;max-width:calc(100vw - 24px);z-index:40}
 body.reference-ui .section-title{flex-wrap:wrap;gap:8px}
 body.reference-ui .section-title h1{font-size:22px;overflow-wrap:anywhere}
 body.reference-ui .classic-card-title,body.reference-ui .release-card>h2,body.reference-ui .detail>.section-title h1{font-size:16px;line-height:1.4;padding:10px;overflow-wrap:anywhere}
 body.reference-ui .classic-card .classic-release-grid,body.reference-ui .release-grid,body.reference-ui .detail-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px;padding:10px 3px!important}
 body.reference-ui .classic-poster,body.reference-ui .release-grid>.poster-link{width:min(76%,280px);max-width:100%;margin:0 auto;grid-column:1;grid-row:auto!important}
 body.reference-ui .classic-card .classic-poster img.poster,body.reference-ui .release-grid>.poster-link .poster{width:100%!important;height:auto!important;max-height:420px!important;object-fit:contain!important;min-height:0}
 body.reference-ui .classic-poster>.placeholder{max-width:100%;height:320px!important}
 body.reference-ui .classic-release-info,body.reference-ui .release-stats,body.reference-ui .release-grid>div:nth-child(2){grid-column:1!important;max-width:100%}
 body.reference-ui .classic-release-info>h3,body.reference-ui .movie-title{font-size:17px;padding:9px;overflow-wrap:anywhere}
 body.reference-ui .metadata{width:100%;table-layout:fixed}
 body.reference-ui .metadata tr{display:table-row!important}
 body.reference-ui .metadata th,body.reference-ui .metadata td{font-size:13px!important;line-height:1.5!important;padding:8px 6px!important;white-space:normal!important;overflow-wrap:anywhere}
 body.reference-ui .metadata th{width:94px!important}
 body.reference-ui .ratings{table-layout:fixed;width:100%}
 body.reference-ui .ratings th,body.reference-ui .ratings td{font-size:12px!important;padding:7px 4px!important;white-space:normal!important;overflow-wrap:anywhere}
 body.reference-ui .ratings th:first-child{width:23%}
 body.reference-ui .ratings th:last-child{width:21%}
 body.reference-ui .rating-display{flex-wrap:wrap!important;max-width:100%;gap:4px}
 body.reference-ui .classic-release-info .star-meter{font-size:16px;letter-spacing:-1.8px}
 body.reference-ui .detail-art{width:100%!important;max-width:280px!important;justify-self:center;margin:0 auto!important;grid-row:auto}
 body.reference-ui .detail-art>.poster{max-height:420px!important;height:auto!important;object-fit:contain}
 body.reference-ui .rp-footer{display:flex;flex-wrap:wrap;gap:9px;padding:10px;margin:0!important;max-width:100%}
 body.reference-ui .rp-footer .rp-release-copy{flex:1 1 100%}
 body.reference-ui .rp-release-copy>a{white-space:normal;overflow:visible;text-overflow:clip;font-size:14px;overflow-wrap:anywhere}
 body.reference-ui .rp-release-copy small{font-size:12px}
 body.reference-ui .rp-footer .rp-get{margin-left:auto;min-width:126px;min-height:44px;font-size:19px;padding:6px 13px}
 body.reference-ui .rp-choices{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0 0 12px;gap:5px}
 body.reference-ui .rp-choice{min-height:50px!important;border:1px solid #3799ff!important;border-radius:6px!important;font-size:12px}
 body.reference-ui .rp-filter-tabs{flex-wrap:wrap;gap:5px;padding:0 3px}
 body.reference-ui .rp-filter-tabs>a{min-height:40px;padding:9px 12px;font-size:13px}
 body.reference-ui .rp-release-list>summary{font-size:14px;text-align:left;overflow-wrap:anywhere}
 body.reference-ui .rp-download-actions{display:flex;flex-wrap:wrap;gap:9px}
 body.reference-ui .rp-download-strip .rp-download-button{flex:1 1 140px;min-width:0!important;min-height:46px;max-width:100%;font-size:15px!important;padding:8px!important}
 body.reference-ui .rp-recommend{font-size:13px;padding:9px;overflow-wrap:anywhere}
 body.reference-ui .rp-recommend small{margin-left:0}
 body.reference-ui .table-scroll,body.reference-ui .mobile-table-scroll{max-width:100%;overflow-x:auto}
 body.reference-ui .catalogue-chips{display:flex;flex-wrap:wrap!important;gap:6px}
 body.reference-ui .catalogue-chips>a{flex:0 1 auto!important;min-width:60px;min-height:40px;font-size:13px!important;padding:9px!important}
 body.reference-ui .filters,body.reference-ui .catalogue-filter-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex-wrap:wrap!important}
 body.reference-ui .filters .field{min-width:0!important;width:100%}
 body.reference-ui .filters .grow{grid-column:1/-1}
 body.reference-ui .filters .field>span{position:static;width:auto;height:auto;clip:auto;overflow:visible;font-size:12px}
 body.reference-ui .filters input,body.reference-ui .filters select{height:44px!important;min-height:44px;font-size:16px!important}
 body.reference-ui .filters>.btn{height:44px;min-height:44px;font-size:14px}
 body.reference-ui .pagination{flex-wrap:wrap;gap:4px;justify-content:flex-start}
 body.reference-ui .pagination>a,body.reference-ui .pagination>span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:40px;font-size:13px;padding:6px}
 body.reference-ui .box-office-grid{display:flex!important;overflow-x:auto;gap:12px;padding:4px 2px 10px;scroll-snap-type:x proximity}
 body.reference-ui .box-office-card{flex:0 0 130px!important;min-width:0;scroll-snap-align:start}
 body.reference-ui .box-office-card .poster{width:100%;height:195px!important;object-fit:contain}
 body.reference-ui .box-office-card b,body.reference-ui .featured b{font-size:13px!important;line-height:1.4}
 body.reference-ui .carousel{overflow-x:auto;max-width:100%}
 body.reference-ui .nav-link{min-height:44px;font-size:14px;padding:10px}
 body.reference-ui .genre-link>.genre-label{font-size:14px}
 body.reference-ui .side-panel h2{font-size:18px;padding:11px}
 body.reference-ui .layout>.left.open{grid-template-columns:minmax(0,1fr)}
 body.reference-ui .account-columns,body.reference-ui .form-grid,body.reference-ui .import-settings-grid,body.reference-ui .control-grid{grid-template-columns:minmax(0,1fr)!important;padding-left:0;padding-right:0}
 body.reference-ui .account-card,body.reference-ui .control-card{min-width:0;max-width:100%;padding:14px}
 body.reference-ui .account-card .field,body.reference-ui .signup-page .account-card:first-child .field{display:flex;flex-direction:column;gap:6px}
 body.reference-ui input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body.reference-ui select,body.reference-ui textarea{font-size:16px!important;max-width:100%;min-height:44px}
 body.reference-ui input[type=file]{width:100%;font-size:13px!important}
 body.reference-ui .field>span{font-size:13px!important}
 body.reference-ui .btn{min-height:44px;font-size:14px;white-space:normal}
 body.reference-ui .toolbar,body.reference-ui .gb-page-heading,body.reference-ui .gb-section-heading{flex-wrap:wrap}
 body.reference-ui .control-console dl{grid-template-columns:minmax(0,1fr)}
 body.reference-ui .control-console dd{margin:0 0 10px}
 body.reference-ui .admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.reference-ui .comment-form{grid-template-columns:minmax(0,1fr)!important}
 body.reference-ui .comment-detail{min-width:0;max-width:100%}
 body.reference-ui .comment-content,body.reference-ui .comment-message,body.reference-ui .control-message{overflow-wrap:anywhere;min-width:0}
 body.reference-ui .screenshots{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.reference-ui .screenshots img{height:110px}
 body.reference-ui iframe:not(.sb-frame),body.reference-ui video{max-width:100%}
 body.reference-ui pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
 body.reference-ui footer{gap:12px;padding:16px 10px;line-height:1.7}
 body.reference-ui footer>span{margin:0;width:100%;text-align:center}
}
@media(max-width:420px){body.reference-ui .layout>.right{grid-template-columns:minmax(0,1fr)}body.reference-ui .metadata th{width:85px!important}body.reference-ui .pn-nav>a,body.reference-ui .pn-nav summary{font-size:11px}}
@media(prefers-reduced-motion:reduce){body.reference-ui *{scroll-behavior:auto!important}}