.sidebar{width:160px;padding:13px 12px;gap:12px}.sidebar .brand{gap:9px}.brand-mark{width:34px;height:34px;font-size:17px}.sidebar .brand h1{font-size:12px;letter-spacing:2px}.sidebar .brand p{font-size:7px;letter-spacing:1px}.side-nav{gap:2px}.side-nav a,.sidebar-bottom a{padding:8px 10px;gap:8px;border-radius:6px;font-size:9px}.side-nav span,.sidebar-bottom span{width:15px;font-size:11px}.support-card{padding:11px;border-radius:7px}.support-card h3{font-size:12px}.support-card p{margin:8px 0;font-size:8px;line-height:1.4}.support-art{height:70px;margin-bottom:8px}.support-card button{padding:8px;font-size:8px}.sidebar-bottom{margin-top:4px}.sidebar-bottom p{margin:8px 0 5px;font-size:8px}.socials i{width:19px;height:19px;font-size:8px}
.page{margin-left:160px;padding:10px 12px 20px}.topbar{gap:12px;margin-bottom:8px}.search{max-width:410px;height:34px;padding:0 11px;gap:8px;border-radius:7px}.search input{font-size:9px}.top-actions{gap:7px}.top-actions button{width:30px;height:30px;font-size:11px}.user{gap:7px;font-size:9px}.avatar{width:30px;height:30px}.user small{font-size:8px}.panel{border-radius:7px}
.hero{min-height:242px;padding:20px 55px}.hero-copy{width:58%}.hero-copy small{font-size:8px}.hero-copy h2{font-size:38px}.hero-copy p{margin:12px 0;font-size:9px}.hero-buttons{gap:8px}.hero-buttons button{padding:9px 12px;font-size:9px}.hero-character{right:25px;width:240px;height:230px}.hero-character:after{right:30px;bottom:14px;width:130px;height:180px}.arrow{width:30px;height:30px}
.layout{grid-template-columns:minmax(0,1fr) 205px;gap:7px;margin-top:7px}.content,.rightbar{gap:7px}.shelf,.list-panel,.creators,.studios,.overview,.genres,.releases,.reviews{padding:9px}.section-head{margin-bottom:8px}.section-head h3,.panel h3{font-size:10px}.section-head a{font-size:7px}.cover-row{gap:6px}.cover{min-height:128px;padding:6px}.cover b,.mini b{font-size:8px}.cover small,.mini small{margin-top:3px;font-size:7px}.two-col{gap:7px}.chapter,.release{gap:8px;padding:5px 0}.chapter i,.release i{width:30px;height:30px}.chapter b,.release b{font-size:8px}.chapter small,.release small{font-size:7px}.chapter em,.release em{font-size:6px}.mini-row{gap:6px}.mini{min-height:119px;padding:6px}.creator-grid,.studio-grid{gap:6px}.creator-grid article,.studio-grid article,.stats article,.genres button{padding:8px}.face{width:42px;height:42px;margin-bottom:5px}.creator-grid b,.studio-grid b{font-size:8px}.creator-grid small,.studio-grid small,.studio-grid p{font-size:7px}.compact .cover{min-height:95px}.stats{gap:5px}.stats span{font-size:16px}.stats b{font-size:16px}.stats small{font-size:6px}.genres div{gap:5px}.genres button{font-size:8px}.genres .all{margin-top:6px;padding:8px;font-size:7px}.reviews article{gap:7px;margin-top:8px}.reviews .face{width:30px;height:30px}.reviews b,.reviews p,.reviews span,.reviews small{font-size:7px}
@media(max-width:1050px){.sidebar{position:static;width:auto}.page{margin-left:0}.side-nav{display:grid;grid-template-columns:repeat(4,1fr)}.support-card,.sidebar-bottom{display:none}.layout{grid-template-columns:1fr}.rightbar{display:grid;grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.page{padding:8px}.topbar{align-items:stretch;flex-direction:column}.top-actions{justify-content:space-between}.hero{min-height:360px;padding:22px 15px;align-items:flex-start}.hero-copy{width:100%}.hero-copy h2{font-size:30px}.hero-character{right:0;opacity:.4}.side-nav{grid-template-columns:1fr 1fr}.cover-row,.mini-row,.creator-grid,.studio-grid,.stats,.genres div,.two-col,.rightbar{grid-template-columns:1fr}}