:root{--accent:#b6ed72;--muted:#8c97aa;--border:#2a3344}html{color-scheme:dark}body{max-width:1200px;margin:36px auto;background:#090d14;color:#edf0f7;font-family:Segoe UI,Arial,sans-serif;display:grid;grid-template-columns:224px minmax(0,1fr);align-items:start;gap:24px;padding:0 16px}.sidebar{position:sticky;top:24px;background:#141b28;border:1px solid var(--border);border-radius:4px;padding:24px 17px;min-width:0}.archive-logo{display:block;font-size:26px;line-height:1.05;letter-spacing:-1px;font-weight:900}.archive-logo>span{display:block;color:var(--accent);letter-spacing:1px}.logo-star{float:right;font-size:29px}.side-caption{font-size:10px;letter-spacing:1px;color:#718199;margin:13px 0 24px}.side-home{background:#b6ed7215;border:1px solid #b6ed7233;border-radius:4px;display:flex;justify-content:space-between;padding:11px 12px;color:var(--accent);font-size:14px}.studios{margin-top:25px}.studios summary{list-style:none;display:flex;justify-content:space-between;color:#8c9ab0;font-size:12px;font-weight:600;letter-spacing:1px;cursor:pointer}.studio-search{display:flex;align-items:center;gap:8px;background:#0e1521;border:1px solid #2b3546;padding:7px 10px;border-radius:4px;margin:13px 0 10px;color:#65758d}.studio-search input{width:100%;min-width:0;background:none;border:0;outline:none;color:white;font-size:13px}.studio-list{max-height:280px;overflow:auto;scrollbar-width:thin;scrollbar-color:#3a475c transparent}.studio-list a{display:flex;justify-content:space-between;font-size:14px;padding:8px 10px;color:#a7b2c4;border-radius:4px}.studio-list a span:last-child{color:#55667d}.studio-list a:hover,.studio-list .current{background:#253249;color:#fff}.side-ad{margin-top:23px;border:1px dashed #354359;border-radius:4px;overflow:hidden;text-align:center}.side-ad>small{font-size:9px;color:#66778e;display:block;padding:8px;letter-spacing:1px}.ad-art{background:radial-gradient(ellipse at 80% 30%,#45553b55,transparent),#192334;padding:25px 14px;color:#849773;font-size:25px;line-height:1.12;font-weight:800;position:relative}.ad-art em{font-style:normal;color:var(--accent)}.ad-art span{position:absolute;right:12px;top:10px;font-size:32px;color:#52644d}.side-ad p{font-size:10px;color:#718099;margin:8px}.side-bottom{display:flex;align-items:center;gap:9px;margin-top:20px}.side-bottom p{font-size:10px;line-height:1.5;color:#718199;margin:0}.age{border:1px solid #3a4759;border-radius:50%;font-size:12px;padding:7px;color:#8e9ab0}.workspace{min-width:0;background:#101722;border:1px solid var(--border);border-radius:4px;overflow:hidden}.archive-header{height:49px;padding:0 25px;font-size:10px;letter-spacing:1px;gap:12px;border-color:var(--border);color:#6e8099;justify-content:space-between}.archive-header>div{font-size:10px}.archive-header i{width:4px;height:4px}.edition{display:none}main{padding:0 25px}.hero{padding:30px 0 25px!important}.hero .eyebrow{font-size:10px;color:#91a1ba;letter-spacing:1.5px}.hero h1{font-size:45px;font-weight:750;line-height:1.12;letter-spacing:-1.6px;margin:14px 0}.hero h1 em{color:var(--accent)}.hero p{font-size:14px;color:#96a3b7;line-height:1.65}.hero-art{width:145px;height:145px;right:3px;top:30px!important;display:flex;transform:rotate(8deg);opacity:1;align-items:center;justify-content:center}.hero-art:after{display:none}.orbit-word,.orbit-bottom{position:absolute;font-size:9px;letter-spacing:1px;color:#667f58;left:0;right:0;text-align:center}.orbit-word{top:0}.orbit-bottom{bottom:0}.hero-art strong{display:block;font-size:102px;line-height:1;color:var(--accent);text-shadow:0 0 50px #b6ed7244}.search{max-width:100%;background:#192332;border:1px solid #33415a;border-radius:4px;margin-top:24px;padding:9px 13px}.search input{font-size:14px}.search kbd{font-size:12px}.provider-strip{padding:12px 0;border-color:#293549;gap:20px}.provider-strip b{font-size:10px;font-weight:400;color:#8495ad}.provider-strip span{font-size:10px}.catalog{padding-top:23px}.section-top{align-items:center}h2{font-size:23px;font-weight:650;letter-spacing:-.5px}h2 small{display:block;font-size:11px;margin:3px 0 0;color:#74859f}.section-top>.muted{font-size:11px}.toolbar{margin:15px 0 20px;gap:12px}.tabs{gap:2px}.tabs button{font-size:12px;padding:7px 10px;border-radius:4px}.controls{gap:5px}.controls select{max-width:130px;padding:7px;font-size:12px;border-radius:4px;background:#182232}.controls button{font-size:12px;padding:7px 9px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 13px}.cover{aspect-ratio:1.06;border-radius:4px;border:1px solid #364057}.cover:after{background:#0c1421d9;color:var(--accent);font-size:14px}.card h3{font-size:13px;margin-top:9px}.card p{font-size:11px;color:#7689a5}.badge{font-size:9px;top:7px;left:7px;padding:2px 6px}.more{margin:30px 0 35px}.more p{font-size:12px}.more button{font-size:13px;padding:10px 20px}.editorial{gap:28px;padding:30px 0;border-color:#293549}.editorial h2{font-size:24px}.editorial p{font-size:13px;color:#7e90ab}.editorial details{font-size:13px;border-color:#2b374a;padding:12px 0}.editorial .eyebrow{font-size:10px}footer{padding:25px;gap:20px;font-size:11px;border-color:#2b374a;flex-wrap:wrap}footer .logo{font-size:19px;color:white}footer p{font-size:12px;margin:0}footer small{font-size:11px}.breadcrumbs{font-size:11px;margin:20px 0}.slot-title h1{font-size:34px;font-weight:700;letter-spacing:-1px}.slot-title p{font-size:12px}.pill{font-size:10px;padding:5px 9px}.stage{min-height:340px}.player{border-radius:4px;border-color:#324054}.launch h2{font-size:27px}.launch img{width:110px;height:110px;border-radius:4px}.primary{background:var(--accent);padding:12px 35px;font-size:14px}.launch p{font-size:11px}.player-bar{font-size:10px;padding:11px}.player-bar button{font-size:11px;padding:4px 8px}.stats{padding:18px 0;border-radius:4px;margin:20px 0 30px}.stats div{padding:0 13px}.stats small{font-size:11px}.stats strong{font-size:18px}.slot-info{gap:25px}.slot-info .eyebrow{font-size:10px}.slot-info p{font-size:13px}.slot-info h2{font-size:24px}.slot-info aside{padding:18px;background:#192435}.slot-info aside h3{font-size:18px}.slot-info aside a{font-size:13px!important}.feature{font-size:11px;padding:4px 9px}.related{padding:25px 0 35px}.related .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.related .card:last-child{display:none}.related .section-top>.muted{font-size:11px}.filter-panel label{font-size:12px}.filter-panel .muted{font-size:11px}.preview-note{font-size:12px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--accent)}
@media(max-width:1000px) and (min-width:761px){body{grid-template-columns:200px minmax(0,1fr);gap:16px;padding:0 16px}.sidebar{padding:22px 14px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{opacity:.35}.hero h1,.hero p{position:relative;z-index:1}.toolbar{flex-wrap:wrap}.controls{width:100%}.controls select{flex:1;max-width:none}.stats{grid-template-columns:repeat(3,1fr);row-gap:17px}.related .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related .card:nth-child(4){display:none}}
@media(max-width:760px){body{display:block;margin:12px auto;padding:0 12px;max-width:520px}.sidebar{position:static;padding:16px;border-radius:4px;margin-bottom:12px;display:grid;grid-template-columns:1fr auto;gap:0 12px}.archive-logo{font-size:22px}.archive-logo>span{display:inline;margin-left:4px;letter-spacing:0}.logo-star{display:none}.side-caption,.side-ad,.side-bottom{display:none}.side-home{font-size:12px;padding:7px 10px;gap:10px;align-self:center}.studios{grid-column:1/-1;margin-top:16px;border-top:1px solid #2b374a;padding-top:12px}.studios summary{font-size:11px}.studio-list{max-height:190px}.workspace{border-radius:4px}.archive-header{height:37px;padding:0 16px;font-size:8px;letter-spacing:.5px}.archive-header>div{font-size:8px}main{padding:0 16px}.hero{padding:24px 0!important}.hero-art{display:none}.hero h1{font-size:38px;letter-spacing:-1.2px}.hero p{font-size:13px}.hero .eyebrow{font-size:9px}.search{margin-top:20px;padding:7px 11px}.search input{font-size:13px}.provider-strip{gap:15px}.provider-strip span{display:none}.provider-strip b{font-size:9px}.catalog{padding-top:20px}.section-top>.muted{font-size:10px;max-width:75px;text-align:right}h2{font-size:22px}.tabs{width:100%}.tabs button{font-size:11px;padding:7px 9px}.controls{width:100%;gap:5px}.controls select{min-width:0;max-width:none;font-size:11px;padding:7px 5px;flex:1}.controls button{font-size:11px;padding:7px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.card h3{font-size:13px}.editorial{grid-template-columns:1fr;gap:15px}.editorial h2{font-size:24px}footer{padding:20px 16px;gap:12px}.slot-title h1{font-size:31px}.stage{min-height:310px}.player-bar>span{display:none}.stats{grid-template-columns:repeat(3,1fr);padding:0}.stats div{padding:13px 10px}.slot-info{grid-template-columns:1fr;gap:18px}.related .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related .card:nth-child(4){display:block}.related .section-top>.muted{font-size:10px}.pill{display:none}}

*,*::before,*::after{border-radius:4px!important}


@media(min-width:761px){
  .sidebar{height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a475c transparent}
  .archive-logo,.side-caption,.side-home,.side-ad,.side-bottom{flex-shrink:0}
  .studios{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin-top:18px}
  .studios summary,.studio-search{flex-shrink:0}
  .studio-list{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto}
  .studios:not([open]){flex:0 0 auto}
  .studios:not([open])>.studio-search,.studios:not([open])>.studio-list{display:none}
  .side-ad{margin-top:16px}
  .side-bottom{margin-top:15px}
}
@media(min-width:761px) and (max-height:760px){
  .sidebar{padding-top:18px;padding-bottom:16px}
  .side-caption{margin:9px 0 16px}
  .ad-art{padding:16px 14px;font-size:23px}
}
@media(min-width:761px){
 .studios{display:block;flex:1 1 auto;min-height:0}
 .studio-list{height:clamp(40px,calc(100dvh - 605px),600px);max-height:100%;overflow-y:auto}
 .sidebar{top:24px}
}

.filter-panel{align-items:flex-end}
.filter-panel label{display:flex;flex-direction:column;gap:5px}
.filter-panel label select{height:38px;margin-top:0}
.filter-panel #reset{height:38px;white-space:nowrap}
.filter-panel>.muted{flex-basis:100%;margin:0}
.footer-links{display:flex;flex-wrap:wrap;gap:10px 20px;width:100%;padding-top:16px;border-top:1px solid #2b374a;font-size:12px}
.footer-links a{color:#9aaac0}.footer-links a:hover{color:var(--accent)}
.footer-links a:nth-child(n){display:inline;height:auto;border:0}.footer-links{height:auto;align-items:center;margin:0}
