/* Dark glass material shared by public pages, owner panel and staff tools. */
@font-face{font-family:Stratum2;src:url('../../../assets/fonts/Stratum2-Regular.woff2') format('woff2');font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:Stratum2;src:url('../../../assets/fonts/Stratum2-Bold.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}
:root{
  color-scheme:dark;
  --ui-bg:#000000;--ui-surface:rgba(0,0,0,.66);--ui-raised:rgba(8,8,8,.86);
  --ui-line:rgba(199,199,199,.13);--ui-line-strong:rgba(199,199,199,.25);
  --ui-text:#c4c4c4;--ui-muted:#a0a0a0;--ui-subtle:#858585;--ui-accent:#b8b8b8;--ui-accent-strong:#d0d0d0;
  --ui-accent-soft:rgba(255,255,255,.06);--ui-success:#84c9ad;--ui-danger:#e9a09b;
  --ui-heading:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--ui-font:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ui-mono:'IBM Plex Mono',Consolas,monospace;--ui-radius:22px;--ui-ease:cubic-bezier(.2,.8,.2,1);
  --ui-glass-blur:blur(22px) saturate(100%);--ui-glass-shadow:0 12px 42px #0005,inset 0 1px rgba(245,245,245,.07);
  --ui-glass-sheen:linear-gradient(135deg,rgba(230,230,230,.045),rgba(230,230,230,0) 48%);
  --bg:var(--ui-bg);--bg-1:var(--ui-surface);--bg-2:var(--ui-raised);--line:var(--ui-line);--line-2:rgba(199,199,199,.08);--line-hair:rgba(199,199,199,.05);
  --ink:var(--ui-text);--ink-dim:var(--ui-muted);--ink-faint:var(--ui-subtle);--brass:var(--ui-accent);--brass-dim:var(--ui-subtle);
  --steel:var(--ui-accent-strong);--gold:var(--ui-accent);--alert:var(--ui-danger);--live:var(--ui-success);
  --font:var(--ui-font);--font-mono:var(--ui-mono);--r:22px;--r-sm:12px;--r-pill:999px;--chrome-accent:var(--ui-accent);--shell:1320px;
}
*{box-sizing:border-box}
html{scroll-padding-top:110px;scrollbar-color:#333333 var(--ui-bg)}
body:is(.site-ui,.control-workspace){isolation:isolate;background:var(--ui-bg);color:var(--ui-text);font-family:var(--ui-font);font-size:14px;line-height:1.6}
body:is(.site-ui,.control-workspace)::before{content:none;display:none}
body.site-ui :is(h1,h2,h3,h4){font-family:var(--ui-heading);letter-spacing:-.035em;font-weight:600;line-height:1.15;color:var(--ui-text)}
body.site-ui h1{font-size:clamp(32px,4.3vw,52px)}
body.site-ui h2{font-size:clamp(22px,2.7vw,30px)}
body.site-ui h3{font-size:19px}
body.site-ui :is(p,li){text-wrap:pretty}
body.site-ui .muted{color:var(--ui-muted)}
body.site-ui .small{font-size:12px}
a{color:var(--ui-accent);text-underline-offset:4px}
:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ui-accent)!important;outline-offset:4px}
::selection{background:#b8b8b840;color:#dddddd}
button,input,textarea,select{font-family:var(--ui-font)}
button:disabled,[aria-disabled=true]{cursor:not-allowed}
[hidden]{display:none!important}
.site-ui .shell{padding-inline:24px;min-width:0}
.site-ui .panel{background:var(--ui-glass-sheen),var(--ui-surface);border-color:var(--ui-line);border-radius:var(--ui-radius);box-shadow:var(--ui-glass-shadow);backdrop-filter:var(--ui-glass-blur);-webkit-backdrop-filter:var(--ui-glass-blur)}
.site-ui .panel:hover{border-color:var(--ui-line-strong)}
.site-ui .head{gap:18px;margin-bottom:20px}.site-ui .head::after{background:var(--ui-line)}
/* Small controls share a translucent finish without nesting expensive blur layers. */
.site-ui .btn{min-height:44px;padding:11px 19px;border-radius:999px;font-size:13px;line-height:1.3;gap:9px;box-shadow:inset 0 1px rgba(72,72,72,.05);transition:background .18s var(--ui-ease),border-color .18s var(--ui-ease),transform .18s var(--ui-ease)}
.site-ui .btn:active{transform:scale(.98)}
.site-ui :is(.btn--brass,.btn--primary,.support-submit,.support-reply button){background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(0,0,0,.35))!important;border-color:rgba(191,191,191,.3)!important;color:var(--ui-accent-strong)!important;box-shadow:inset 0 1px rgba(72,72,72,.13),0 4px 18px #0002!important;font-weight:600}
.site-ui :is(.btn--brass,.btn--primary,.support-submit,.support-reply button):hover{background:rgba(255,255,255,.09)!important;border-color:rgba(191,191,191,.5)!important;color:#d6d6d6!important}
.site-ui .btn--ghost{border-color:var(--ui-line);background:rgba(198,198,198,.035);color:var(--ui-text)}
.site-ui .btn--ghost:hover{background:rgba(198,198,198,.08);border-color:var(--ui-line-strong)}
.site-ui .btn--steam{background:var(--ui-accent-soft);border-color:rgba(191,191,191,.25);color:var(--ui-accent-strong)}
.site-ui .btn--steam:hover{background:rgba(191,191,191,.16);border-color:var(--ui-line-strong)}
.site-ui .btn--sm{min-height:36px;padding:7px 13px;font-size:12px}
.site-ui .btn--lg{padding:12px 22px;min-height:48px;font-size:14px}
.site-ui :is(.btn[disabled],.btn--off){opacity:.45}
.site-ui :is(input[type=text],input[type=search],input[type=email],input[type=number],input[type=url],input[type=password],input[type=datetime-local],select,textarea){min-height:44px;background:rgba(0,0,0,.42);border:1px solid var(--ui-line-strong);border-radius:12px;color:var(--ui-text);font:400 14px var(--ui-font);padding:11px 13px;box-shadow:inset 0 1px 6px #0002}
.site-ui :is(input,select,textarea)::placeholder{color:var(--ui-subtle);opacity:1}
.site-ui :is(input,select,textarea):focus{border-color:var(--ui-accent);box-shadow:0 0 0 3px var(--ui-accent-soft)}
.site-ui :is(input,select,textarea):disabled{color:var(--ui-subtle);opacity:.65}
.site-ui :is(input,textarea)[aria-invalid=true]{border-color:var(--ui-danger)}
.site-ui input:is([type=checkbox],[type=radio]){accent-color:var(--ui-accent)}
.site-ui label.f>span{color:var(--ui-muted);font-size:12px;font-weight:500;margin-bottom:8px}
.site-ui .custom-select__button{min-height:44px;background:rgba(0,0,0,.42);border-color:var(--ui-line-strong);border-radius:12px;color:var(--ui-text);font-size:13px;line-height:1.5;padding-block:9px}
.site-ui .custom-select.is-open .custom-select__button{border-color:var(--ui-accent)}
.custom-select__menu{background:rgba(0,0,0,.88)!important;border-color:var(--ui-line-strong)!important;border-radius:16px!important;backdrop-filter:var(--ui-glass-blur)!important;-webkit-backdrop-filter:var(--ui-glass-blur)!important;box-shadow:var(--ui-glass-shadow)!important;padding:6px!important}
.custom-select__option{min-height:40px;color:var(--ui-muted)!important;border-radius:10px}
.custom-select__option:is(:hover,:focus){background:var(--ui-accent-soft)!important;color:var(--ui-text)!important}
.custom-select__option[aria-selected=true]{background:rgba(182,182,182,.15)!important;color:var(--ui-accent-strong)!important}
.custom-select__group{display:block;padding:8px 10px 4px;color:var(--ui-subtle);font:600 10px var(--ui-font)}
.site-ui :is(.tabs,.sb-tabs){background:rgba(0,0,0,.22);border-color:var(--ui-line);border-radius:14px;padding:4px;gap:4px}
.site-ui :is(.tab,.sb-tab){min-height:38px;border-radius:11px;color:var(--ui-muted);font-size:12px;padding:8px 13px}
.site-ui :is(.tab--on,.tab[aria-pressed=true],.sb-tab[aria-selected=true]){background:var(--ui-accent-soft);color:var(--ui-accent-strong);box-shadow:inset 0 1px rgba(72,72,72,.06)}
.site-ui :is(.chip,.tag){border-radius:999px;box-shadow:none}
.site-ui .chip{min-height:40px;border-color:var(--ui-line);background:rgba(0,0,0,.22);color:var(--ui-muted)}
.site-ui .chip--on{border-color:var(--ui-line-strong);background:var(--ui-accent-soft);color:var(--ui-accent-strong)}
.site-ui .tag{font-size:11px}
.site-ui .note{background:var(--ui-accent-soft);border-color:var(--ui-line);border-left-color:var(--ui-accent);border-radius:14px;font-size:13px}
.site-ui .note--ok{border-left-color:var(--ui-success)}.site-ui .note--err{border-left-color:var(--ui-danger)}
.site-ui .badge{box-shadow:none}.site-ui .badge--verified{background:var(--ui-accent-soft);border-color:var(--ui-line-strong);color:var(--ui-accent-strong)}
/* Focused glass sheets keep content readable over the dimmed page. */
.site-ui :is(.modal,.search-modal){z-index:1900;padding:24px 16px}
.site-ui :is(.modal__back,.search-modal__back){background:rgba(0,0,0,.57);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.site-ui :is(.modal__back,.search-modal__back)::before,.site-ui :is(.modal__back,.search-modal__back)::after{display:none}
.site-ui :is(.modal__box,.search-modal__box){background:var(--ui-glass-sheen),rgba(0,0,0,.9)!important;border:1px solid var(--ui-line-strong)!important;border-radius:26px!important;box-shadow:0 32px 100px #0009,inset 0 1px rgba(72,72,72,.1)!important;backdrop-filter:var(--ui-glass-blur)!important;-webkit-backdrop-filter:var(--ui-glass-blur)!important}
.site-ui .modal__box::before{display:none}
.site-ui :is(.modal__head,.search-modal__head){padding:22px 24px 18px;border-color:var(--ui-line);background:transparent}
.site-ui :is(.modal__head h2,.search-modal__head h2){font-size:25px;letter-spacing:-.025em}
.site-ui :is(.modal__head p,.topup-secure){color:var(--ui-muted);font-size:12px}
.site-ui :is(.modal__x,.search-modal__x){width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--ui-line);border-radius:50%;background:rgba(206,206,206,.04);color:var(--ui-muted);font-size:22px;transform:none}
.site-ui :is(.modal__x,.search-modal__x):hover{color:var(--ui-text);background:var(--ui-accent-soft);transform:none}
.site-ui :is(.modal__body,.search-modal__body){padding:22px 24px 24px}
.site-ui .sb-bar{background:rgba(0,0,0,.42);border-color:var(--ui-line-strong);border-radius:14px;box-shadow:none}
.site-ui .sb-bar:focus-within{border-color:var(--ui-accent);box-shadow:0 0 0 3px var(--ui-accent-soft)}
.site-ui .sb-bar__input{border:0;background:none;box-shadow:none}
.site-ui .topup :is(.topup-next,.topup-submit){min-height:44px;border-radius:999px;border-color:rgba(191,191,191,.3)!important;background:var(--ui-accent-soft)!important;color:var(--ui-accent-strong)!important;font-size:13px;font-weight:600;box-shadow:inset 0 1px rgba(72,72,72,.08)}
.site-ui .topup :is(.topup-next,.topup-submit):hover{background:rgba(170,170,170,.2)!important}
.site-ui .topup :is(.topup-back,.way){border-radius:14px;border-color:var(--ui-line);background:rgba(0,0,0,.22);color:var(--ui-text)}
.site-ui .topup :is(.topup-receive,.topup-summary,.topup-empty,.topup-no-way,.topup-promo,.topup-balance){background:rgba(206,206,206,.03);border-color:var(--ui-line);border-radius:14px;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-ui .topup .topup-receive strong{color:var(--ui-accent-strong)}
.site-ui .topup .way:is(.is-active,.is-selected){border-color:var(--ui-line-strong);background:var(--ui-accent-soft)}
.site-ui .topup .way.is-selected .way__mark{background:var(--ui-accent);border-color:var(--ui-accent)}
.site-ui .topup-agreement input:checked+.topup-check{border-color:var(--ui-accent);background:var(--ui-accent)}
.site-ui .topup-agreement a{color:var(--ui-accent-strong)}
.site-ui :is(.user-menu,.notice-menu,.lang__menu){background:var(--ui-glass-sheen),rgba(0,0,0,.89)!important;border-color:var(--ui-line-strong)!important;border-radius:20px!important;backdrop-filter:var(--ui-glass-blur)!important;-webkit-backdrop-filter:var(--ui-glass-blur)!important;box-shadow:var(--ui-glass-shadow)!important}
.site-ui .user-menu{padding:8px}.site-ui .user-menu__head{border-color:var(--ui-line);padding:12px}.site-ui .user-menu__name{font-size:14px;color:var(--ui-text)}
.site-ui .user-menu__profile{font-size:12px;color:var(--ui-accent)}.site-ui .user-menu__item{min-height:40px;padding:10px 12px;font-size:12px;border-radius:12px}.site-ui .user-menu__item:hover{background:var(--ui-accent-soft)}
.site-ui .user-menu__item--admin{color:var(--ui-accent)}.site-ui .user-menu__item--logout{color:var(--ui-danger)}
.site-ui .notice-item{border-color:var(--ui-line);padding:16px}.site-ui .notice-item:not(.is-read)>i{background:var(--ui-accent);box-shadow:none}.site-ui .notice-item strong{color:var(--ui-text)}.site-ui .notice-item span{font-size:12px;color:var(--ui-muted)}.site-ui .notice-item time{color:var(--ui-subtle)}.site-ui .notice-empty{color:var(--ui-muted);padding:32px 18px;font-size:13px}
.site-ui .site-toast{--toast-accent:var(--ui-accent);background:rgba(0,0,0,.86);border-color:var(--ui-line-strong);border-radius:18px;backdrop-filter:var(--ui-glass-blur);box-shadow:var(--ui-glass-shadow)}
.site-ui :is(.site-toast--ok,.site-toast--success){--toast-accent:var(--ui-success)}.site-ui :is(.site-toast--err,.site-toast--error){--toast-accent:var(--ui-danger)}.site-ui .site-toast b{color:var(--ui-text)}.site-ui .site-toast p{color:var(--ui-muted);font-size:12px}.site-ui .site-toast button{min-height:28px;min-width:28px;color:var(--ui-muted)}
.site-ui .site-announcement{background:var(--ui-accent-soft);border-bottom:1px solid var(--ui-line);color:var(--ui-text)}.site-ui .site-announcement__mark{background:none;color:var(--ui-accent);border-color:var(--ui-line-strong)}.site-ui .site-announcement p{color:var(--ui-muted)}.site-ui .site-announcement a{color:var(--ui-accent-strong)}
.site-ui .lost-page{--lost-ink:var(--ui-text);--lost-muted:var(--ui-muted);--lost-accent:var(--ui-accent)}
.site-ui .lost-page__visual{background:var(--ui-glass-sheen),var(--ui-surface);border-color:var(--ui-line);border-radius:28px;box-shadow:var(--ui-glass-shadow);backdrop-filter:var(--ui-glass-blur)}
.site-ui .lost-page__number>span{-webkit-text-stroke:1px rgba(187,187,187,.5);font-family:var(--ui-heading)}.site-ui .lost-page__portal{background:rgba(0,0,0,.4);border-color:var(--ui-line-strong);box-shadow:none}.site-ui .lost-page__portal img{filter:none}.site-ui .lost-page__portal i{border-color:var(--ui-line);border-top-color:var(--ui-accent)}.site-ui .lost-page__portal b{animation:none}.site-ui .lost-page__portal b::after{background:var(--ui-accent);box-shadow:none}
.site-ui :is(.lost-page__eyebrow,.lost-page__label,.lost-page__coordinates,.lost-page__visual-note,.lost-page__hint,.lost-page__route-index){color:var(--ui-subtle)}
.site-ui .lost-page__home{background:var(--ui-accent-soft);border-color:var(--ui-line-strong);border-radius:999px;color:var(--ui-accent-strong);font-size:13px}.site-ui .lost-page__home:hover{background:rgba(170,170,170,.2);border-color:var(--ui-accent)}
.site-ui .lost-page__routes a{background:var(--ui-surface);border-color:var(--ui-line);border-radius:16px}.site-ui .lost-page__routes a:hover{border-color:var(--ui-line-strong);background:var(--ui-raised)}.site-ui .lost-page__routes strong{color:var(--ui-text);font-size:16px}.site-ui .lost-page__routes small{color:var(--ui-muted);font-size:12px}
@media(max-width:600px){:root{--ui-glass-blur:blur(14px) saturate(100%)}body.site-ui{font-size:14px}.site-ui .shell{padding-inline:16px}.site-ui .btn{min-height:44px}.site-ui :is(input[type=text],input[type=search],input[type=email],input[type=number],input[type=url],input[type=password],select,textarea){font-size:16px}.site-ui :is(.modal__head,.search-modal__head){padding:18px 18px 16px}.site-ui :is(.modal__body,.search-modal__body){padding:18px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--ui-surface:#080808;--ui-raised:#0d0d0d}body:is(.site-ui,.control-workspace)::before{display:none}.site-ui :is(.modal__box,.search-modal__box,.user-menu,.notice-menu,.lang__menu){background:#080808!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(forced-colors:active){body:is(.site-ui,.control-workspace)::before{display:none}:is(.btn,.tab,.chip,.custom-select__button){border:1px solid ButtonText!important}.site-ui :is(.btn--brass,.btn--primary){background:ButtonFace!important;color:ButtonText!important}.site-ui :is(.tab--on,.tab[aria-pressed=true]){outline:2px solid Highlight!important}}