/* Studio discovery, persistent catalogue tools and small navigation details. */
.skip-link:not(:focus){clip-path:inset(50%)}
.studio-spotlights{display:grid;grid-template-columns:1.12fr 1fr;gap:18px;margin:0 0 36px}
.studio-spotlight{position:relative;display:block;isolation:isolate;min-height:250px;padding:26px 28px;border-radius:14px;overflow:hidden;background:linear-gradient(115deg,#253037,#283b3b);border:1px solid #ffffff0c;transition:border-color .25s}
.studio-spotlight:nth-child(2){background:linear-gradient(115deg,#29252d,#403139)}
.studio-spotlight:hover{border-color:#ffffff25}
.studio-spotlight-copy{position:relative;z-index:2;max-width:60%}
.studio-spotlight .eyebrow{font-size:8px;color:#8bb7af;letter-spacing:1.7px}
.studio-spotlight:nth-child(2) .eyebrow{color:#bf9ba4}
.studio-spotlight-copy>strong{display:block;font-size:13px;font-weight:600;margin:20px 0 10px;color:#d6dedf}
.studio-spotlight h2{font-size:27px;font-weight:600;line-height:1.17;letter-spacing:-.9px;text-wrap:balance}
.spotlight-action{display:flex;gap:12px;align-items:center;font-size:11px;color:#bdc9ce;margin-top:25px}
.spotlight-action svg{width:16px;height:16px;color:#e4edea}
.studio-spotlight>.cover-stack{width:48%;right:-7%;top:27%;height:85%;opacity:.92;z-index:1;transition:transform .6s var(--ease-out)}
.studio-spotlight .cover-stack img{width:49%;max-height:200px}
.studio-spotlight:hover>.cover-stack{transform:translate(-5px,-7px)}
.studio-directory .section-head{margin-bottom:20px}
.directory-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between}
.directory-toolbar .search-field{width:100%;max-width:480px;min-height:46px}
.directory-toolbar .search-field input{min-height:46px}
.directory-toolbar .sort-select{font-size:12px;min-height:42px;background:#20242a;padding:9px 13px;border-radius:7px;border:1px solid #ffffff09}
.directory-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:17px 0 23px}
.directory-filters>button{display:flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid #ffffff0a;background:#1d2127;border-radius:7px;font-size:11px;color:#a5afbe;transition:background .2s,color .2s}
.directory-filters>button>span{font-size:9px;color:#68788b}
.directory-filters>button:hover{background:#2b3038}
.directory-filters>button[aria-pressed=true]{background:#ff6b431a;color:#ffa285;border-color:#ff6b4333}
.directory-filters>button[aria-pressed=true]>span{color:#d68a72}
#provider-count{font-size:10px;color:#7a889b;margin-left:auto}
.studio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.studio-grid>.empty-state{grid-column:1/-1}
.studio-tile{display:block;border:1px solid #ffffff09;border-radius:12px;background:#1c2026;padding:18px;overflow:hidden;transition:background .2s,border-color .2s,transform .3s var(--ease-out)}
.studio-tile:hover{background:#22272f;border-color:#ffffff22;transform:translateY(-3px)}
.studio-tile-top{display:flex;align-items:center;gap:9px}
.studio-letter{width:33px;height:33px;display:grid;place-items:center;border-radius:7px;background:#303740;color:#c9cdd5;border:1px solid #ffffff08;font-size:12px;font-weight:800;letter-spacing:-.8px}
.studio-tile-top>span:nth-child(2){margin-left:auto;font-size:10px;color:#8490a2}
.studio-tile-top>svg{width:14px;height:14px;color:#5e6a7b;transition:color .2s,transform .2s}
.studio-tile:hover .studio-tile-top>svg{color:#ff9f83;transform:translate(2px,-2px)}
.studio-tile h3{font-size:18px;line-height:1.2;font-weight:600;margin-top:15px;letter-spacing:-.5px}
.studio-tile p{font-size:10px;line-height:1.5;color:#7e8b9e;margin-top:5px;min-height:15px}
.studio-posters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:19px;min-height:68px;align-items:start}
.studio-posters>img{width:100%;height:auto;aspect-ratio:220/300;object-fit:cover;border-radius:5px;transition:transform .4s var(--ease-out)}
.studio-tile:hover .studio-posters>img:nth-child(2){transform:translateY(-5px)}
.studio-tile:hover .studio-posters>img:nth-child(3){transform:translateY(-3px);transition-delay:.05s}
.studio-breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#67768a;margin:6px 0 20px}
.studio-breadcrumb>a{display:flex;align-items:center;gap:5px;color:#a8b2c0}
.studio-breadcrumb svg{width:14px;height:14px}
.studio-breadcrumb>span:last-child{color:#c4cbd5}
.studio-hero{position:relative;isolation:isolate;overflow:hidden;background:#232932;border:1px solid #ffffff0b;border-radius:14px;padding:32px 36px;min-height:285px;margin-bottom:18px}
.studio-atmosphere{position:absolute;z-index:-2;inset:-50%;height:200%;width:200%;max-width:none;object-fit:cover;filter:blur(65px) saturate(.5);opacity:.22;pointer-events:none}
.studio-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#1b222bf5,#1b222b69)}
.studio-hero>div:first-of-type{position:relative;z-index:2;max-width:58%}
.studio-hero .eyebrow{font-size:8px;letter-spacing:1.8px;color:#9faebd}
.studio-hero h1{font-size:43px;letter-spacing:-1.4px;line-height:1.1;font-weight:800;margin:14px 0}
.studio-hero p{font-size:12px;line-height:1.75;color:#aab6c7;max-width:470px}
.studio-stats{display:flex;gap:27px;margin-top:24px}
.studio-stats>span{display:flex;flex-direction:column;gap:2px;font-size:9px;color:#8595a8}
.studio-stats strong{color:#edf0f5;font-size:24px;font-weight:600;letter-spacing:-.8px}
.studio-hero>.cover-stack{width:40%;right:1%;top:10%;height:100%}
.studio-hero>.cover-stack img{width:36%;max-width:155px}
.studio-hero .cover-stack img:only-child{transform:rotate(7deg);width:45%;max-width:180px}
.studio-series{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 23px}
.studio-series>span{font-size:10px;color:#6c7e92;margin-right:7px}
.studio-series>button{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:5px;background:#20252d;color:#b8c3d1;font-size:10px;transition:background .2s}
.studio-series>button:hover{background:#303843}
.studio-series svg{width:12px;height:12px;color:#7b8a9e}
/* Filters stay available while browsing a long catalogue. */
.catalog-controls{position:sticky;top:var(--header);z-index:22;background:#101215f5;backdrop-filter:blur(16px);padding:13px 0 8px;margin:0 0 15px;border-bottom:1px solid #ffffff09;scroll-margin-top:var(--header)}
.catalog-controls .catalog-toolbar{margin:0 0 11px;grid-template-columns:minmax(0,1fr) 230px}
.catalog-controls .single-search{grid-template-columns:1fr}
.catalog-controls .search-field{min-height:46px;border:1px solid #ffffff07;transition:border-color .2s}
.catalog-controls .search-field:focus-within{border-color:#ff927b70}
.catalog-controls .search-field input{min-height:44px;font-size:13px;outline:none}
.catalog-controls .catalog-categories{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:7px;margin:0;padding:2px 2px 6px;scrollbar-width:none;scroll-snap-type:x proximity}
.catalog-controls .category-button{flex:none;min-height:37px;scroll-snap-align:start;font-size:11px;padding:8px 12px}
.category-button small{font-size:9px;margin-left:2px;color:#778596;font-weight:400}
.category-button[aria-pressed=true] small{color:#fff9}
.provider-picker-button{display:flex;align-items:center;gap:10px;min-height:46px;background:#24282f;border:1px solid #ffffff08;border-radius:8px;padding:0 15px;text-align:left;font-size:12px;transition:background .18s}
.provider-picker-button:hover{background:#30353e}
.provider-picker-button>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.provider-picker-button>svg{width:17px;height:17px;color:#9aa4b3}
.provider-picker-button>svg:last-child{width:14px;height:14px}
.catalog-result-head{padding-top:2px}
.catalog-grid .game-open{scroll-margin-top:calc(var(--header) + 150px)}
.catalog-grid .game-name{font-size:12px}
.catalog-grid .game-provider{font-size:10px}
.provider-dialog{width:min(580px,calc(100% - 28px))}
.provider-options{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:18px 25px 25px}
.provider-options>button{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px;border:1px solid #ffffff08;background:#222730;border-radius:7px;text-align:left;font-size:11px;transition:background .18s}
.provider-options>button>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.provider-options>button>small{font-size:10px;color:#6d7e94}
.provider-options>button>svg{width:13px;height:13px;color:#6c7e94}
.provider-options>button:hover{background:#303743}
.provider-options>button[aria-pressed=true]{border-color:#ff9a7b44;background:#ff6b4312;color:#ffb398}
.provider-options>button[aria-pressed=true]>svg{color:#ff9a7b}
.picker-empty{grid-column:1/-1;padding:20px 5px;font-size:12px;color:#8191a6}
.quick-studios{padding-top:17px}
.quick-studios>span{font-size:10px;color:#78899e;display:block;margin-bottom:8px}
.quick-studios>a{display:flex;align-items:center;gap:10px;min-height:38px;border-bottom:1px solid #ffffff08;font-size:12px}
.quick-studios>a:hover strong{color:#ffa889}
.quick-studios strong{font-weight:600;flex:1}
.quick-studios small{font-size:10px;color:#71839a}
.quick-studios svg{width:13px;height:13px;color:#8f9cac}
.row-actions .icon-button:disabled{opacity:.25;cursor:default;pointer-events:none}
.game-rail{overscroll-behavior-x:contain}
.back-to-top{position:fixed;right:25px;bottom:24px;z-index:35;width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff17;border-radius:10px;background:#303640e8;backdrop-filter:blur(12px);color:#cbd4e0;box-shadow:0 5px 20px #0004;transition:background .2s,transform .2s}
.back-to-top>span{display:flex;transform:rotate(90deg)}
.back-to-top svg{width:19px;height:19px}
.back-to-top:hover{background:#434b57;transform:translateY(-3px)}
@media(min-width:1650px){.studio-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-spotlight{min-height:285px;padding:33px}.studio-spotlight h2{font-size:34px}}
@media(max-width:1150px){.studio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-spotlight{padding:23px;min-height:235px}.studio-spotlight h2{font-size:24px}.studio-spotlight-copy>strong{font-size:12px}.spotlight-action{font-size:10px;gap:5px}.studio-spotlight>.cover-stack{right:-9%;width:48%;top:30%}.studio-hero{padding:28px}.studio-hero h1{font-size:36px}}
@media(max-width:960px) and (min-width:761px){.studio-spotlight-copy{max-width:72%}.studio-spotlight h2{font-size:22px}.studio-spotlight>.cover-stack{opacity:.55;right:-14%}.studio-hero>div:first-of-type{max-width:65%}.studio-hero>.cover-stack{right:-7%;opacity:.65}.studio-tile{padding:14px}.studio-tile h3{font-size:16px}}
@media(max-width:760px){
  .studio-spotlights{display:flex;gap:12px;overflow-x:auto;margin:0 -16px 28px;padding:2px 16px 7px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .studio-spotlight{flex:none;width:calc(100vw - 52px);min-height:225px;padding:24px;scroll-snap-align:center}
  .studio-spotlight-copy{max-width:66%}.studio-spotlight h2{font-size:25px}.studio-spotlight-copy>strong{margin-top:17px;font-size:12px}.spotlight-action{margin-top:20px;font-size:10px}.studio-spotlight .eyebrow{font-size:7px}
  .studio-spotlight>.cover-stack{width:45%;right:-8%;top:30%}
  .directory-toolbar{gap:8px}.directory-toolbar .search-field{min-height:43px}.directory-toolbar .search-field input{min-height:41px;font-size:12px}.directory-toolbar .sort-select{font-size:10px;max-width:120px;padding:8px}
  .directory-filters{gap:6px;margin:14px 0 19px}.directory-filters>button{font-size:10px;padding:8px 9px;gap:5px}.directory-filters>button>span{font-size:8px}#provider-count{font-size:9px;margin-left:0;width:100%;margin-top:6px}
  .studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-tile{padding:13px;border-radius:10px}.studio-tile-top{gap:6px}.studio-letter{width:27px;height:27px;font-size:10px}.studio-tile-top>span:nth-child(2){font-size:8px}.studio-tile-top>svg{width:12px;height:12px}.studio-tile h3{font-size:15px;min-height:36px;margin-top:13px}.studio-tile p{font-size:9px;min-height:27px}.studio-posters{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:12px;min-height:56px}.studio-posters>img:nth-child(4){display:none}
  .studio-breadcrumb{font-size:10px;gap:8px;margin:4px 0 16px}.studio-hero{padding:25px 22px;min-height:295px;margin-bottom:14px}.studio-hero h1{font-size:34px;max-width:230px}.studio-hero>div:first-of-type{max-width:75%}.studio-hero .eyebrow{font-size:7px}.studio-hero p{font-size:11px;max-width:215px}.studio-hero>.cover-stack{width:45%;right:-18%;top:33%;height:75%;opacity:.68}.studio-hero>.cover-stack img{width:58%}.studio-hero .cover-stack img:only-child{width:70%;transform:rotate(10deg) translateX(-10px)}
  .studio-stats{gap:20px;margin-top:19px}.studio-stats strong{font-size:24px}.studio-stats>span{font-size:8px;white-space:nowrap}.studio-series{gap:6px;margin-bottom:14px}.studio-series>span{font-size:9px;width:100%;margin-bottom:3px}.studio-series>button{font-size:10px;min-height:33px}
  .catalog-controls{margin:0 -16px 15px;padding:10px 16px 4px}.catalog-controls .catalog-toolbar{grid-template-columns:minmax(0,1fr) 46px;gap:8px;margin-bottom:8px}.catalog-controls .single-search{grid-template-columns:1fr}.catalog-controls .search-field{min-height:44px}.catalog-controls .search-field input{font-size:12px;min-height:42px}.catalog-controls .search-field svg{width:17px;height:17px}
  .provider-picker-button{min-height:44px;justify-content:center;padding:0}.provider-picker-button>span,.provider-picker-button>svg:last-child{display:none}.provider-picker-button>svg{width:19px;height:19px}.catalog-controls .catalog-categories{margin-right:-16px;padding-right:16px;gap:6px}.catalog-controls .category-button{font-size:10px;min-height:34px;padding:8px 10px;gap:5px}.category-button small{font-size:8px}
  .catalog-result-head{align-items:center;font-size:10px;padding-bottom:15px}.catalog-result-head .presence-disclosure{display:none}.catalog-result-head .sort-select{margin-left:auto;flex-basis:auto;min-height:32px;font-size:10px;max-width:150px}.catalog-grid .game-name{font-size:11px;margin-top:8px}.catalog-grid .game-provider{font-size:10px}.catalog-grid .game-presence{font-size:10px;margin-top:4px}.catalog-grid .game-presence small{font-size:6px}.catalog-grid .favorite-button{width:34px;height:34px;right:6px;top:6px}.catalog-grid .favorite-button svg{width:17px;height:17px}.catalog-grid .new-ribbon{font-size:8px;padding:3px 5px;left:7px;top:8px}
  .provider-options{padding:16px 18px 20px;gap:6px}.provider-options>button{font-size:10px;min-height:43px;padding:8px}.provider-options>button>small{font-size:9px}.provider-options>button>svg{width:12px;height:12px}.quick-studios>a{min-height:42px;font-size:12px}
  .back-to-top{right:16px;bottom:80px;width:37px;height:37px;border-radius:9px}
  .page-heading>p{font-size:12px}.game-rail .game-name{font-size:10px}.game-rail .game-provider{font-size:9px}
}
@media(max-width:420px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.catalog-grid .game-art{border-radius:9px}.catalog-grid .game-name{font-size:12px}.studio-tile-top>svg{display:none}}
@media(prefers-reduced-motion:reduce){.studio-spotlight:hover>.cover-stack,.studio-tile:hover,.studio-tile:hover .studio-posters>img,.studio-tile:hover .studio-tile-top>svg{transform:none}}