/* YUTEN / HVH — shared identity. Keep this layer last, after route styles. */
@font-face{font-family:'Yuten UI';src:url('../../../assets/fonts/yuten-ui.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{
  color-scheme:dark;
  --ui-bg:#000;--ui-surface:#030304;--ui-raised:#08080a;
  --ui-line:#202023;--ui-line-strong:#3b3b41;
  --ui-text:#e6e6ea;--ui-muted:#a1a1ac;--ui-subtle:#81818e;
  --ui-accent:#a6adff;--ui-accent-strong:#d6daff;--ui-accent-soft:rgba(124,135,242,.1);
  --ui-success:#93c4ae;--ui-danger:#e89aab;
  --hvh-red:#b33852;--hvh-red-dark:#551624;--hvh-blue:#8794ff;
  --ui-heading:'Yuten UI','Segoe UI',Arial,sans-serif;
  --ui-font:'Yuten UI','Segoe UI',Arial,sans-serif;
  --ui-mono:'Cascadia Code','SFMono-Regular',Consolas,monospace;
  --ui-radius:8px;--ui-ease:cubic-bezier(.2,.7,.2,1);
  --ui-glass-blur:none;--ui-glass-sheen:linear-gradient(0deg,transparent,transparent);--ui-glass-shadow:none;
  --bg:#000;--bg-1:#030304;--bg-2:#08080a;--line:var(--ui-line);--line-2:#161619;--line-hair:#101013;
  --ink:var(--ui-text);--ink-dim:var(--ui-muted);--ink-faint:var(--ui-subtle);
  --brass:var(--ui-accent);--brass-dim:#7d86c8;--steel:var(--ui-text);--gold:var(--ui-accent);
  --alert:var(--ui-danger);--live:var(--ui-success);--chrome-accent:var(--ui-accent);
  --font:var(--ui-font);--font-mono:var(--ui-mono);--r:8px;--r-sm:5px;--r-pill:999px;--top-h:76px;
}
html{scroll-padding-top:98px;scrollbar-color:#3a3a43 #000}
body:is(.site-ui,.control-workspace){background:#000!important;color:var(--ui-text);font-family:var(--ui-font);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(135,148,255,.12)}
body:is(.site-ui,.control-workspace)::before{display:none!important}
body:is(.site-ui,.control-workspace) :is(h1,h2,h3,h4){font-family:var(--ui-heading)!important;letter-spacing:-.045em;line-height:1.15;color:var(--ui-text)}
body.site-ui h1{font-size:clamp(30px,4.1vw,54px);font-weight:700}
body.site-ui h2{font-size:clamp(23px,2.4vw,32px);font-weight:650}
body:is(.site-ui,.control-workspace) :is(button,input,select,textarea){font-family:var(--ui-font)}
body:is(.site-ui,.control-workspace) .nums{font-family:var(--ui-mono);font-variant-numeric:tabular-nums;letter-spacing:-.035em}
body:is(.site-ui,.control-workspace) .muted{color:var(--ui-muted)!important}
body:is(.site-ui,.control-workspace) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--hvh-blue)!important;outline-offset:4px}
body:is(.site-ui,.control-workspace) ::selection{background:#46497e;color:#fff}
body:is(.site-ui,.control-workspace) :is(button,[role=button],summary){touch-action:manipulation}
body:is(.site-ui,.control-workspace) [hidden]{display:none!important}
body.site-ui{padding-top:var(--top-h)}
body.site-ui .shell{padding-inline:32px}

/* A continuous black masthead and an original blue mark. */
.site-ui .top--signal{inset:0 0 auto;height:var(--top-h);border:0;border-bottom:1px solid #202023;border-radius:0;background:#000;box-shadow:none;z-index:100}
.site-ui .top--signal::before{background:#000!important;border:0;border-radius:0;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.site-ui .top--signal .top__inner{max-width:var(--shell);padding-inline:32px;gap:24px}
.site-ui .top--signal .brand{gap:11px;min-height:44px}
.site-ui .brand__orbit{width:60px;height:32px}
.site-ui .brand__orbit img{display:block;width:60px;height:32px;object-fit:contain;filter:none;transform:none;transition:opacity .2s}
.site-ui .brand:hover .brand__orbit img{transform:none;opacity:.8}
.site-ui .brand__word{display:flex;align-items:baseline;gap:7px;font:750 19px/1 var(--ui-font);letter-spacing:-.06em}
.site-ui .brand__word small{font:600 8px/1 var(--ui-font);color:var(--ui-subtle);letter-spacing:.12em}
.site-ui .top--signal .nav{gap:0}
.site-ui .top--signal .nav a{min-height:44px;padding:0 12px;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ui-muted);font-size:12px;font-weight:550;box-shadow:none!important;transition:color .2s}
.site-ui .top--signal .nav a::before{display:none!important}
.site-ui .top--signal .nav a::after{content:'';position:absolute;inset:auto 12px 5px;display:block;width:auto;height:2px;background:var(--hvh-red);transform:scaleX(0);transform-origin:left;opacity:1;transition:transform .25s var(--ui-ease)}
.site-ui .top--signal .nav a:is(:hover,:focus-visible,[aria-current=page]){color:var(--ui-text)!important}
.site-ui .top--signal .nav a:is(:hover,:focus-visible,[aria-current=page])::after{transform:scaleX(1)}
.site-ui .top--signal .nav a.nav-store{padding:0 12px;min-height:44px;flex-direction:row;align-items:center;font-weight:650;color:var(--ui-accent-strong)!important}
.site-ui .top--signal .top__actions{gap:10px}
.site-ui .top--signal :is(.balance-trigger,.user-trigger,.notice-trigger){min-height:40px;border:1px solid var(--ui-line)!important;border-radius:5px!important;background:#000!important;box-shadow:none!important}
.site-ui .top--signal .user-trigger{padding:4px 7px}
.site-ui .top--signal .user-trigger .avatar{border-radius:3px;width:28px;height:28px}
.site-ui .top--signal .balance-trigger{padding:0 7px 0 11px}
.site-ui .top--signal .balance-trigger b{background:transparent;border-color:#393946;color:var(--ui-accent);border-radius:3px}
.site-ui .top--signal .notice-trigger{width:40px;color:var(--ui-muted)}
.site-ui .top--signal :is(.balance-trigger,.user-trigger,.notice-trigger):is(:hover,[aria-expanded=true]){border-color:var(--ui-line-strong)!important;color:var(--ui-text)}
.site-ui .top--signal .btn--steam{min-height:42px;padding:0 16px;border-color:#515469!important;border-radius:5px;background:#10121d!important;color:#d6daff!important;font-size:12px;font-weight:650}
.site-ui .top--signal .btn--steam:hover{border-color:var(--hvh-blue)!important;background:#181b2e!important}
.site-ui .nav-backdrop{inset:var(--top-h) 0 0;background:rgba(0,0,0,.8)}
.site-ui .site-announcement{background:#070306;border-bottom-color:#2c1820}
.site-ui .site-announcement__inner{width:min(calc(var(--shell) - 64px),calc(100% - 64px))}
.site-ui .site-announcement__mark{border-color:#5c2535;border-radius:2px;color:#d99bab;letter-spacing:.08em}
.site-ui .site-announcement a{color:var(--ui-text)}
.site-ui .site-announcement a span{color:var(--ui-danger)}

/* Content shares edges, type, fields and states across every module. */
body.site-ui :is(.panel,.board,.community-stats,.profile-identity-card,.profile-section,.profile-hero,.shop-card,.shop-comparison,.shop-period-shell,.product-card,.products-referral,.y-lb__board,.y-lb__you,.punishment-noir__list-panel,.support-list,.support-create,.support-conversation,.ref-share,.ref-workspace,.ref-ledger,.ref-table-section,.ref-rules,.ref-bottom,.rules-reader,.rules-nav,.partner-surface){background:#030304!important;border-color:var(--ui-line)!important;border-radius:8px!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.site-ui :is(.profile-page,.shop-page,.products-page,.y-lb,.punishment-noir,.support-page,.ref-page,.rules-page,.legal-page){font-family:var(--ui-font);padding-top:44px}
body.site-ui :is(.shop-head h1,.products-hero .hero__title-main,.y-lb__head h1,.punishment-noir__mast h1,.support-head h1,.ref-heading h1,.rules-head h1){font-family:var(--ui-heading)!important;font-weight:700;letter-spacing:-.05em!important;font-size:clamp(32px,4.3vw,54px)!important;text-transform:none}
body.site-ui :is(.shop-head,.y-lb__head,.punishment-noir__mast,.support-head,.ref-heading,.rules-head){border-color:var(--ui-line)!important;padding-bottom:26px!important}
body.site-ui :is(.shop-eyebrow,.ref-heading>div>span,.punishment-noir__kicker,.profile-stat-chart__eyebrow){color:#c98494;font-weight:650;letter-spacing:.12em}
body:is(.site-ui,.control-workspace) :is(.btn,.at-btn,.profile-action,.product-buy,.shop-buy-btn,.support-discord,.ref-share button,.ref-create button){min-height:42px;border-radius:5px!important;font-size:12px;font-weight:600;letter-spacing:0;box-shadow:none!important;transition:color .2s,background-color .2s,border-color .2s,transform .2s var(--ui-ease),translate .2s var(--ui-ease)}
body:is(.site-ui,.control-workspace) :is(.btn--primary,.btn--brass,.at-btn--primary,.at-btn--brass,.control-primary,.support-submit,.support-reply button,.shop-buy-btn,.product-buy,.ref-share button,.ref-create button){background:#491521!important;border:1px solid #7b3043!important;color:#f5dbe1!important;box-shadow:none!important}
body:is(.site-ui,.control-workspace) :is(.btn--primary,.btn--brass,.at-btn--primary,.at-btn--brass,.control-primary,.support-submit,.support-reply button,.shop-buy-btn,.product-buy,.ref-share button,.ref-create button):hover{background:#641e2e!important;border-color:#a34960!important;color:#fff!important}
body:is(.site-ui,.control-workspace) :is(.btn--ghost,.at-btn--ghost){background:#000!important;border-color:var(--ui-line-strong)!important;color:var(--ui-text)!important}
body:is(.site-ui,.control-workspace) :is(.btn,.at-btn):active{transform:translateY(1px)}
body:is(.site-ui,.control-workspace) :is(.btn--sm,.at-btn--sm){min-height:35px;font-size:11px}
body:is(.site-ui,.control-workspace) :is(button:disabled,.btn--off,[aria-disabled=true]){opacity:.45;cursor:not-allowed}
body:is(.site-ui,.control-workspace) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]):not([type=file]),select,textarea){min-height:44px;background:#000!important;border:1px solid #34343c!important;border-radius:5px!important;color:var(--ui-text)!important;padding:11px 13px;font-family:var(--ui-font)!important;font-size:13px;line-height:1.4;box-shadow:none!important;transition:border-color .18s}
body:is(.site-ui,.control-workspace) :is(input,select,textarea):focus{border-color:var(--hvh-blue)!important;box-shadow:none!important}
body:is(.site-ui,.control-workspace) :is(input,textarea)::placeholder{color:#82828e;opacity:1}
body:is(.site-ui,.control-workspace) :is(input,textarea)[aria-invalid=true]{border-color:var(--ui-danger)!important}
body:is(.site-ui,.control-workspace) :is(input,textarea,select):disabled{color:var(--ui-subtle)!important;opacity:.6}
body:is(.site-ui,.control-workspace) input:is([type=checkbox],[type=radio]){accent-color:var(--hvh-blue)}
body:is(.site-ui,.control-workspace) select option{background:#08080a!important;color:var(--ui-text)}
body:is(.site-ui,.control-workspace) .custom-select__button{min-height:44px;background:#000!important;border-color:#34343c!important;border-radius:5px!important;color:var(--ui-text);box-shadow:none!important;font-family:var(--ui-font);font-size:13px}
body:is(.site-ui,.control-workspace) .custom-select.is-open .custom-select__button{border-color:var(--hvh-blue)!important}
body:is(.site-ui,.control-workspace) .custom-select .custom-select__menu{background:#060609!important;border:1px solid #444450!important;border-radius:6px!important;box-shadow:0 18px 48px #000b!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:5px!important}
body:is(.site-ui,.control-workspace) .custom-select__option{min-height:40px;border-radius:3px;color:var(--ui-muted)!important}
body:is(.site-ui,.control-workspace) .custom-select__option:is(:hover,:focus,[aria-selected=true]){background:#11121e!important;color:var(--ui-accent-strong)!important}
body.site-ui :is(.tabs,.sb-tabs){background:#000;border-color:var(--ui-line);border-radius:5px;padding:4px}
body.site-ui :is(.tab,.sb-tab){border-radius:3px;min-height:38px;color:var(--ui-muted)}
body.site-ui :is(.tab--on,.tab[aria-pressed=true],.sb-tab[aria-selected=true]){background:#141019;color:#e0bec8;box-shadow:inset 0 -2px var(--hvh-red)}
body.site-ui :is(.chip,.tag,.badge){border-radius:3px!important;box-shadow:none}
body.site-ui .note{background:#09070a;border-color:#30202a;border-left-color:var(--hvh-red);border-radius:5px;color:#c9bac1}
body.site-ui .note--ok{border-left-color:var(--ui-success)}
body.site-ui .note--err{border-left-color:var(--ui-danger)}
body:is(.site-ui,.control-workspace) :is(th,td){border-color:#202023!important}
body:is(.site-ui,.control-workspace) th{background:#060608!important;color:var(--ui-muted)!important;font-size:10px;letter-spacing:.055em;font-weight:550}
body:is(.site-ui,.control-workspace) tbody tr{transition:background-color .18s}
body:is(.site-ui,.control-workspace) tbody tr:hover{background:#0b090d!important}
body:is(.site-ui,.control-workspace) :is(.pager a,.pager span,.pagination a){border-radius:4px!important}
body:is(.site-ui,.control-workspace) :is(.pager span.on,.pagination [aria-current=page]){background:#20101a!important;border-color:#713044!important;color:#f1ccd7!important}

/* Dialogs are solid, calm surfaces with clearly visible controls. */
body:is(.site-ui,.control-workspace) :is(.modal__back,.search-modal__back,.server-detail-modal__back,.staff-modal__back,.workspace-modal__back,.legal-modal__veil,.admin-modal__back){background:rgba(0,0,0,.83)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body:is(.site-ui,.control-workspace) :is(.modal__box,.search-modal__box,.server-detail-modal__box,.staff-modal__box,.workspace-modal__box,.admin-modal__box,.commerce-modal,.shop-compact-modal,.legal-modal__dialog,.user-menu,.notice-menu,.lang__menu,.footer-cursor-menu,.support-float__menu){background:#050507!important;border:1px solid #3d3d49!important;border-radius:9px!important;box-shadow:0 24px 80px #000c!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--ui-text)}
body.site-ui .top--signal .user-menu{background:#050507!important;border-radius:7px!important;box-shadow:0 24px 80px #000c!important}
body.site-ui .top--signal .user-menu::before{display:none!important}
body:is(.site-ui,.control-workspace) :is(.modal__head,.search-modal__head,.server-detail-modal__head,.staff-modal__head,.workspace-modal__head,.admin-modal__head){background:transparent!important;border-color:var(--ui-line)}
body.site-ui :is(.modal__x,.search-modal__x,.server-detail-modal__x){border:1px solid var(--ui-line-strong);border-radius:4px;background:#09090c;color:var(--ui-muted)}
body:is(.site-ui,.control-workspace) :is(.user-menu__item,.lang__menu a,.notice-item){border-radius:4px}
body:is(.site-ui,.control-workspace) :is(.user-menu__item,.lang__menu a):hover{background:#13111a!important;color:var(--ui-text)}
body:is(.site-ui,.control-workspace) :is(.user-menu__item--logout,.at-btn--danger,.btn--danger){color:var(--ui-danger)!important}
body.site-ui .sb-bar{background:#000!important;border-color:var(--ui-line-strong);border-radius:5px;box-shadow:none}
body.site-ui .sb-bar__input{border:0!important;background:transparent!important;box-shadow:none!important}
body.site-ui .topup :is(.topup-next,.topup-submit){border-radius:5px;background:#491521!important;border:1px solid #7b3043!important;color:#f5dbe1!important;box-shadow:none}
body.site-ui .topup :is(.topup-next,.topup-submit):hover{background:#641e2e!important}
body.site-ui .topup :is(.topup-back,.way,.topup-receive,.topup-summary,.topup-empty,.topup-no-way,.topup-promo,.topup-balance){border-radius:5px;background:#000!important;border-color:var(--ui-line)!important;backdrop-filter:none!important;box-shadow:none!important}
body.site-ui .topup .way:is(.is-active,.is-selected){border-color:#777fb9!important;background:#0f101b!important}
body:is(.site-ui,.control-workspace) :is(.site-toast,.at-toast){background:#09080c!important;border-color:var(--ui-line-strong)!important;border-radius:6px!important;box-shadow:0 12px 40px #000a!important;backdrop-filter:none!important}
body:is(.site-ui,.control-workspace) .site-toast b{color:var(--ui-text)}
body:is(.site-ui,.control-workspace) .site-toast p{color:var(--ui-muted)}
body.site-ui :is(.notice-empty,.support-empty,.shop-empty,.products-empty,.profile-empty,.at-empty){color:var(--ui-muted)}

/* Compact black control rooms: the owner panel and staff tools share identity. */
body.control-workspace{
  --bg:#000;--bg-2:#030304;--bg-3:#08080a;--ink:var(--ui-text);--ink-dim:var(--ui-muted);--ink-faint:var(--ui-subtle);
  --line:var(--ui-line);--line-2:#151519;--accent:var(--ui-accent);--accent-ink:var(--ui-accent-strong);
  --at-brass:var(--ui-accent);--at-muted:var(--ui-muted);--at-line:var(--ui-line);--steel:var(--ui-text);
  --r:8px;--r-sm:5px;--r-lg:9px;--control-sidebar:238px;--control-offset:238px;--control-tint:#161019;
  padding:0;font:400 13px/1.65 var(--ui-font)
}
body.control-workspace :is(.at-sidebar,.admin-sidebar){inset:0 auto 0 0!important;height:100dvh!important;width:var(--control-sidebar)!important;background:#000!important;border:0!important;border-right:1px solid #232329!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.control-workspace :is(.at-sidebar__top,.admin-sidebar__top){min-height:94px;padding:24px 20px!important;border-bottom-color:#202023}
body.control-workspace :is(.at-brand,.admin-brand){gap:11px;font-size:18px;font-weight:750;letter-spacing:-.055em}
body.control-workspace :is(.at-brand__mark,.admin-brand__mark){width:58px;height:31px;border-radius:0!important;object-fit:contain}
body.control-workspace :is(.at-brand em,.admin-brand em){margin-top:7px;color:#878797;font-size:8px;font-weight:600;letter-spacing:.14em}
body.control-workspace :is(.at-sidenav,.admin-sidenav){padding:18px 12px 24px!important}
body.control-workspace :is(.at-sidenav__group,.admin-sidenav__group){margin:22px 0 9px;padding-inline:12px!important;color:#8c8c98!important;font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
body.control-workspace :is(.at-sidenav__item,.admin-sidenav__item){min-height:42px;margin:3px 0!important;padding:10px 12px!important;gap:11px;border-radius:4px!important;color:#aaaab5!important;font-size:11px;font-weight:500;background:transparent!important;box-shadow:none!important}
body.control-workspace :is(.at-sidenav__item,.admin-sidenav__item) svg{width:16px;height:16px;stroke-width:1.5}
body.control-workspace :is(.at-sidenav__item,.admin-sidenav__item):hover{color:#e6e6ee!important;background:#0a0a0e!important}
body.control-workspace :is(.at-sidenav__item.active,.admin-sidenav__item.is-on){color:#eed6df!important;background:#160b12!important;border-color:#331722!important;box-shadow:inset 2px 0 #aa3d57!important}
body.control-workspace :is(.at-sidebar__foot,.admin-sidebar__foot){padding:19px 24px!important;border-color:#202023;background:#000}
body.control-workspace :is(.admin-sidebar__name,.at-sidebar__username){font-size:12px;font-weight:650}
body.control-workspace :is(.at-sidebar__foot .at-avatar,.admin-sidebar__foot .avatar){width:32px;height:32px;border-radius:4px}
body.control-workspace :is(.at-topbar,.admin-top){top:0;min-height:76px!important;margin:0!important;padding:12px 32px!important;border:0!important;border-bottom:1px solid #202023!important;border-radius:0;background:#000!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.control-workspace :is(.at-topbar__context,.admin-top__context)>span{font-size:9px;letter-spacing:.055em;color:#8d8d9b}
body.control-workspace :is(.at-topbar__title,.admin-top__context strong){font-size:13px;font-weight:650}
body.control-workspace .control-panel-switch{border:1px solid #282831;border-radius:4px;background:#000;padding:3px}
body.control-workspace .control-panel-switch a{min-height:33px;padding-inline:12px;border-radius:2px;font-size:11px;color:var(--ui-muted)}
body.control-workspace .control-panel-switch .is-active{background:#17101a;color:#ead3df}
body.control-workspace .control-site-link{font-size:11px;color:#b0b0bd;min-height:40px}
body.control-workspace .control-site-link svg{color:var(--ui-accent)}
body.control-workspace :is(.at-main,.admin-main){padding:38px 32px 64px!important;max-width:1600px!important}
body.control-workspace h1{font-weight:700;font-size:clamp(29px,3vw,42px)!important;letter-spacing:-.05em}
body.control-workspace h2{font-size:23px;font-weight:650}
body.control-workspace h3{font-size:17px;font-weight:650}
body.control-workspace :is(.panel,.at-card,.at-panel,.stat-card,.admin-stat,.admin-card,.at-stat,.commerce-card,.commerce-section,.workspace-stat,.workspace-panel,.staff-role-card,.staff-member,.nav-card,.legal-admin-row,.table-wrap,.board,.at-table-wrap,.control-stat,.control-card,.at-player,.priv-group-card,.shop-admin-card,.server-admin-card,.server-module-card,.database-admin-card,.commerce-panel,.feature-catalog,.shop-stat-tally,.chat-config){background:#030304!important;border-color:#29292f!important;border-radius:7px!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.control-workspace :is(.panel,.at-card){padding:24px!important}
body.control-workspace :is(.panel--tight,.at-card--tight){padding:17px!important}
body.control-workspace :is(.panel,.at-card) :is(.panel,.at-card,.at-table-wrap,.table-wrap,.priv-list-surface){background:#000!important;border-color:#222228!important;box-shadow:none!important;backdrop-filter:none!important}
body.control-workspace :is(.module-binding,.staff-permission,.vip-group-item,.chat-message,.chat-lookup-result,.chat-player-focus,.glass-choice span,.glass-check,.glass-switch){background:#000!important;border-radius:5px!important;border-color:#29292f!important;box-shadow:none!important}
body.control-workspace .staff-role-card::before{display:none}
body.control-workspace :is(.table-wrap,.at-table-wrap){background:#000!important;border-radius:6px!important;overscroll-behavior-x:contain}
body.control-workspace :is(.at-table,.board-table,.priv-table-compact,.table){font-size:12px}
body.control-workspace :is(.at-table,.board-table,.priv-table-compact,.table) :is(th,td){padding:15px 17px}
body.control-workspace :is(.at-table,.board-table,.priv-table-compact,.table) th{font-size:9px;text-transform:uppercase;font-weight:550;letter-spacing:.07em;background:#050506!important}
body.control-workspace .workspace-launchpad{gap:0;border:1px solid #29292f;border-radius:7px;overflow:hidden}
body.control-workspace .workspace-launchpad a{padding:26px 24px;border:0;border-right:1px solid #29292f;border-radius:0;background:#000;gap:13px}
body.control-workspace .workspace-launchpad a:last-child{border:0}
body.control-workspace .workspace-launchpad a:hover{background:#0a070d}
body.control-workspace .workspace-launchpad span{font-size:9px;color:#a78a98;letter-spacing:.12em}
body.control-workspace .workspace-launchpad strong{font-family:var(--ui-font);font-weight:650;font-size:22px;letter-spacing:-.035em}
body.control-workspace .workspace-launchpad small{font-size:11px;color:var(--ui-muted)}
body.control-workspace .workspace-queue-status{background:#050305;border-color:#34212a;border-left-color:var(--hvh-red);border-radius:5px;padding:19px 23px}
body.control-workspace .workspace-periods a{border-radius:3px;font-size:11px}
body.control-workspace .workspace-periods a[aria-current]{background:#1a0c14;border-color:#623044;color:#e9c3d0}
body.control-workspace .admin-chart-card{min-height:270px;background:#000!important}
body.control-workspace .admin-chart-card strong{font-family:var(--ui-font);font-size:34px;font-weight:600;letter-spacing:-.05em}
body.control-workspace .admin-chart-card polyline{stroke:#b84965}
body.control-workspace .admin-chart-card stop{stop-color:#b84965}
body.control-workspace :is(.admin-summary-tally,.tally){border-color:var(--ui-line)}
body.control-workspace .tally dd{font-family:var(--ui-font);font-weight:600;letter-spacing:-.05em;color:var(--ui-text)}
body.control-workspace .tally dt{color:var(--ui-muted);font-size:11px}
body.control-workspace :is(.workspace-action-rail button,.workspace-view-nav a){border-radius:4px;font-size:11px}
body.control-workspace .workspace-action-rail [aria-selected=true]{border-color:#723144!important;background:#1a0c14!important;color:#efd0db!important;box-shadow:inset 2px 0 var(--hvh-red)!important}
body.control-workspace .workspace-action-rail [aria-selected=true]::after{color:#d7a5b7;font-size:9px}
body.control-workspace :is(.glass-choice input:checked+span,.staff-permission:has(input:checked),.glass-check:has(input:checked),.glass-switch:has(input:checked)){border-color:#61688f!important;background:#0e101c!important}
body.control-workspace :is(.at-badge,.commerce-code,.chat-channel,.legal-slug,.at-support-status,.support-status){border-radius:3px!important;font-size:10px;background:#101016!important}
body.control-workspace :is(.at-support-message,.support-message){background:#050506;border-radius:5px;border-color:#2a2a30}
body.control-workspace :is(.at-support-message.is-staff,.support-message.is-staff){background:#0e0911;border-color:#432637}
body.control-workspace :is(.at-support-card.is-active,.admin-support__ticket.is-active){border-color:#623044!important;background:#160c13!important}
body.control-workspace :is(.at-search,.chat-filters){background:#000!important;border-color:var(--ui-line-strong)!important;border-radius:5px!important;box-shadow:none!important}
body.control-workspace .at-search input{background:transparent!important;border:0!important;box-shadow:none!important}
body.control-workspace :is(.at-sidebar__close,.admin-sidebar__close,.at-topbar__burger,.admin-top__burger){border-radius:4px;background:#000!important;border-color:var(--ui-line-strong);color:var(--ui-text)}
body.control-workspace :is(.at-overlay,.admin-overlay){background:rgba(0,0,0,.82);backdrop-filter:none}
body.control-workspace .control-footer{padding:22px 32px;border-color:var(--ui-line);font-size:10px;color:#9393a0}
body.control-workspace .control-footer>span::before{width:5px;height:5px;border-radius:0;background:var(--hvh-red)}

/* Footer typography and utility controls belong to the same design. */
body.site-ui .foot--refined{padding:0 32px 0;margin-top:72px;background:#000}
body.site-ui .footer-frame{max-width:calc(var(--shell) - 64px);padding:0;margin-inline:auto;border:0;border-top:1px solid #29292f;border-radius:0;background:#000;box-shadow:none}
body.site-ui .footer-frame::before{display:none!important}
body.site-ui .footer-main{padding:34px 0 32px;gap:42px}
body.site-ui .footer-logo img{width:64px;height:34px;object-fit:contain}
body.site-ui .footer-logo>span{font-size:20px;font-weight:750;letter-spacing:-.05em}
body.site-ui .footer-logo small{font-size:8px;letter-spacing:.12em;color:#858592}
body.site-ui .footer-identity p{font-size:11px;color:#91919e;line-height:1.8}
body.site-ui .footer-link-group>span{color:#dedee6;font-size:10px;font-weight:650}
body.site-ui .footer-link-group a{font-size:11px;color:#a1a1ae;min-height:33px}
body.site-ui .footer-link-group a:hover{color:#ded5df}
body.site-ui .footer-settings{border-color:#232329}
body.site-ui .footer-settings>span{font-size:10px;font-weight:650}
body.site-ui .footer-settings>p{font-size:10px;color:#858591}
body.site-ui .footer-community a{border-radius:4px;background:#000;min-height:36px;width:36px}
body.site-ui .footer-community a:hover{border-color:#6c3b50;color:#dac2cd}
body:is(.site-ui,.control-workspace) :is(.footer-control-btn,.lang__btn,.support-float__button){background:#000!important;border:1px solid #34343e!important;border-radius:4px!important;color:var(--ui-muted);box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;font-size:11px}
body:is(.site-ui,.control-workspace) :is(.footer-control-btn,.lang__btn,.support-float__button):is(:hover,[aria-expanded=true]){border-color:#747bba!important;color:var(--ui-text)}
body.site-ui .footer-utilities{padding:18px 0 22px;border-color:#1e1e24;gap:18px}
body.site-ui .footer-copyright{font-size:10px;color:#858591}
body.site-ui .footer-copyright a{font-size:10px;color:#a7a7b3}
body.site-ui .foot__back{border-radius:3px;min-height:36px;font-size:10px;color:#c2c2ce}
body:is(.site-ui,.control-workspace) .footer-cursor-menu :is(.cursor-style,.cursor-effect){border-radius:4px;background:#000!important;box-shadow:none!important}
body:is(.site-ui,.control-workspace) .cursor-stage{background:#000!important;border-radius:5px}
body.site-ui .support-shortcuts__head button{border-radius:4px}
body.site-ui .support-float__menu a{border-radius:4px}
body.site-ui .support-float__menu a>i{border-radius:4px;background:#09090d}

@media(min-width:1061px){.site-ui .top--signal .nav{justify-content:center}}
@media(max-width:1200px){
  .site-ui .top--signal .top__inner{gap:14px;padding-inline:24px}
  .site-ui .top--signal .nav a{padding-inline:9px;font-size:11px}
  .site-ui .top--signal .nav a.nav-store{padding-inline:9px}
  .site-ui .brand__word{font-size:17px}.site-ui .brand__orbit,.site-ui .brand__orbit img{width:50px;height:28px}
  .site-ui .top--signal .top__actions{gap:6px}
}
@media(max-width:1060px){
  .site-ui .top--signal .nav{inset:calc(100% + 1px) 16px auto;max-height:calc(100dvh - var(--top-h) - 16px);padding:12px;gap:3px;border:1px solid #34343f;border-radius:6px;background:#030304;box-shadow:0 24px 60px #000c;backdrop-filter:none;-webkit-backdrop-filter:none}
  .site-ui .top--signal .nav a,.site-ui .top--signal .nav a.nav-store{min-height:46px;padding:10px 13px;font-size:13px;align-items:center;border-radius:3px!important}
  .site-ui .top--signal .nav a::after{display:none}
  .site-ui .top--signal .nav a[aria-current=page]{background:#170c13!important;color:#ead3dc!important;box-shadow:inset 2px 0 var(--hvh-red)!important}
  .site-ui .top--signal .burger{width:40px;height:40px;border:1px solid #34343e;border-radius:4px;background:#000;color:var(--ui-text)}
  .site-ui .nav__caption{font-size:10px;color:#8b8b9a;border-color:#25252e}
  .site-ui .footer-main{gap:28px}
}
@media(max-width:1000px){
  body.control-workspace{--control-offset:0px}
  body.control-workspace :is(.at-content,.admin-wrap){width:100%!important;margin-left:0!important}
  body.control-workspace :is(.at-sidebar,.admin-sidebar){inset:0 auto 0 0!important;height:100dvh!important;width:min(300px,calc(100vw - 40px))!important;border-right:1px solid #3a3a44!important;border-radius:0!important;transform:translateX(-102%)!important}
  body.control-workspace :is(.at-sidebar,.admin-sidebar).open{transform:translateX(0)!important}
  body.control-workspace :is(.at-topbar,.admin-top){top:0;margin:0!important;padding:10px 18px!important;min-height:70px!important;gap:12px}
  body.control-workspace :is(.at-sidebar__close,.admin-sidebar__close,.at-topbar__burger,.admin-top__burger){display:flex!important;min-width:42px;min-height:42px}
  body.control-workspace :is(.at-main,.admin-main){padding:28px 20px 48px!important}
  body.control-workspace :is(.at-sidenav__item,.admin-sidenav__item){min-height:46px;font-size:12px}
  body.control-workspace .workspace-launchpad{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.control-workspace .workspace-launchpad a{border-bottom:1px solid #29292f}
  body.control-workspace .workspace-launchpad a:nth-child(even){border-right:0}
  body.control-workspace .workspace-launchpad a:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:600px){
  :root{--top-h:66px}
  body.site-ui .shell{padding-inline:18px}
  .site-ui .top--signal .top__inner{padding-inline:14px;gap:8px}
  .site-ui .top--signal .top__brand{gap:7px}
  .site-ui .brand{gap:8px!important}.site-ui .brand__orbit,.site-ui .brand__orbit img{width:47px;height:26px}.site-ui .brand__word{font-size:17px}.site-ui .brand__word small{display:none}
  .site-ui .top--signal .top__actions{gap:5px}
  .site-ui .top--signal .balance-trigger{padding-inline:6px;gap:5px}
  .site-ui .top--signal .balance-trigger strong{font-size:10px}
  .site-ui .top--signal .btn--steam{font-size:10px;padding-inline:10px;min-height:40px}
  .site-ui .top--signal .purse{display:none}
  .site-ui .top--signal .notice-trigger{width:36px;min-height:38px;height:38px}
  .site-ui .top--signal .user-trigger{padding:3px}
  .site-ui .site-announcement__inner{width:calc(100% - 36px)}
  body.site-ui :is(.profile-page,.shop-page,.products-page,.y-lb,.punishment-noir,.support-page,.ref-page,.rules-page,.legal-page){padding-top:30px}
  body:is(.site-ui,.control-workspace) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]):not([type=file]),select,textarea){font-size:16px}
  body:is(.site-ui,.control-workspace) :is(.btn,.at-btn){min-height:44px}
  body.site-ui .foot--refined{padding-inline:18px;margin-top:46px}
  body.site-ui .footer-frame{max-width:none}
  body.site-ui .footer-main{padding-top:28px;gap:27px}
  body.site-ui .footer-settings{padding-top:20px}
  body.site-ui .footer-link-group a{min-height:40px;font-size:12px}
  body.site-ui .footer-utilities{gap:10px}
  body.site-ui .footer-copyright{font-size:9px;gap:5px}
  body.control-workspace :is(.at-main,.admin-main){padding:26px 16px 44px!important}
  body.control-workspace :is(.at-topbar,.admin-top){padding:9px 12px!important;gap:9px}
  body.control-workspace :is(.at-topbar__context,.admin-top__context)>span{font-size:8px;max-width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  body.control-workspace :is(.at-topbar__title,.admin-top__context strong){font-size:11px;max-width:126px}
  body.control-workspace .control-panel-switch{gap:1px;padding:2px}
  body.control-workspace .control-panel-switch a{padding-inline:8px;font-size:9px;min-height:35px}
  body.control-workspace :is(.at-topbar__right,.admin-top__right){gap:6px}
  body.control-workspace .control-site-link>span{display:none}
  body.control-workspace .control-site-link{width:26px;justify-content:center}
  body.control-workspace :is(.panel,.at-card){padding:18px!important}
  body.control-workspace .workspace-launchpad a{padding:20px 17px}
  body.control-workspace .workspace-launchpad strong{font-size:20px}
  body.control-workspace .workspace-launchpad small{font-size:10px}
  body.control-workspace :is(.admin-chart-grid,.commerce-grid,.server-edit-grid,.shop-admin-grid,.staff-grid){grid-template-columns:minmax(0,1fr)}
  body.control-workspace .workspace-queue-status{padding:17px;gap:12px;flex-wrap:wrap}
  body.control-workspace .control-footer{padding:20px 16px}
}
@media(max-width:380px){.site-ui .brand__word{display:none}.site-ui .top--signal .top__actions{gap:4px}.control-workspace .control-panel-switch a{padding-inline:6px!important}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  body:is(.site-ui,.control-workspace) *,body:is(.site-ui,.control-workspace) *::before,body:is(.site-ui,.control-workspace) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  body:is(.site-ui,.control-workspace) :is(.btn,.at-btn):active{transform:none}
}
@media(forced-colors:active){
  body:is(.site-ui,.control-workspace) :is(.btn,.at-btn,.custom-select__button,.control-panel-switch a){border:1px solid ButtonText!important}
  body:is(.site-ui,.control-workspace) :is(.btn--primary,.btn--brass,.at-btn--primary,.at-btn--brass){background:ButtonFace!important;color:ButtonText!important}
  body.control-workspace :is(.at-sidenav__item.active,.admin-sidenav__item.is-on),.site-ui .top--signal .nav a[aria-current=page]{outline:1px solid Highlight!important}
}
