/* Blox Studio: original identity, clearer stories and consistent navigation. */
.studio-design{--soft:#b5bdd5;--red:#b879fa}
body.studio-design{background:radial-gradient(ellipse at 88% 0,rgba(125,66,191,.13),transparent 42%),#090d1d!important}
.studio-design :is(.topbar,.checkout-topbar){gap:20px!important;padding:24px 0!important;border-bottom:1px solid #30364e!important}
.studio-design :is(.nav,.checkout-nav){display:flex;align-items:center;gap:5px!important;flex-wrap:wrap;max-width:100%}
.studio-design .nav .tab,.studio-design .checkout-nav a{padding:10px 12px!important;min-height:42px;border:1px solid transparent!important;border-radius:7px!important;color:#bcc5df!important;font-size:13px;text-decoration:none!important;white-space:nowrap}
.studio-design .nav .tab:hover,.studio-design .checkout-nav a:hover{color:#fff!important;background:#1c2540!important}
.studio-design .nav .tab.active,.studio-design .nav .tab[aria-current="page"],.studio-design .checkout-nav a[aria-current="page"]{background:#2b1e43!important;border-color:#765296!important;color:#efdcff!important}
.studio-design .brand img{width:46px;height:46px}
.studio-design .brand-title{font-size:22px}
.studio-design .nav [data-cart-link]{border-color:#39425d!important;margin-left:5px}
.studio-design .studio-masthead{gap:50px;padding:64px 0;border-color:#30364e}
.studio-design .studio-masthead h1{font-size:clamp(58px,7.2vw,96px);max-width:10ch;letter-spacing:-.065em!important}
.studio-design .studio-masthead p{font-size:18px;line-height:1.8;max-width:49ch}
.studio-design .game-poster{border-radius:16px!important;background:linear-gradient(145deg,#ac69e5 0%,#7335b4 52%,#351d61 100%)!important;border:1px solid #ad79d6;min-height:480px}
.studio-design .game-poster::after{content:"";position:absolute;inset:80px -120px auto auto;width:390px;height:390px;border:1px solid #d4aeff45;border-radius:50%;pointer-events:none}
.studio-design .game-poster .poster-name{font-size:clamp(95px,10vw,142px);letter-spacing:-.075em}
.studio-design .game-poster .poster-two{color:#d4a2ff45;right:26px;font-size:340px}
.studio-design .game-poster .poster-bottom{border-color:#d4aeff66}
.studio-design :is(.btn,.button,.session-action){border-radius:7px!important;border-color:#526080!important;min-height:45px}
.studio-design :is(.btn-primary,.btn-discord){background:#9b4de0!important;border-color:#ba7eed!important}
.studio-design :is(.card,.hero-session-panel,.splash-item,.server-card,.package-row,.pkg-sidebar,.cart-item,.payment-card,.coupon-card){border-radius:12px!important}
.studio-design .feature-section{margin-top:56px}
.studio-design .feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.studio-design .feature-card{padding:28px;border:1px solid #30364e;border-radius:12px;background:linear-gradient(145deg,#182139,#11182b)}
.studio-design .feature-number{font:11px/1.6 "Courier New",monospace;letter-spacing:.08em;color:#d5a6fd}
.studio-design .feature-card h3{font-size:25px;margin:32px 0 16px}
.studio-design .feature-card p{font-size:15px;line-height:1.8;color:#b5bdd5;margin:0}
.studio-design .section-intro{max-width:76ch;color:#b5bdd5;line-height:1.8;margin:0 0 26px}
.studio-design .text-link{color:#d5a6fd;font-size:14px;text-underline-offset:5px}
.studio-design .studio-directory{border-color:#30364e}
.studio-design .studio-directory a{padding:26px 18px;border-radius:7px;transition:background .15s}
.studio-design .studio-about{gap:64px;padding:40px 0 0;border-color:#30364e;margin-top:64px}
.studio-design .studio-about h2{font-size:clamp(32px,3.4vw,44px);margin-top:14px}
.studio-design .studio-about p{font-size:16px;line-height:1.85;margin-bottom:20px}
.studio-design .studio-about strong{color:#eee6fb}
.studio-design .story-caption{max-width:28ch;color:#a0a9c5!important}
.studio-design .community-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;background:#11182b;padding:28px;border:1px solid #30364e;border-radius:12px}
.studio-design .community-strip strong{overflow-wrap:anywhere}
.studio-design .home-news{border-color:#30364e}
.studio-design :is(.getting-started,.purchase-guide){display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;margin-top:56px;padding:36px;border:1px solid #49355f;border-radius:12px;background:linear-gradient(125deg,#201a35,#11182b)}
.studio-design :is(.getting-started,.purchase-guide) h2{font-size:36px;margin:12px 0 20px}
.studio-design :is(.getting-started,.purchase-guide) p{color:#b5bdd5;line-height:1.8;max-width:48ch}
.studio-design .getting-started>.btn{justify-self:start}
.studio-design .join-steps{list-style:none;counter-reset:steps;margin:0;padding:0;display:grid;gap:24px}
.studio-design .join-steps li{counter-increment:steps;position:relative;padding-left:44px}
.studio-design .join-steps li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:#d5a6fd;font:14px/1.8 "Courier New",monospace}
.studio-design .join-steps strong,.studio-design .join-steps span{display:block}
.studio-design .join-steps span{color:#b5bdd5;font-size:14px;line-height:1.8;margin-top:5px}
.studio-design .store-hero{border-bottom-color:#30364e!important;gap:40px}
.studio-design .store-hero h1{max-width:18ch;font-size:clamp(40px,5vw,68px)!important}
.studio-design .hero-session-panel{padding:26px!important;border:1px solid #49355f!important;background:#191d34!important}
.studio-design .splash-item{padding:22px!important}
.studio-design .server-select{margin-top:30px;overflow:hidden}
.studio-design .server-select-header{border-radius:8px!important;background:#1c2540!important}
.studio-design .server-card{overflow:hidden;border:1px solid #39425d!important;background:#151d32!important}
.studio-design .sc-banner{height:70px!important;min-height:70px!important;background:linear-gradient(110deg,#743aa7,#38275e)!important;border-radius:0!important}
.studio-design .sc-body{padding:24px}
.studio-design .sc-name{font-size:26px;letter-spacing:-.03em}
.studio-design .sc-btn,.studio-design .buy-btn{background:#9144d0!important;border:1px solid #b879fa!important;border-radius:7px!important;color:#fff!important;min-height:44px}
.studio-design .buy-btn.secondary{background:#202a44!important;border-color:#526080!important}
.studio-design .server-banner{border-radius:12px;background:linear-gradient(110deg,#271c40,#151c32)!important;border:1px solid #49355f}
.studio-design .catalogue-intro{margin:28px 0 12px}.studio-design .catalogue-intro p{margin:7px 0;color:#b5bdd5;font-size:14px}
.studio-design .pkg-sidebar{background:#11182b!important;border:1px solid #30364e}
.studio-design .category-link{border-radius:6px;color:#d8def0;background:transparent}
.studio-design .category-link.active{background:#302047!important;border-color:#765296!important;color:#efdcff!important}
.studio-design .package-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.studio-design .package-row{display:flex;flex-direction:column;background:linear-gradient(150deg,#1a233b,#11182b)!important;border-color:#39425d}
.studio-design .store-box-header{font-size:19px;line-height:1.35;letter-spacing:-.02em;text-transform:none;padding-top:24px;color:#f6f3ff}
.studio-design .store-price{font-size:32px;color:#e7c9ff}
.studio-design .store-box-lower{font-size:14px;line-height:1.8;color:#b5bdd5}
.studio-design .buy-row{margin-top:auto}
.studio-design .checkout-shell{width:min(1100px,calc(100% - 64px));margin:0 auto;padding:0 0 48px}
.studio-design .checkout-topbar{flex-wrap:wrap;background:transparent;border-radius:0}
.studio-design .checkout-content{margin-top:36px}
.studio-design .checkout-content>h1{font-size:clamp(30px,4vw,48px);text-transform:none;margin-bottom:28px}
.studio-design :is(.payment-card,.coupon-card,.recipient-bar){background:#151c32!important;border-color:#39425d!important;border-radius:10px}
.studio-design :is(.forums-subtabs,.category-list){gap:8px}
.studio-design .forums-subtab{padding:11px 16px;border-radius:7px!important}
.studio-design .forums-subtab.active{background:#302047!important;color:#efdcff!important;border-color:#765296!important}
.studio-design .skip-link{background:#e5ccff;color:#090d1d!important}
.studio-design [hidden]{display:none!important}
@media(max-width:1100px){.studio-design .topbar{align-items:flex-start}.studio-design .nav{width:100%}.studio-design .studio-masthead{gap:30px}}
@media(max-width:760px){
 .studio-design .feature-grid{grid-template-columns:1fr}.studio-design .feature-card h3{margin-top:18px}
 .studio-design :is(.getting-started,.purchase-guide){grid-template-columns:1fr;padding:24px;gap:24px}
 .studio-design .studio-about{gap:24px;grid-template-columns:1fr}
 .studio-design .community-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:22px}
 .studio-design .nav{flex-wrap:wrap!important;overflow:visible!important;gap:5px!important}
 .studio-design .nav .tab{font-size:12px;padding:9px 11px!important}
 .studio-design .studio-masthead{grid-template-columns:1fr;padding:38px 0}
 .studio-design .studio-masthead h1{font-size:clamp(52px,12vw,72px)}
 .studio-design .game-poster{min-height:365px}.studio-design .game-poster .poster-name{font-size:112px}.studio-design .game-poster .poster-two{font-size:280px}
 .studio-design .studio-section-heading{flex-wrap:wrap;gap:14px}
 .studio-design .checkout-shell{width:calc(100% - 32px)}
 .studio-design .checkout-nav{gap:3px!important}.studio-design .checkout-nav a{padding:8px!important}
 .studio-design .store-hero h1{font-size:44px!important}.studio-design .store-hero{margin-top:20px}
 .studio-design .server-page .hero-title{font-size:68px}
}
@media(prefers-reduced-motion:reduce){.studio-design *{scroll-behavior:auto!important;transition:none!important}}

.studio-design .studio-masthead h1{max-width:none}
.studio-design :is(.nav .tab,.checkout-nav a){font-family:Arial,sans-serif!important}
.studio-design .topbar.card{border-radius:0!important}

/* Final checkout navigation alignment. */
.studio-design .checkout-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}
@media(max-width:900px){.studio-design .checkout-topbar{flex-direction:column;align-items:flex-start}.studio-design .checkout-nav{width:100%;justify-content:flex-start}}
