/* Blox Studio — September 2026 */
:root {
  color-scheme:dark;
  --paper:#090d1d;--ink:#f6f3ff;--subtle:#a0a9c5;--rule:#30364e;--red:#a855f7;
  --bg:#090d1d;--bg-0:#090d1d;--bg-1:#151c32;--bg-2:#202a44;
  --panel:#11182b;--panel-0:#11182b;--panel-1:#151c32;--panel-2:#202a44;--panel-soft:#151c32;--panel-strong:#202a44;
  --text:#f6f3ff;--text-main:#f6f3ff;--text-soft:#b5bdd5;--text-dim:#a0a9c5;--muted:#a0a9c5;
  --line:#30364e;--border:#30364e;--border-strong:#59617d;--line-soft:#30364e;--line-strong:#59617d;
  --accent:#a855f7;--accent-2:#8840ce;--accent-3:#a855f7;--pink:#a855f7;--purple:#a855f7;--violet:#a855f7;--hot:#a855f7;
  --ice-a:#64d8ff;--ice-b:#64d8ff;--ice-c:#64d8ff;--good:#66d99a;--ok:#66d99a;--bad:#ff738f;
  --grad-main:#a855f7;--grad-topbar:#090d1d;--grad-panel:#11182b;--grad-ice:#64d8ff;--chip:#151c32;
  --shadow:none;--shadow-panel:none;--radius-xl:3px;--radius-lg:3px;--radius-md:3px;--radius-sm:3px;--radius-pill:3px;
}
html{scroll-behavior:smooth}
body.studio-design{margin:0;background:var(--paper)!important;color:var(--ink)!important;font-family:Arial,"Helvetica Neue",sans-serif!important;line-height:1.6;isolation:auto}
.studio-design *, .studio-design *::before,.studio-design *::after{box-sizing:border-box;text-shadow:none!important;box-shadow:none!important}
.studio-design::before,.studio-design::after,.studio-design .site-bg-particles,.studio-design .snow,.studio-design .ambient,.studio-design .pulse::after,.studio-design .btn-primary::after,.studio-design .hero-panel::after,.studio-design .sc-banner::before{display:none!important}
.studio-design :is(h1,h2,h3,h4){color:var(--ink)!important;font-family:Arial,"Helvetica Neue",sans-serif!important;letter-spacing:-.045em;line-height:1.12;font-weight:700}
.studio-design :is(p,li,label,td,th){color:inherit}
.studio-design :is(.hero-text,.copy,.hero-copy p,.muted,.subtitle,.lead,.description){color:var(--text-soft)!important;line-height:1.75}
.studio-design a{color:inherit}
.studio-design a:hover{text-decoration:underline;text-underline-offset:4px}
.studio-design :focus-visible{outline:3px solid #a855f7!important;outline-offset:4px}
.studio-design :is(input,select,textarea){background:#11182b!important;color:var(--ink)!important;border:1px solid #59617d!important;border-radius:3px!important;font:inherit;max-width:100%;accent-color:var(--red)}
.studio-design :is(input,select,textarea):disabled{opacity:.6}
.studio-design :is(.page-shell,.vault-shell){width:min(1280px,calc(100% - 80px))!important;margin:0 auto!important;padding:0 0 64px}
.studio-design .topbar{min-height:100px;padding:24px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--ink)!important;border-radius:0!important;backdrop-filter:none!important;gap:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.studio-design .brand{gap:12px}
.studio-design .brand img{width:37px;height:37px;border-radius:0;object-fit:contain}
.studio-design .brand-title{font-size:20px;letter-spacing:-.04em;font-weight:800;color:var(--ink)}
.studio-design .brand-sub{font-size:11px;color:var(--subtle);font-weight:400;letter-spacing:.025em;margin-top:4px}
.studio-design .nav{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.studio-design .tab{background:transparent!important;border:0!important;border-radius:0!important;padding:7px 0!important;font-size:13px;font-weight:600;color:var(--ink)!important;min-height:32px}
.studio-design .tab.active{color:var(--red)!important;border-bottom:2px solid var(--red)!important}
.studio-design :is(.card,.hero-panel,.upload-panel,.library-card,.auth-card,.sidebar,.section,.stat,.hero-session-panel,.splash-item,.privacy-card,.workspace,.output-panel){background:var(--panel)!important;border-color:var(--rule)!important;border-radius:3px!important;backdrop-filter:none!important}
.studio-design .card{padding:28px}
.studio-design .hero-grid{gap:48px;margin-top:48px;align-items:start}
.studio-design .hero-card{background:transparent!important;border:0;padding:24px 0;min-height:0}
.studio-design .hero-title{font-size:clamp(38px,5vw,68px);line-height:1.04;margin:16px 0 24px;max-width:15ch}
.studio-design :is(.eyebrow,.section-kicker,.small-label,.hero-eyebrow,.kicker,.nav-label){font:600 11px/1.5 "Courier New",monospace!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--red)!important}
.studio-design .card-title{font-size:26px;font-weight:700;margin:10px 0 24px}
.studio-design .metric-grid{gap:0;border-top:1px solid var(--rule)}
.studio-design .metric-box{padding:16px 4px;background:transparent!important;border:0!important;border-bottom:1px solid var(--rule)!important;border-radius:0!important;min-width:0}
.studio-design .metric-box strong{font-size:23px!important;font-weight:600;line-height:1.3;color:var(--ink)!important;overflow-wrap:anywhere}
.studio-design .metric-label{font:11px/1.5 "Courier New",monospace;color:var(--subtle)!important;letter-spacing:.03em}
.studio-design .meta-list>div{border-color:var(--rule)!important;gap:16px;align-items:baseline}
.studio-design .meta-list strong{overflow-wrap:anywhere;font-size:14px}
.studio-design :is(.btn,.button,.chip,.session-action,.hero-button){display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent!important;border:1px solid var(--ink)!important;color:var(--ink)!important;border-radius:3px!important;padding:11px 17px!important;font:600 13px/1.4 Arial,sans-serif!important;min-height:43px;transform:none!important;animation:none!important;transition:background .15s,color .15s!important;text-decoration:none!important;cursor:pointer}
.studio-design :is(.btn-primary,.btn-discord,.button:not(.ghost),.chip-invite){background:var(--red)!important;border-color:var(--red)!important;color:#11182b!important}
.studio-design :is(.btn,.button,.chip,.session-action):hover{background:var(--ink)!important;color:#11182b!important;border-color:var(--ink)!important}
.studio-design :is(.btn,.button,button):disabled{opacity:.5;cursor:not-allowed}
.studio-design .button-row{gap:10px;margin-top:28px}
.studio-design .info-grid{margin-top:48px;gap:24px}
.studio-design .stack-list{padding-left:19px;line-height:1.8;color:var(--text-soft)}
.studio-design .stack-list li{margin:10px 0}
.studio-design :is(.update-entry,.update-empty){background:transparent!important;border:0!important;border-bottom:1px solid var(--rule)!important;border-radius:0!important;padding:26px 0}
.studio-design .update-badge{background:#202a44!important;color:var(--ink)!important;border-radius:2px}
.studio-design .update-title{font-size:24px}
.studio-design .studio-footer{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:72px;padding:25px 0;border-top:1px solid var(--ink);font-size:12px;color:var(--subtle)}
.studio-footer a{margin-left:20px}
.studio-masthead{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:66px 0 72px;border-bottom:1px solid var(--ink)}
.studio-masthead h1{font-size:clamp(64px,7.8vw,108px);line-height:.94!important;letter-spacing:-.065em!important;margin:25px 0 28px}
.studio-masthead p{font-size:17px;max-width:44ch;color:var(--text-soft)}
.studio-design .game-poster{position:relative;display:flex;flex-direction:column;min-height:470px;padding:30px 34px;background:#8b42ca;color:#f6f3ff!important;text-decoration:none!important;overflow:hidden}
.game-poster .poster-meta{display:flex;justify-content:space-between;font:11px "Courier New",monospace;letter-spacing:.12em}
.game-poster .poster-name{font-size:clamp(75px,8vw,120px);font-weight:900;line-height:.82;letter-spacing:-.09em;margin-top:64px;z-index:1}
.game-poster .poster-two{position:absolute;right:19px;bottom:-43px;font-size:340px;font-weight:900;line-height:1;letter-spacing:-.09em;color:#672996}
.game-poster .poster-bottom{margin-top:auto;display:flex;justify-content:space-between;font-size:13px;border-top:1px solid #bf83e8;padding-top:17px;z-index:1}
.studio-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:48px 0 22px}
.studio-section-heading h2{font-size:34px;margin:0}
.studio-section-heading span{font:11px "Courier New",monospace;text-transform:uppercase;color:var(--subtle)}
.studio-directory{border-top:1px solid var(--ink)}
.studio-directory a{display:grid;grid-template-columns:52px 1fr 1fr 30px;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--rule);text-decoration:none!important}
.studio-directory a:hover{background:#202a44}
.studio-directory .index{font:12px "Courier New",monospace;color:var(--red)}
.studio-directory strong{font-size:24px;letter-spacing:-.04em}
.studio-directory p{margin:0;font-size:14px;color:var(--subtle)}
.studio-about{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--ink);margin-top:54px;padding-top:30px}
.studio-about h2{font-size:34px;margin-top:0;max-width:15ch}
.studio-about p{margin-top:0;color:var(--text-soft);font-size:15px}
.studio-design .home-news{display:grid;grid-template-columns:1fr 1.7fr;gap:48px;margin-top:54px;border-top:1px solid var(--ink);padding-top:30px}
.home-news h2{font-size:34px;margin-top:0}
.home-news ul{margin-top:0}
.community-strip{display:flex;gap:50px;padding:28px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:48px}
.community-strip>div{display:flex;flex-direction:column;gap:4px}
.community-strip strong{font-size:25px;letter-spacing:-.04em}.community-strip span{font:11px "Courier New",monospace;color:var(--subtle);text-transform:uppercase}
.studio-design .server-page{grid-template-columns:1.1fr 1fr;gap:60px}
.studio-design .server-page .hero-title{font-size:clamp(64px,7vw,96px);max-width:9ch;line-height:.95}
.server-description{font-size:18px;color:var(--text-soft);max-width:39ch}
.server-facts{display:flex;gap:25px;flex-wrap:wrap;margin-top:36px;padding:18px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font:11px "Courier New",monospace;text-transform:uppercase}
.studio-design .server-page .stats-card{margin-top:15px;border-top:4px solid var(--red)!important}
.studio-design #bloxrp2-map{font-size:17px!important}
.studio-design .stats-card .button-row{margin-top:20px}
.studio-design #status-freshness{font-size:12px;color:var(--subtle)}
.studio-design .store-hero{background:transparent!important;border:0!important;border-bottom:1px solid var(--ink)!important;border-radius:0!important;margin-top:42px;padding:30px 0 45px!important;gap:50px}
.studio-design .store-hero h1{font-size:clamp(40px,5.5vw,74px)!important;max-width:15ch}
.studio-design .store-hero h1 span{color:var(--red)!important;background:none!important;-webkit-text-fill-color:var(--red)!important}
.studio-design :is(.sc-banner,.server-select-header,.package-header,.package-tier,.splash-item,.steam-session-badge,.sc-features,.package-card,.cart-item,.cart-summary,.checkout-summary,.order-summary,.totals-panel){background:var(--panel)!important;color:var(--ink)!important;border-color:var(--rule)!important;border-radius:3px!important}
.studio-design :is(.sc-banner,.server-select-header){background:#202a44!important}
.studio-design .footer{background:transparent!important;border:0!important;border-top:1px solid var(--rule)!important;margin-top:36px}
.studio-design .vault-shell{padding-top:38px}
.studio-design .vault-shell>.hero-panel{padding:34px 0;background:transparent!important;border:0;border-bottom:1px solid var(--ink);overflow:visible}
.studio-design .vault-shell h1{font-size:clamp(44px,6vw,76px);margin:12px 0}
.studio-design .library-card{overflow:hidden}
.studio-design :is(.file-picker,.selected-files,.upload-progress,.library-toolbar,.library-empty,.media-details,.file-info){background:#151c32!important;color:var(--ink)!important;border-color:var(--rule)!important;border-radius:3px!important}
.studio-design :is(.filter-chip,.media-filter,.library-filter){background:transparent!important;color:var(--ink)!important;border:1px solid var(--rule)!important;border-radius:3px!important}
.studio-design :is(.filter-chip,.media-filter,.library-filter).active{background:var(--ink)!important;color:#11182b!important}
/* Forums retain their native rows, editors, permissions and dialogs. */
.studio-design [class^="forums-"],.studio-design [class^="forum-"]{border-color:var(--rule)!important;border-radius:3px!important;text-shadow:none!important}
.studio-design :is(.forums-breadcrumb,.forums-subtabs,.forums-subtab,.forums-category,.forums-sidebar-card,.forums-widget,.forums-row,.forum-row,.forum-card,.forums-hero,.forums-panel,.forums-section,.forums-stat,.forums-section-head,.forum-head,.forum-header,.forums-board,.forums-topic){background:var(--panel)!important;color:var(--ink)!important}
.studio-design .forums-subtab.active{background:var(--ink)!important;color:var(--paper)!important}
.studio-design :is(.forums-category-title,.forums-category-head,.forums-table-head,.forum-category-header){background:#202a44!important;color:var(--ink)!important}
/* IcePhox documentation shares the studio typography with a quiet blue accent. */
.studio-design.studio-ice{--red:#64d8ff;--accent:#64d8ff}
.studio-ice .layout{padding:32px!important}.studio-ice .shell{gap:42px!important}
.studio-ice .sidebar{border:0!important;border-right:1px solid var(--rule)!important;background:transparent!important;border-radius:0!important}
.studio-ice .sidebar .brand{border-bottom:1px solid var(--rule)}
.studio-ice :is(.sidebar a,.nav-group a){color:var(--ink)!important;border-radius:2px!important;background:transparent!important}
.studio-ice :is(.sidebar a,.nav-group a).active{background:#172f48!important;color:#8af4ff!important}
.studio-ice .hero{background:transparent!important;border:0!important;border-bottom:1px solid var(--ink)!important;border-radius:0!important;padding:20px 0 40px!important}
.studio-ice .hero h1,.studio-ice .hero h2{font-size:clamp(40px,5vw,66px)!important}
.studio-ice .section{border:0!important;border-top:1px solid var(--rule)!important;padding:32px 0!important;background:transparent!important}
.studio-ice :is(.hero-panel,.stat,.card){border:0!important;border-bottom:1px solid var(--rule)!important;background:transparent!important}
.studio-ice .mobile-sidebar-toggle{background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--rule)!important}
.studio-ice .bars span{background:var(--ink)!important}
.studio-design :is(.site-header,.studio-header){background:var(--paper)!important;color:var(--ink)!important;border-bottom:1px solid var(--rule)!important}
.studio-design :is(.intro,.intro-copy){background:transparent!important}
.studio-design :is(.intro em,.brand-mark){color:var(--red)!important;background:none!important;-webkit-text-fill-color:var(--red)!important}
.studio-design :is(.site-link,.header-status){color:var(--ink)!important}
.studio-design .site-link{border-color:var(--rule)!important;border-radius:3px}
.skip-link{position:absolute;left:20px;top:-80px;z-index:9999;padding:12px;background:var(--ink);color:#fff!important}.skip-link:focus{top:8px}
@media(max-width:1000px){
 .studio-design :is(.page-shell,.vault-shell){width:calc(100% - 40px)!important}
 .studio-design .topbar{gap:14px}.studio-design .nav{gap:18px}
 .studio-masthead{gap:35px}.studio-masthead h1{font-size:72px}.studio-design .game-poster{min-height:420px}
 .studio-design .hero-grid,.studio-design .server-page{gap:28px}
}
@media(max-width:720px){
 .studio-design :is(.page-shell,.vault-shell){width:calc(100% - 32px)!important}
 .studio-design .topbar{padding:20px 0 16px!important;display:block}
 .studio-design .nav{margin-top:18px;gap:9px 20px;justify-content:flex-start}.studio-design .tab{font-size:12px}
 .studio-masthead,.studio-about,.studio-design .home-news,.studio-design .hero-grid,.studio-design .server-page{grid-template-columns:1fr;gap:30px}
 .studio-masthead{padding:40px 0}.studio-masthead h1{font-size:64px}.studio-design .game-poster{min-height:340px}
 .game-poster .poster-name{margin-top:42px;font-size:90px}.game-poster .poster-two{font-size:270px}
 .studio-directory a{grid-template-columns:25px 1fr 20px;gap:12px}.studio-directory p{grid-column:2;grid-row:2}.studio-directory .arrow{grid-column:3;grid-row:1}
 .studio-directory strong{font-size:23px}.studio-section-heading h2{font-size:28px}
 .community-strip{gap:25px;flex-wrap:wrap}.community-strip strong{font-size:22px}
 .studio-design .info-grid{grid-template-columns:1fr}.studio-design .info-grid>[class*="span-"]{grid-column:1}
 .studio-design .hero-title{font-size:44px}.studio-design .server-page .hero-title{font-size:72px}
 .studio-design .card{padding:22px}.studio-design .meta-list>div{flex-wrap:wrap}
 .studio-design .store-hero{grid-template-columns:1fr!important}.studio-design .server-cards{grid-template-columns:1fr}
 .studio-design .studio-footer{margin-top:48px}.studio-footer a{margin:0 16px 0 0}
 .studio-ice .layout{padding:80px 16px 20px!important}.studio-ice .sidebar{background:var(--paper)!important}
 .studio-design .hero-grid{margin-top:28px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.studio-design *{animation:none!important;transition:none!important}}

/* Original Blox Studio colors, with flat surfaces and restrained accents. */
.studio-design :is(.btn-primary,.btn-discord,.button:not(.ghost),.chip-invite){color:#fff!important}
.studio-design :is(.btn,.button,.chip,.session-action):hover{background:#f6f3ff!important;color:#090d1d!important;border-color:#f6f3ff!important}
.studio-design .topbar.card{background:transparent!important;border-bottom-color:#59617d!important}
.studio-design .store-hero::before{display:none!important}
.studio-design .steam-session-copy span{color:#a0a9c5!important}
.studio-design .steam-session-copy strong{color:#f6f3ff!important}
.studio-design .benefit-icon{border-radius:2px;background:#202a44;color:#b5bdd5;border-color:#30364e}
.studio-design :is(.eyebrow,.section-kicker,.small-label,.hero-eyebrow,.kicker){color:#ed90c0!important}
.studio-design .game-poster{background:#8b42ca!important;color:#fff!important}
.studio-design .game-poster .poster-two{color:#602483}
.studio-design.studio-ice{--red:#64d8ff;--accent:#64d8ff}
.studio-ice :is(.eyebrow,.section-kicker,.kicker){color:#8af4ff!important}
.studio-ice .chip-invite{color:#090d1d!important}

.studio-design :is(.forum-block,.side-card,.steam-dropdown){background:#11182b!important;border:1px solid #30364e!important;border-radius:3px!important}
.studio-design :is(.forum-block-header,.side-card h3){background:#151c32!important;border-color:#30364e!important}
.studio-design .forum-block-toggle{padding:18px 20px}
.studio-design .forum-block-header h2,.studio-design .side-card h3{font-size:12px!important;font-weight:600!important;letter-spacing:.06em!important}
.studio-design .forum-row{padding:20px 16px}
.studio-design .forum-icon{background:#202a44!important;border-radius:2px!important;color:#ed90c0!important}
.studio-design :is(.who-list li,.topic-list li,.contrib-list li){background:transparent!important;border:0!important;border-bottom:1px solid #30364e!important;border-radius:0!important;padding:10px 0}
.studio-design .forums-hero{padding:34px 0!important;background:transparent!important;border:0!important}
.studio-design .forums-hero h1{font-size:clamp(32px,4vw,52px)}
.studio-design .steam-signin-button{background:#151c32!important;border-radius:3px!important}
.studio-design .brand{flex-shrink:0}
.studio-design .studio-footer{border-top-color:#59617d}.studio-design .topbar{border-bottom-color:#59617d!important}
@media(max-width:1080px){
 .studio-ice .layout{z-index:auto!important}
 .studio-ice .sidebar{visibility:hidden}
 .studio-ice .sidebar.open{visibility:visible}
 .studio-ice .network-return{top:18px!important;right:14px!important;left:auto!important;width:auto!important;z-index:1100;padding:10px 14px!important;border-radius:3px!important;background:var(--paper)!important}
}