/* Public design system. Game identity changes tokens, never component geometry.
   Artwork is local; frosted surfaces blur the actual image beneath them. */
:root { scrollbar-gutter:stable; --accent:#60bfff; --scene:url('assets/winhub-home-castle.png'); --scene-position:center; }
:root[data-game="cs2"] { --accent:#ffb66e; --scene:url('assets/cs2-aim-selected.png'); --scene-position:55% 55%; }
:root[data-game="dota"] { --accent:#ff8b94; --scene:url('assets/shadow-fiend-selected.jpg'); --scene-position:60% 42%; }
:root[data-game="tanks"] { --accent:#60bfff; --scene:url('assets/tanks-selected.jpg'); --scene-position:60% 62%; }
:root { --support-accent:#60bfff; }
.support-back { margin-bottom:24px; }
dialog { overscroll-behavior:contain; scrollbar-width:thin; }
.payment-help-actions { margin-top:20px; }
:root[data-game]:not([data-admin="true"]) .section-head .text-link { font-size:16px; font-weight:750; }
:root[data-admin="true"] {
  color-scheme:dark;
  --bg:#0e131c; --panel:#182330; --panel2:#202e3d;
  .eyebrow,.text-link,.stat strong,.admin-login-art h1 span { color:#60bfff; }
  .btn.primary { background:#60bfff !important; color:#0e2030; box-shadow:none !important; }
  .btn.ghost,.btn:not(.primary):not(.danger) { background:#1b2838; border-color:#3a4b62; color:#dce8f6; }
  .pill.active,.tabs a.active,.admin-tabs a.active { color:#89d0ff; border-color:#60bfff; background:#17344a; }
  .badge.blue,.badge.purple,.role-chip { background:#18344a; color:#99d5ff; border-color:#365e7b; }
  .avatar { background:#203b50; color:#90d1ff; border-color:#3c607c; }
  .notice:not(.green):not(.warning) { background:#192a3b; border-color:#60bfff; color:#c3d6e9; }
  .input,textarea,select { background:#101924; color:#e7eff9; border-color:#354358; }
  .input:focus,textarea:focus,select:focus { border-color:#60bfff; box-shadow:0 0 0 3px #60bfff20; }
  dialog,.dialog-inner { background:#182330; color:#edf3fc; border-color:#435a73; }
  .toast { background:#173249; color:#edf3fc; border-color:#60bfff; }
  .control-main .stat { background:linear-gradient(125deg,#1b2c3c,#17212e); border-color:#354b60; border-top-color:#60bfff; }
  .control-main .calm-state,.control-main .calm-state .icon-svg { color:#8acfff; }
  .control-main .calm-state h3 { color:#dcebf8; }
  .control-note p { color:#95a9bf; }
  .audit-row i,.activity-row i,.audit-list i { background:#60bfff; }
  .btn.danger { background:#321b24; color:#ffb7be; border-color:#74414b; box-shadow:none; }
  .form-error { background:#351c22; border-color:#874552; color:#ffd3d8; }
}
@media(max-width:800px) { :root[data-admin="true"] .control-sidebar { height:auto; overflow:visible; } }
:root[data-game]:not([data-admin="true"]) {
  .profile-head>div { min-width:0; }
  .profile-head h1 { overflow-wrap:anywhere; }
  .avatar { background:color-mix(in srgb,var(--accent) 15%,#151c29); border:1px solid color-mix(in srgb,var(--accent) 30%,transparent); color:var(--accent); }
  .cabinet-nav { border-color:var(--line); gap:8px; padding-block:12px; }
  .cabinet-nav a { color:var(--muted); font-size:13px; padding:10px 12px; border-radius:10px; }
  .cabinet-nav a:hover,.cabinet-nav a[aria-current="page"] { color:var(--accent); background:color-mix(in srgb,var(--accent) 9%,transparent); }
  .cabinet-nav b,.notification.unread { color:var(--text); background:color-mix(in srgb,var(--accent) 8%,#131923); border-color:color-mix(in srgb,var(--accent) 40%,transparent); }
  .notification a { color:var(--text); }
  .notification.unread { border-radius:12px; }
  .badge.blue,.badge.purple { background:color-mix(in srgb,var(--accent) 12%,#151b27); color:var(--accent); border-color:color-mix(in srgb,var(--accent) 24%,transparent); }
  .match-message { background:#171e29; border-color:var(--line); }
  .match-message strong,.match-message.mine strong { color:var(--accent); }
  .match-message small { color:var(--quiet); }
  .track { background:#202b39; }
  .track span { background:var(--accent); }
}

/* Support uses one inbox pattern for tickets and a separate compact live chat. */
.support-sections { display:flex; gap:8px; flex-wrap:wrap; margin:0 0 22px; }
.support-sections a,.support-sections button { display:inline-flex; align-items:center; gap:8px; border:1px solid var(--line); background:#171e29; color:#cbd5e2; padding:11px 16px; border-radius:12px; font:700 13px var(--font); cursor:pointer; }
.support-sections [aria-current="page"] { background:#153047; border-color:#3884b5; color:#86ceff; }
.support-workspace { display:grid; grid-template-columns:minmax(260px,340px) minmax(0,1fr); gap:24px; align-items:start; }
.support-workspace .panel { margin:0; }
.support-inbox { padding:18px !important; position:sticky; top:100px; }
.support-search { display:flex; gap:8px; }
.support-search input { width:100%; min-width:0; }
.support-filters { display:flex; flex-wrap:wrap; gap:6px; margin:16px 0; }
.support-filters a { display:flex; align-items:center; gap:5px; padding:8px 9px; border:1px solid transparent; border-radius:9px; color:#bfcadb; font-size:12px; }
.support-filters [aria-current="page"] { background:#17334a; color:#8cd0ff; border-color:#315c7b; }
.support-filters b,.support-sections b { font-size:11px; }
.support-list { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; max-height:60vh; overflow:auto; scrollbar-width:thin; }
.support-list-item { display:block; min-width:0; padding:14px; border:1px solid #ffffff12; border-radius:12px; background:#111925; color:#e6edf5; }
.support-list-item:hover { background:#1a2735; }
.support-list-item.selected { border-color:#549cca; background:#172f42; }
.support-list-item>div { display:flex; align-items:center; gap:8px; }
.support-list-item strong { font-size:14px; overflow-wrap:anywhere; }
.support-list-item p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#b7c4d5; margin:7px 0; font-size:12px; }
.support-list-item small { font-size:11px; color:#9cacbe; }
.support-unread-dot { flex:none; width:8px; height:8px; background:#60bfff; border-radius:50%; }
.support-list-empty { padding:18px 4px; font-size:13px; }
.support-detail { min-width:0; }
.support-detail>p { margin:12px 0 22px; }
.support-detail .support-messages { max-height:52vh; overflow:auto; padding-right:6px; scrollbar-width:thin; }
.support-message { border-radius:14px; background:#192330 !important; border:1px solid #ffffff16 !important; max-width:90%; }
.support-message.from-admin { background:#17344b !important; border-color:#41637b !important; }
.support-message strong { color:#8ed2ff !important; font-size:12px; }
.support-message p { color:#e4eaf2; line-height:1.6; font-size:14px; }
.support-message small { color:#a1b2c6 !important; font-size:11px; }
.support-ticket.is-unread { border-color:#60bfff; box-shadow:none; }
.live-support { position:fixed; bottom:94px; right:24px; width:370px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 116px); display:flex; flex-direction:column; z-index:45; background:#141e2bef; color:#edf4fc; backdrop-filter:blur(24px); border:1px solid #526a82; border-radius:22px; box-shadow:0 20px 70px #0008,inset 0 1px 0 #ffffff21; overflow:hidden; }
.live-support-head { padding:18px 20px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ffffff16; }
.live-support-head strong { font-size:18px; }
.live-support-head small { display:block; color:#b2c2d7; font-size:12px; margin-top:4px; }
.live-support-body { overflow:auto; min-height:100px; padding:18px; margin:0; flex:1; }
.live-support-body p { line-height:1.65; font-size:14px; }
.live-support form { padding:14px 18px; border-top:1px solid #ffffff16; gap:10px; flex:none; }
.live-support textarea { width:100%; resize:vertical; max-height:130px; min-height:68px; font:14px/1.5 var(--font); color:#f1f5fb; }
.live-support .btn.primary { background:#60bfff; color:#102034; }
.live-support-link { padding:0 18px 18px; font-size:12px; color:#a5d9fc; }
.live-unread { position:absolute; top:-5px; right:-5px; padding:3px 6px; border-radius:10px; background:#60bfff; color:#102034; font-size:11px; }
@media(max-width:900px) { .support-workspace { grid-template-columns:1fr; }.support-inbox { position:static; }.support-list { max-height:240px; }.support-detail .support-messages { max-height:50vh; } }
@media(max-width:600px) { .live-support { right:12px; bottom:80px; max-width:calc(100% - 24px); max-height:calc(100dvh - 100px); }.support-sections a,.support-sections button { padding:10px; font-size:12px; }.support-ticket-head { flex-wrap:wrap; } }
.admin-nav-group { display:block; padding:18px 15px 5px; color:#8292a7; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.admin-nav-group:first-child { padding-top:0; }
@media(max-width:800px) { .admin-nav-group { display:none; } }
:root[data-admin="true"] {
  --purple:#60bfff; --pink:#60bfff; --line:#303c4d; --muted:#b6c2d3; --quiet:#8292a7;
  .control-topbar,.control-sidebar { background:#111722; border-color:#303c4d; }
  .control-main,.admin-login { background:#0e131c; }
  .control-sidebar { height:calc(100dvh - 78px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#40566f transparent; }
  .control-sidebar nav,.control-sidebar .control-note { flex-shrink:0; }
  .control-layout { background:#111722; }
  .control-sidebar nav a { color:#b6c2d3; }
  .control-sidebar .icon-svg { color:inherit; }
  .control-sidebar nav a.active { color:#a1d9ff; background:#183247; border-color:#416b88; box-shadow:inset 3px 0 #60bfff; }
  .control-sidebar nav a:hover { background:#1a2838; }
  .control-main .panel { background:linear-gradient(145deg,#1e2733,#161d28); border-color:#354358; box-shadow:none; }
  .control-main .btn.primary,.admin-login .btn.primary { background:#60bfff; color:#101c29; box-shadow:none; }
  .control-main .btn.ghost,.control-topbar .btn { background:#1b2634; border-color:#3a4b62; color:#dce8f6; }
  .control-main .input,.control-main textarea,.control-main select { background:#101924; border-color:#354358; color:#ecf2fa; }
  .control-main .badge,.nav-count { background:#18344a; color:#99d5ff; border-color:#365e7b; }
  .control-label,.control-sidebar>.eyebrow,.control-note { color:#a5b5c9; }
  .control-label i { background:#60bfff; box-shadow:none; }
  .control-status { background:#111722; border-color:#303c4d; color:#9eafc3; }
}
:root[data-game]:not([data-admin="true"]) {
  --bg:#0b0c13; --panel:#171923; --panel2:#202330; --line:rgba(227,233,255,.14);
  --text:#f4f5fb; --muted:#bbc0cf; --quiet:#929baa; --purple:var(--accent); --pink:var(--accent);
  --glass-edge:rgba(237,243,255,.22);
  --glass-fill:linear-gradient(145deg,rgba(240,244,255,.075),rgba(240,244,255,.015) 38%,rgba(240,244,255,.025)),rgba(18,21,32,.68);
  --glass-shadow:inset 0 1px 0 rgba(248,250,255,.2),inset 0 -1px 0 rgba(245,248,255,.045),0 16px 44px rgba(0,0,0,.2);
  --public-accent:var(--accent); --glass-accent:var(--accent);
  body { background:radial-gradient(ellipse at 85% 0%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 65%),#0b0c13 !important; background-attachment:fixed !important; color:var(--text); }
  body::before { content:""; position:fixed; z-index:-1; inset:0; background-image:linear-gradient(90deg,#0b0c13 15%,#0b0c1370),var(--scene); background-size:cover; background-position:var(--scene-position); opacity:.17; filter:blur(32px) saturate(.8); pointer-events:none; }
  h1,h2,h3 { font-family:var(--font); font-weight:800; letter-spacing:-.035em; }
  .wrap { width:min(1280px,calc(100% - 64px)); }
  .topbar { height:78px; background:rgba(11,12,19,.74) !important; border-bottom:1px solid var(--line); backdrop-filter:blur(24px) saturate(125%); -webkit-backdrop-filter:blur(24px) saturate(125%); box-shadow:inset 0 -1px 0 #ffffff04; }
  .topbar .wrap { display:grid; grid-template-columns:112px 190px minmax(0,1fr) auto; gap:26px; }
  .brand { font:800 30px/1 var(--font); letter-spacing:-1.2px; gap:0; }
  .brand-accent { color:var(--accent); }
  .brand-mark,.theme-toggle { display:none; }
  .topbar-tools { gap:10px; margin-left:auto; }
  .nav { margin-left:0; gap:22px; }
  .account-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .nav a { font-size:14px; font-weight:700; color:#e2e9f2; }
  .mobile-nav a { color:#e2e9f2; }
  .mobile-nav a.active,.mobile-nav a:hover { color:#fff; }
  .nav a.active,.nav a:hover { color:#fff; }
  .nav a.active::after { left:0; right:0; bottom:12px; height:2px; background:var(--accent); border-radius:2px; box-shadow:none; }
  .discipline-switcher { width:100%; min-width:0; position:relative; z-index:40; flex:none; padding:0; margin:0; border:0; background:none; }
  .discipline-trigger { display:flex; align-items:center; gap:12px; width:100%; min-width:0; min-height:42px; padding:9px 12px; border:1px solid rgba(234,239,255,.2); border-radius:12px; background:rgba(25,28,40,.72); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 22px rgba(0,0,0,.16); cursor:pointer; list-style:none; }
  .discipline-trigger::-webkit-details-marker { display:none; }
  .discipline-label { display:grid; gap:3px; text-align:left; line-height:1.25; }
  .discipline-label small { display:none; font-size:10px; color:#c8cddd; font-weight:700; letter-spacing:.03em; }
  .discipline-label strong { display:block; font-size:15px; font-weight:800; color:var(--text); }
  .discipline-trigger>.icon-svg { width:16px; height:16px; margin-left:auto; color:var(--muted); transition:transform .16s; }
  .discipline-switcher[open] .discipline-trigger>.icon-svg { transform:rotate(180deg); }
  .discipline-menu { position:absolute; inset:calc(100% + 9px) auto auto 0; width:244px; padding:8px; border:1px solid var(--glass-edge); border-radius:16px; background:#191e2b; box-shadow:0 18px 48px #0007; backdrop-filter:blur(24px); }
  .discipline-menu a { display:flex; align-items:center; gap:12px; padding:12px; border-radius:10px; font-size:15px; color:var(--muted); }
  .discipline-menu a:hover,.discipline-menu a.active { color:var(--text); background:rgba(255,255,255,.065); }
  .discipline-menu img { width:40px; height:30px; object-fit:cover; border-radius:6px; }
  .discipline-menu .icon-svg { margin-left:auto; color:var(--accent); width:15px; }
  .lang-picker { margin:0; }
  .lang-trigger,.language-button { box-shadow:none; }
  .language-picker { padding:0; border:0; }
  .language-picker summary { min-width:42px; min-height:42px; padding:0 12px; display:grid; place-items:center; border-radius:12px; background:rgba(25,28,40,.72); border:1px solid rgba(234,239,255,.2); color:var(--text); font-size:13px; font-weight:800; box-shadow:inset 0 1px 0 rgba(255,255,255,.12); }
  .language-options { background:#171c29; border-color:var(--line); }
  .btn { border-radius:12px; background:linear-gradient(145deg,#ffffff10,#ffffff03),rgba(23,26,39,.5); border:1px solid var(--line); box-shadow:inset 0 1px 0 #ffffff14; color:var(--text); transition:background .15s,border-color .15s; }
  .btn:hover { transform:none; background:rgba(236,241,255,.085); border-color:rgba(236,241,255,.28); box-shadow:inset 0 1px 0 #ffffff20; }
  .btn.primary { background:var(--accent); color:#15121c; border:1px solid transparent; box-shadow:0 6px 24px color-mix(in srgb,var(--accent) 12%,transparent); }
  .btn.primary:hover { background:color-mix(in srgb,var(--accent) 88%,white); }
  .btn.ghost { background:linear-gradient(145deg,#ffffff0d,#ffffff03),rgba(24,26,38,.45); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
  .account .btn { max-width:180px; min-height:42px; padding:10px 16px; background:rgba(25,28,40,.72); border-color:rgba(234,239,255,.2); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 22px rgba(0,0,0,.16); }
  .hero { min-height:590px; isolation:isolate; background:transparent; overflow:hidden; }
  .hero-art { inset:0; opacity:1; background:url('assets/winhub-home-castle.png') center 43%/cover no-repeat; filter:none; mask-image:linear-gradient(#000 65%,transparent 100%); }
  .hero-art::before,.hero::before { display:none; }
  .hero::after { background:linear-gradient(90deg,rgba(11,12,19,.88),rgba(11,12,19,.48) 42%,rgba(11,12,19,.06) 75%); mask-image:linear-gradient(#000 65%,transparent); }
  .hero .wrap { padding-top:72px; padding-bottom:100px; }
  .hero-copy { max-width:980px; padding:0; border:0; }
  .hero-copy .eyebrow { font-size:23px; letter-spacing:.12em; margin-bottom:12px; }
  .hero h1 { font-size:clamp(42px,4.6vw,64px); line-height:1.08; letter-spacing:-.055em; }
  .hero h1 span { color:var(--accent); }
  .hero-copy p,.hero .btn,.discipline-copy { text-shadow:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; }
  .hero p { max-width:550px; font-size:18px; font-weight:500; line-height:1.75; color:#dce3ef; margin:25px 0 28px; }
  .hero .actions .btn { font-size:15px; padding:14px 22px; }
  .hero-footnote { color:var(--quiet); font-size:12px; }
  .hero-caption { position:absolute; bottom:70px; right:0; text-align:right; }
  .hero-caption small { display:block; color:#c3c5d1; font-size:9px; letter-spacing:.2em; margin-bottom:8px; }
  .hero-caption strong { font:800 20px var(--font); letter-spacing:-.02em; }
  .hero-caption span { color:#a3a9b8; font-size:10px; letter-spacing:.14em; margin-top:4px; }
  .hero-seal,.hero-console { display:none; }
  .eyebrow { color:var(--accent); font-size:12px; }
  .eyebrow::before { display:none !important; }
  /* Actual images continue beneath the translucent lens, giving it depth. */
  .game-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:-22px; padding:0; border:0; background:transparent !important; border-radius:0; box-shadow:none; overflow:visible; backdrop-filter:none; }
  .game-strip { position:relative; isolation:isolate; }
  .game-strip::before { content:""; display:block; position:absolute; inset:-80px 0 -36px; z-index:-1; pointer-events:none; background:var(--scene) center 78%/cover; opacity:.40; filter:blur(12px); -webkit-mask-image:linear-gradient(transparent,#000 32%,#000 60%,transparent),linear-gradient(90deg,transparent,#000 96px,#000 calc(100% - 96px),transparent); mask-image:linear-gradient(transparent,#000 32%,#000 60%,transparent),linear-gradient(90deg,transparent,#000 96px,#000 calc(100% - 96px),transparent); -webkit-mask-composite:source-in; mask-composite:intersect; }
  .game-strip::after { display:none; }
  .game-option { position:relative; isolation:isolate; display:flex; align-items:center; gap:18px; min-height:128px; padding:26px; border:1px solid var(--glass-edge); border-radius:20px; overflow:hidden; background:linear-gradient(145deg,rgba(23,35,49,.77),rgba(10,17,27,.88)) !important; border-color:rgba(180,207,236,.22); border-top-color:rgba(224,242,255,.32); box-shadow:inset 0 1px 0 #ffffff08,0 16px 36px #0004; transition:border-color .15s; backdrop-filter:blur(20px) saturate(115%); -webkit-backdrop-filter:blur(20px) saturate(115%); }
  .discipline-art { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 55%; }
  .game-option::before { display:none; }
  .game-option::after { display:none; }
  .game-option:hover { transform:none; background:linear-gradient(145deg,rgba(27,42,57,.8),rgba(12,20,32,.88)) !important; border-color:color-mix(in srgb,var(--accent) 40%,transparent); box-shadow:inset 0 1px 0 #ffffff0c,0 16px 36px #0004; }
  .discipline-copy { min-width:0; position:relative; display:block; }
  .game-option strong,.game-option small { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; text-shadow:none; transform:none; }
  .game-option strong { font-size:21px; letter-spacing:-.025em; color:#fff; }
  .game-option small { margin-top:9px; color:#e0e8f4; font-size:14px; font-weight:600; line-height:1.55; }
  .game-emblem { display:none; }
  .game-option .arrow { margin-left:auto; position:relative; flex:none; color:#edf2ff; }
  .section { padding:60px 0; }
  .section-head { margin-bottom:26px; }
  .section-head h2 { font-size:32px; }
  .text-link,.crumbs a { color:var(--accent); }
  .cards { gap:12px; }
  .t-card { position:relative; isolation:isolate; background:var(--glass-fill) !important; border:1px solid var(--glass-edge); border-radius:22px; box-shadow:var(--glass-shadow); transition:border-color .2s,transform .2s; backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); }
  .t-card::before,.t-card::after { display:none !important; }
  .t-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--accent) 45%,transparent); box-shadow:var(--glass-shadow); }
  .t-art { height:224px; flex:none; background:#121720; border:0; }
  .t-art img,.t-art.cs2 img,.t-art.dota img,.t-art.tanks img { filter:none !important; transform:none !important; object-position:center; }
  .t-art.dota img { object-position:60% 42%; }
  .t-art.tanks img { object-position:59% 60%; }
  .t-art::after { bottom:0 !important; background:linear-gradient(0deg,rgba(9,12,21,.95),rgba(9,12,21,.5) 30%,transparent 65%) !important; }
  .t-art>.badge { top:16px; left:16px; background:rgba(10,18,21,.76); color:#d0f8e5; border:1px solid #c2ead93b; padding:7px 11px; border-radius:10px; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:inset 0 1px 0 #ffffff16; font-size:11px; text-shadow:none; }
  .t-art .art-label { position:absolute; left:22px; right:22px; bottom:20px; margin:0; font:800 22px/1.2 var(--font); letter-spacing:-.025em; text-wrap:balance; color:#fff; text-shadow:0 2px 12px #0008; z-index:1; }
  .t-art.wingman img { object-position:57% 37%; }
  .t-content { padding:22px; margin-top:0; border:0; background:linear-gradient(145deg,#ffffff06,transparent 55%) !important; }
  
  .t-meta { display:flex; flex-wrap:wrap; gap:8px 12px; margin-bottom:12px; font-size:15px; line-height:1.55; font-weight:800; align-items:baseline; color:#e1e5ee; }
  .card-bracket { color:#d4d9e5; font-size:15px; line-height:1.5; margin-bottom:16px; font-weight:700; }
  .t-content .capacity,.t-bottom,.t-bottom>span { color:var(--muted); }
  .t-meta>span:last-child { flex-shrink:0; }
  .card-start { display:flex; align-items:center; gap:9px; padding:8px 0 16px !important; margin:0 0 10px; background:none !important; border:0; border-radius:0 !important; border-bottom:1px solid var(--line); color:#e3e6ef !important; font-size:12px; }
  .card-start .icon-svg { color:var(--accent); width:16px; }
  .prize-row strong,.prize-big,.money-distribution strong { color:var(--accent) !important; font-variant-numeric:tabular-nums; }
  .prize-row>div:last-child strong { color:var(--text) !important; }
  .prize-row small { color:var(--muted); font-size:13px; line-height:1.5; }
  .t-content .capacity,.t-bottom { font-size:14px; line-height:1.5; }
  .card-start { font-size:14px; line-height:1.5; }
  .prize-row strong { font-size:26px; }
  .prize-row>div:last-child strong { font-size:22px; }
  .wingman-map-pool,.tank-tournament-info { margin:24px 0; }
  .tank-tournament-info h3 { font-size:15px; margin:0 0 12px; }
  .map-pool-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:6px 16px; margin-bottom:12px; }
  .map-pool-heading h3 { margin:0; }
  .map-pool-heading span { font-size:13px; color:var(--muted); }
  .banned-vehicles { margin-top:22px; padding-top:20px; border-top:1px solid var(--line); }
  .banned-vehicles p { font-size:14px; margin:0; }
  .wingman-map-pool h3 { font-size:15px; margin-bottom:12px; }
  .map-tags { display:flex; flex-wrap:wrap; gap:8px; }
  .map-tags span { padding:8px 12px; border-radius:9px; background:rgba(240,244,255,.045); border:1px solid var(--line); font-size:13px; color:var(--text); }
  .track { background:rgba(255,255,255,.08); }
  .track span { background:var(--accent); }
  .t-bottom { border-color:var(--line); }
  .t-bottom strong { color:var(--accent); }
  .page { padding-top:34px; }
  .game-space-header { position:relative; isolation:isolate; overflow:hidden; border:1px solid var(--glass-edge); border-radius:24px; min-height:280px; margin:0 0 30px; padding:38px 42px; display:flex; align-items:center; background:#172030; box-shadow:var(--glass-shadow); }
  .game-space-header>.discipline-art { z-index:-2; object-position:var(--scene-position); }
  .game-space-header::after { content:""; position:absolute; z-index:-1; inset:0; width:auto; height:auto; border-radius:0; filter:none; background:linear-gradient(90deg,rgba(7,11,20,.94),rgba(7,11,20,.62) 37%,rgba(7,11,20,.06) 78%),linear-gradient(0deg,rgba(7,11,20,.35),transparent 60%); }
  .discipline-heading { max-width:680px; padding:0; position:relative; }
  .discipline-heading .eyebrow { margin-bottom:16px; font-size:11px; letter-spacing:.16em; }
  .discipline-heading h1 { font-size:44px; margin-bottom:18px; letter-spacing:-.045em; text-shadow:0 2px 20px #0004; }
  .discipline-heading p { color:#e2e7f0; font-size:14px; line-height:1.65; }
  .filters { gap:16px; border-color:var(--line); }
  .filters .pills { flex-basis:100%; }
  .pill { border-radius:10px; color:var(--muted); }
  .pill.active { color:var(--text); background:color-mix(in srgb,var(--accent) 13%,transparent); border-color:color-mix(in srgb,var(--accent) 40%,transparent); }
  .pill:hover { background:rgba(255,255,255,.06); }
  .input,select,textarea { border-radius:11px; border-color:var(--line) !important; background:rgba(12,15,25,.75) !important; box-shadow:none; }
  .input::placeholder,textarea::placeholder { color:var(--quiet); }
  .tournament-banner { position:relative; isolation:isolate; padding:38px; min-height:310px; overflow:hidden; border-radius:24px; border:1px solid var(--glass-edge); background:#111622 !important; box-shadow:var(--glass-shadow); }
  .banner-art { inset:0; z-index:-2; background-position:var(--scene-position); filter:none !important; opacity:1 !important; }
  .tournament-banner::before { display:none; }
  .tournament-banner::after { background:linear-gradient(90deg,rgba(8,12,22,.87),rgba(8,12,22,.6) 43%,rgba(8,12,22,.08)); }
  .tournament-banner>div:not(.banner-art) { max-width:80%; }
  .tournament-banner h1 { font:800 clamp(28px,3.5vw,46px)/1.15 var(--font); letter-spacing:-.04em; text-shadow:0 2px 14px #0005; margin:20px 0; }
  .tournament-banner p { color:#e2e6ee; }
  .banner-id { display:none; }
  .event-start { display:inline-flex; align-items:center; gap:9px; padding:10px 14px; margin-bottom:12px; background:rgba(18,23,33,.38) !important; backdrop-filter:blur(16px); border:1px solid #ffffff36; border-radius:10px; color:#f4f6fc !important; }
  .event-start .icon-svg { color:var(--accent); }
  .tournament-layout { grid-template-columns:minmax(0,1fr) 330px; grid-template-areas:"tabs ." "content entry"; gap:26px; align-items:start; }
  .tournament-layout>.tabs { grid-area:tabs; margin-bottom:0; }
  .tournament-content { grid-area:content; min-width:0; }
  .tabs { border-color:var(--line); gap:28px; }
  .tabs a { font-size:14px; padding:15px 0; }
  .tabs a.active { color:var(--accent); border-color:var(--accent); }
  .panel,.how-banner,.entry-card,.support-contact { background:var(--glass-fill) !important; border:1px solid var(--glass-edge); border-radius:22px; box-shadow:var(--glass-shadow); backdrop-filter:blur(24px) saturate(115%); -webkit-backdrop-filter:blur(24px) saturate(115%); }
  .panel::before,.panel::after,.how-banner::before { display:none; }
  .panel { padding:28px; }
  .panel h2 { font-size:21px; }
  .panel p { color:var(--muted); }
  .stat { border-radius:14px; background:rgba(7,11,23,.3) !important; border:1px solid var(--line); box-shadow:none; }
  .stat strong { font-size:23px; color:var(--text); }
  .tournament-system { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:22px 0; padding:20px; border:1px solid var(--line); border-radius:14px; background:rgba(19,22,32,.54); }
  .tournament-system span { display:block; color:var(--muted); font-size:12px; margin-bottom:6px; }
  .tournament-system strong { font-size:20px; font-weight:750; line-height:1.3; color:var(--text); }
  .tournament-system p { margin:0; max-width:210px; font-size:13px; line-height:1.6; }
  .tournament-format-note { border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.035) !important; box-shadow:none; padding:20px; }
  .tournament-format-note strong { font:600 14px/1.75 var(--font); color:var(--text); }
  .join-panel.prize-panel { grid-area:entry; position:sticky; top:102px; align-self:start; margin:0; max-height:none; overflow:hidden; }
  .join-panel.prize-panel::before { inset:0; }
  .prize-big { font:800 38px/1.3 var(--font); }
  .money-distribution { background:rgba(245,248,255,.04) !important; border:1px solid var(--line); border-radius:12px; }
  .info-rows,.info-row { border-color:var(--line); }
  /* Quiet glass: no duplicated artwork or textured overlays behind reading areas. */
  .journey-panel,.overview-panel,.prize-panel,.tournament-content>.panel {
    position:relative; isolation:isolate; overflow:hidden;
    background:linear-gradient(155deg,rgba(255,255,255,.035),transparent 55%),rgba(16,22,32,.92) !important;
    border:1px solid rgba(200,219,239,.17);
    box-shadow:inset 0 1px 0 rgba(240,247,255,.07),0 12px 32px rgba(0,0,0,.12);
    backdrop-filter:blur(20px) saturate(105%); -webkit-backdrop-filter:blur(20px) saturate(105%);
  }
  .tournament-content>.panel::before,.tournament-content>.panel::after,.tournament-content>.panel::before,.tournament-content>.panel::after,.tournament-content>.empty::before,.tournament-content>.empty::after,.journey-panel::before,.overview-panel::before,.prize-panel::before,
  .journey-panel::after,.overview-panel::after,.prize-panel::after { display:none; }
  .timeline-item { gap:18px; padding-bottom:24px; }
  .timeline-number { width:34px; height:34px; background:rgba(240,245,255,.06); border:1px solid color-mix(in srgb,var(--accent) 55%,transparent); border-radius:50%; color:var(--accent); font-size:12px; }
  .timeline-item strong { font-size:14px; }
  .timeline-item p { color:#c9cfdd; }
  .how-banner { padding:38px; gap:36px; }
  .how-banner::after { display:none; }
  .step-number { color:var(--accent); font:800 28px var(--font); }
  .notice { border-radius:12px; background:rgba(240,244,255,.04) !important; border-left:2px solid var(--accent); color:var(--muted); box-shadow:none; }
  .notice.green { border-color:#8bdbb1; color:#bde2ce; }
  .notice.warning { border-color:#ffb982; color:#f5d1b1; }
  .match,.payment-choice { border:1px solid var(--line); border-radius:14px; background:var(--glass-fill); box-shadow:inset 0 1px 0 #ffffff12; }
  .payment-choice:hover { border-color:color-mix(in srgb,var(--accent) 45%,transparent); background:rgba(233,240,255,.08); }
  .match-row.winner { background:color-mix(in srgb,var(--accent) 10%,transparent); }
  .bracket-score { color:var(--accent); }
  .match-message.mine { background:color-mix(in srgb,var(--accent) 9%,#131721); }
  .header-match { background:#171e2c; border:1px solid var(--line); border-radius:12px; box-shadow:0 8px 20px #0004; }
  .support-fab { width:56px; height:56px; padding:0; display:grid; place-items:center; border-radius:18px !important; box-shadow:inset 0 1px 0 #ffffff35,0 10px 30px #0005 !important; background:#192b3c !important; border:1px solid color-mix(in srgb,var(--accent) 45%,transparent) !important; color:var(--text) !important; }
  .support-fab span { display:none; }
  .support-fab .icon-svg { width:24px; height:24px; }
  .support-fab:hover { background:#243b50 !important; transform:none; }
  dialog { background:linear-gradient(140deg,#ffffff0d,transparent 50%),rgba(19,23,35,.87); border-color:rgba(230,240,255,.32); border-radius:24px; box-shadow:inset 0 1px 1px #ffffff38,0 32px 100px #0008; backdrop-filter:blur(32px) saturate(125%); -webkit-backdrop-filter:blur(32px) saturate(125%); }
  dialog::backdrop { background:rgba(3,6,15,.68); backdrop-filter:blur(8px); }
  .login-divider { display:flex; align-items:center; gap:12px; color:var(--quiet); margin:24px 0; font-size:12px; }
  .login-divider::before,.login-divider::after { content:""; height:1px; flex:1; background:var(--line); }
  .footer { background:rgba(9,11,20,.7); border-top:1px solid var(--line); }
  .footer .brand { font-size:24px; }
  .footer-links { color:var(--muted); }
  .help-layout>aside { align-self:start; padding:12px; border:1px solid var(--line); border-radius:16px; background:var(--glass-fill); box-shadow:inset 0 1px 0 #ffffff16; }
  .help-layout>aside a { border-radius:10px; }
  .help-layout details { border-color:var(--line); }
  .loading { color:var(--accent); }
  ::selection { background:#266996; color:#fff; }
  .check input { accent-color:var(--accent); }
  .pill.active { box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 15%,transparent); }
  .empty { background:var(--glass-fill); border-color:var(--line); border-radius:18px; }
  .empty-icon { background:color-mix(in srgb,var(--accent) 10%,#151b25); border-color:color-mix(in srgb,var(--accent) 30%,transparent); color:var(--accent); }
  .toast { background:#162334; border-color:color-mix(in srgb,var(--accent) 50%,transparent); color:var(--text); border-radius:12px; }

  @media(max-width:1180px) {
    .topbar .wrap { grid-template-columns:105px 180px minmax(0,1fr) auto; gap:18px; }
    .brand { font-size:28px; }
    .nav { gap:16px; }
    .nav a { font-size:13px; }
    .discipline-trigger { min-width:0; gap:8px; }
  }
  @media(max-width:1020px) {
    .topbar .wrap { grid-template-columns:105px 180px minmax(0,1fr) 34px; }
    .nav { display:none; }
    .mobile-toggle { display:block; flex:none; }
    .mobile-nav.open { display:flex; background:#121826; border-color:var(--line); }
    .hero-copy { max-width:560px; }
    .hero-caption { bottom:45px; }
    .t-meta { flex-wrap:wrap; }
  }
  @media(max-width:760px) {
    .wrap { width:calc(100% - 32px); }
    .topbar { height:72px; }
    .topbar .wrap { grid-template-columns:85px minmax(0,1fr) auto 34px; gap:10px; }
    .brand { font-size:25px; }
    .discipline-trigger { min-width:0; padding:7px 9px; gap:8px; }
    .discipline-label small { font-size:9px; }
    .discipline-label strong { font-size:13px; max-width:118px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .topbar-tools { gap:6px; }
    .account .btn { min-width:38px; padding:9px; }
    .account .btn>span { display:none; }
    .account .btn .icon-svg { display:block; }
    .mobile-toggle { width:34px; height:38px; }
    .discipline-menu { left:0; width:226px; }
    .hero { min-height:550px; }
    .hero .wrap { padding-top:56px; padding-bottom:120px; }
    .hero-copy { max-width:95%; }
    .hero h1 { font-size:clamp(38px,7.7vw,54px); }
    .hero-art { inset:0; opacity:.65; background-position:53% center; }
    .hero::after { background:linear-gradient(90deg,rgba(11,12,19,.45),transparent); }
    .hero p { font-size:16px; max-width:400px; }
    .hero-caption { right:0; bottom:44px; }
    .hero-caption strong { font-size:15px; }
    .hero-caption small { display:none; }
    .hero .actions { gap:10px; }
    .hero .actions .btn { font-size:13px; padding:12px 14px; }
    .hero-footnote { font-size:10px; }
    .game-strip { grid-template-columns:1fr; gap:10px; margin-top:-20px; }
    .game-option { min-height:98px; padding:20px 22px; border-radius:18px; }
    .section { padding:42px 0; }
    .section-head h2 { font-size:27px; }
    .game-space-header { padding:28px; min-height:245px; align-items:center; }
    .discipline-heading { max-width:100%; }
    .discipline-heading h1 { font-size:32px; }
    .tournament-system { align-items:flex-start; flex-direction:column; gap:10px; }
    .tournament-system p { max-width:none; }
    .game-space-header>.btn { font-size:12px; }
    .tournament-banner { min-height:270px; padding:25px; }
    .tournament-banner>div:not(.banner-art) { max-width:100%; }
    .tournament-banner h1 { font-size:29px; overflow-wrap:anywhere; }
    .tournament-layout { grid-template-columns:1fr; grid-template-areas:"tabs" "entry" "content"; }
    .join-panel.prize-panel { position:relative; top:auto; max-height:none; overflow:visible; }
    .tabs { gap:21px; }
    .tabs a { font-size:12px; }
    .panel { padding:22px; }
    .how-banner { padding:26px; grid-template-columns:1fr; }
    .footer .wrap { gap:20px; }
    .footer-links { margin-left:0; flex-wrap:wrap; }
  }
  @media(max-width:430px) {
    .topbar .wrap { width:calc(100% - 24px); grid-template-columns:80px minmax(0,1fr) auto 30px; gap:6px; }
    .brand { font-size:23px; }
    .discipline-label strong { max-width:89px; }
    .discipline-trigger { padding:6px; }
    .topbar-tools { gap:4px; }
    .lang-trigger { padding-inline:7px; min-width:35px; }
    .cards { grid-template-columns:1fr; }
  }
  @media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto; transition:none !important; } }
  @media(prefers-reduced-transparency:reduce) {
    .panel,.how-banner,.entry-card,.support-contact,.t-card,dialog { background:#181c29 !important; backdrop-filter:none; -webkit-backdrop-filter:none; }
    .game-option .glass-surface { background:rgba(9,12,22,.88); backdrop-filter:none; -webkit-backdrop-filter:none; }
  }
}
@media(max-width:800px) {
  :root[data-admin="true"] .control-sidebar { height:auto; overflow:visible; }
}

/* Payment details use the same readable type as the rest of the interface. */
dialog .payment-requisites { font-family:var(--font); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
/* Balance and game controls share a calm, sharply aligned glass surface. */
.account { display:flex; align-items:center; gap:10px; }
.account-wallet { display:inline-flex; gap:var(--account-spacing,12px); align-items:center; font-size:13px; font-weight:600; line-height:1; white-space:nowrap; font-variant-numeric:tabular-nums; }
.account-wallet a { color:#eef6ff; font-weight:700; }
.account-wallet span { display:inline-flex; align-items:center; gap:4px; color:#5cbfff; }
.account-wallet abbr { text-decoration:none; }
.account-wallet button { display:grid; place-items:center; flex:none; line-height:1; width:32px; height:32px; padding:0; border:1px solid #5cbfff55; border-radius:9px; background:#172d40; color:#8bd2ff; cursor:pointer; font-size:22px; }
.wallet-panel { margin:0 0 24px; }
.wallet-panel h2 { font-size:36px; margin:8px 0; font-variant-numeric:tabular-nums; }
.wallet-bonus-count { padding:12px 18px; border-radius:14px; background:#091420; border:1px solid #253e52; color:#67c7ff; font-size:20px; font-weight:800; white-space:nowrap; }
.wallet-rub-preview { font-size:18px; font-weight:700; color:#67c7ff; margin-top:8px; }
[hidden] { display:none !important; }
.game-option[data-game="cs2"] { --game-art:url('/assets/cs2-aim-selected.png'); }
.game-option[data-game="dota"] { --game-art:url('/assets/shadow-fiend-selected.jpg'); }
.game-option[data-game="tanks"] { --game-art:url('/assets/tanks-selected.jpg'); }
.game-option::before { content:"" !important; display:block !important; position:absolute; inset:0; z-index:-1; pointer-events:none; background-image:linear-gradient(110deg,#122a4288,#07101fcc),var(--game-art); background-position:center; background-size:cover; opacity:.15; filter:grayscale(1); border-radius:inherit; }
.game-option .discipline-copy { position:relative; margin-top:-3px; }
.hero .actions .btn { font-family:var(--font); font-weight:650; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
.tournament-content>.panel,.tournament-content>.empty,.tournament-content>.table-wrap { border-radius:24px; background:linear-gradient(135deg,#111c28,#0c121b 65%); border:1px solid #2b3a48; box-shadow:inset 0 1px 0 #ffffff06,0 16px 36px #0003; }
.tournament-content>.empty { padding:40px 28px; }
.two-col,.stats-grid,.cards { align-items:stretch; }
.stats-grid>.stat { min-width:0; }
.payment-help-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
@media(max-width:760px){.account-wallet {font-size:11px;gap:2px 5px}.account{gap:6px}.wallet-panel .section-head{align-items:flex-start;flex-wrap:wrap}.wallet-panel h2{font-size:30px}.wallet-bonus-count{font-size:17px}}
:root[data-game]:not([data-admin="true"]) .wallet-panel h2 {font-size:36px;color:#f0f7ff;font-variant-numeric:tabular-nums}
.match-schedule-editor {border-top:1px solid #293a4b;padding-top:24px;margin-top:24px}
.match-schedule-editor form+form {margin-top:24px}
.match-file-label {font-size:12px;color:#a8c3d8;display:grid;gap:6px}
.match-file-label input {max-width:100%;font-size:12px}
.control-main code {overflow-wrap:anywhere;white-space:normal}
@media(max-width:760px){:root[data-game]:not([data-admin="true"]) .topbar .wrap {grid-template-columns:82px minmax(92px,1fr) auto 34px;gap:7px}:root[data-game]:not([data-admin="true"]) .topbar-tools .language-picker {display:none}:root[data-game]:not([data-admin="true"]) .discipline-trigger{padding:9px 8px}:root[data-game]:not([data-admin="true"]) .discipline-label strong {font-size:12px}:root[data-game]:not([data-admin="true"]) .wallet-panel h2 {font-size:30px}}
dialog .payment-requisites .info-row { gap:20px; padding:16px 0; align-items:baseline; }
dialog .payment-requisites .info-row>span { font-size:14px; font-weight:500; color:#b9c6d7; }
dialog .payment-requisites .info-row>strong { min-width:0; font:600 17px/1.5 var(--font); letter-spacing:.01em; font-variant-numeric:tabular-nums; text-align:right; overflow-wrap:anywhere; color:#edf3fb; }
dialog .payment-requisites .info-row:first-child>strong { font-size:28px; font-weight:750; letter-spacing:-.025em; }
dialog .payment-requisites code { font:inherit; letter-spacing:.035em; }
dialog .bonus-choice.unavailable .payment-choice { opacity:1; cursor:default; }
dialog .bonus-choice .payment-choice small { font-size:14px; line-height:1.6; color:#b9c6d7; margin-top:6px; }
@media(max-width:480px) { dialog .payment-requisites .info-row { gap:12px; } dialog .payment-requisites .info-row>strong { font-size:15px; } }

.referral-entry { margin-top:24px; padding-top:20px; border-top:1px solid #ffffff20; }
.referral-entry summary { cursor:pointer; font-size:15px; font-weight:650; color:#daeafa; }
.referral-entry .form-hint { margin:12px 0 16px; line-height:1.6; }
.referral-feedback { font-size:14px; color:#8ed0ff; }
.referral-feedback:empty { display:none; }
.referral-code-row { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin:20px 0; }
.referral-code-row>strong { font:750 30px/1.3 var(--font); letter-spacing:-.025em; overflow-wrap:anywhere; }
.referral-panel>.stats-grid { margin:26px 0 20px; }
.referral-panel>.referral-progress { font-size:16px; color:#e3edf8; }

:root[data-game]:not([data-admin="true"]) {
  --inset-surface:rgba(7,12,22,.72);
  .panel .stat,.panel .tournament-system,.panel .tournament-format-note,.panel .money-distribution,.panel .map-tags span,.panel .notice {
    background:var(--inset-surface) !important; border-color:rgba(190,210,234,.14); box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
  }
  .panel,.tournament-content>.empty {
    background:radial-gradient(ellipse 65% 28% at 100% 0%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 85%) padding-box,
      linear-gradient(#0e141e,#0e141e) padding-box,
      linear-gradient(125deg,rgba(224,242,255,.28),rgba(180,207,236,.12) 24%,rgba(180,207,236,.12) 65%,color-mix(in srgb,var(--accent) 17%,#28313e)) border-box !important;
    border:1px solid transparent; border-radius:24px;
    box-shadow:inset 0 1px 0 #ffffff05,0 24px 56px #0005,0 3px 8px #0003;
    backdrop-filter:blur(28px); -webkit-backdrop-filter:blur(28px);
  }
  .panel::before,.panel::after { display:none; content:none; }
  /* A single native rounded border avoids doubled, jagged mask edges. */
  .tournament-content>.panel::before,.tournament-content>.panel::after,.tournament-content>.empty::before,.tournament-content>.empty::after,.journey-panel::before,.overview-panel::before,.prize-panel::before,
  .journey-panel::after,.overview-panel::after,.prize-panel::after { display:none; content:none; }
  .btn,.game-option,.game-option strong,.game-option small { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; text-shadow:none; }
  .hero .btn { font-weight:650; }
  .pill { background:rgba(12,18,28,.7); border-color:#344251; color:#c4cfde; }
  .pill:hover { border-color:#5c839f; background:#182838; }
  .pill.active { background:#17354a; border-color:#438cb9; color:#e6f4ff; box-shadow:inset 0 1px 0 #ffffff12; }
}

dialog .payment-requisites { background:rgba(7,12,22,.72); border:1px solid rgba(190,210,234,.14); border-radius:16px; padding:6px 20px; }
dialog .payment-requisites .info-row:last-of-type { border-bottom:0; }
dialog .payment-requisites .qr-image-link { margin:20px auto; }

@media(max-width:480px) { dialog .payment-requisites .info-row:has(code) { flex-direction:column; align-items:flex-start; gap:6px; } dialog .payment-requisites .info-row:has(code)>strong { text-align:left; font-size:16px; } }

/* Attachments share one composer in the live widget and support inbox. */
.support-composer-tools { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.support-composer-tools>.btn { margin-left:auto; min-width:128px; }
.support-attach { display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:10px 13px; border:1px solid #b7d5ed26; border-radius:12px; background:#ffffff06; color:#bed1e3; font:600 13px var(--font); transition:background .15s,border-color .15s; }
.support-attach:hover { background:#60bfff12; border-color:#60bfff55; color:#e0f1ff; }
.support-attach .icon-svg { width:19px; height:19px; }
.support-file-draft:empty { display:none; }
.support-file-chip { display:flex; align-items:center; gap:10px; padding:11px 12px; background:#0b1420; border:1px solid #60bfff30; border-radius:12px; color:#9bd6ff; }
.support-file-chip>div { min-width:0; flex:1; }
.support-file-chip strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:650; color:#e0edf8; }
.support-file-chip small { display:block; font-size:11px; color:#91a7ba; margin-top:3px; }
.support-file-remove { display:grid; place-items:center; flex:none; width:30px; height:30px; border:0; border-radius:8px; background:transparent; color:#a9bccd; }
.support-file-remove:hover { background:#ffffff0c; color:white; }
.support-file-link { display:flex; align-items:center; gap:10px; padding:11px; margin-top:10px; border:1px solid #b7d5ed24; border-radius:10px; background:#07111d80; }
.support-file-link>span { min-width:0; flex:1; }
.support-message .support-file-link strong { display:block; color:#d9edff !important; font-size:12px; overflow-wrap:anywhere; }
.support-message .support-file-link small { margin-top:3px; font-size:11px; }
.support-file-link>.icon-svg { width:17px; height:17px; color:#86bde1; }
.support-file-link:hover { border-color:#60bfff70; }
.support-image-link { display:block; margin-top:10px; }
.support-image { width:100%; max-height:220px; object-fit:contain; border-radius:10px; background:#08111b; }
.live-support .support-image { max-height:170px; }
.live-support .support-message { max-width:100%; }
.live-support form .form-error:empty { display:none; }

.wallet-requests:empty{display:none}.wallet-requests{margin-top:24px;display:grid;gap:10px}.wallet-request{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #bfdaf01c;border-radius:12px;background:#080f19a6}.wallet-request strong{font-size:14px}.wallet-request small{display:block;margin-top:5px;color:#aabacb;line-height:1.5}.wallet-request .btn{flex-shrink:0}.mobile-nav .language-picker{padding:12px 0}@media(max-width:480px){.wallet-request{flex-wrap:wrap}}

/* Payment navigation and shared choice surfaces. */
.dialog-head{display:flex;align-items:flex-start;gap:14px}.dialog-head h2{flex:1;min-width:0}.dialog-head>[data-action="close"]{flex:none}.dialog-head .dialog-back{align-self:center;flex:none;padding:6px 0;border:0;background:none;color:#acd9fa;font:600 14px/1.5 "Segoe UI",Arial,sans-serif;cursor:pointer}.dialog-head .dialog-back:hover{color:#e1f3ff}.dialog-head .dialog-back:focus-visible{outline:2px solid #60bfff;outline-offset:4px;border-radius:4px}
:root[data-game]:not([data-admin="true"]) dialog .payment-choice{background:#0b121d!important;border-color:#2c3949;box-shadow:inset 0 1px 0 #ffffff04;padding:18px 20px;color:#e8f1fb;font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:root[data-game]:not([data-admin="true"]) dialog .payment-choice:hover:not(:disabled),:root[data-game]:not([data-admin="true"]) dialog .payment-choice[aria-expanded="true"]{background:#102033!important;border-color:#4b8db7}
:root[data-game]:not([data-admin="true"]) dialog .payment-choice strong{font-size:16px;font-weight:600;line-height:1.45;letter-spacing:0}
:root[data-game]:not([data-admin="true"]) dialog .payment-choice small{font-size:14px;font-weight:400;line-height:1.6;color:#b9c8d9;margin-top:5px}
:root[data-game]:not([data-admin="true"]) dialog .payment-choice em{background:#17354b;color:#91d1ff;border-color:#305a77}
:root[data-game]:not([data-admin="true"]) dialog h2{font-family:"Segoe UI",Arial,sans-serif;font-size:25px;font-weight:650;letter-spacing:-.02em;line-height:1.3}
:root[data-game]:not([data-admin="true"]) .hero .actions .btn[href="#/how"]{font-family:"Segoe UI",Arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:0;line-height:1.5;filter:none;text-shadow:none;transform:none;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:root[data-game]:not([data-admin="true"]) .section-head h2{font-family:"Segoe UI",Arial,sans-serif;font-size:32px;font-weight:650;line-height:1.25;letter-spacing:-.025em;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:root[data-game]:not([data-admin="true"]) .game-strip,:root[data-game]:not([data-admin="true"]) .game-strip~.section .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
:root[data-game]:not([data-admin="true"]) .game-strip~.section .t-card{min-width:0}
@media(max-width:760px){:root[data-game]:not([data-admin="true"]) .game-strip,:root[data-game]:not([data-admin="true"]) .game-strip~.section .cards{grid-template-columns:1fr}.dialog-head{gap:10px}.dialog-head h2{font-size:22px!important}}
:root[data-admin="true"]{--accent:#60bfff;--purple:#60bfff;--pink:#60bfff;--line:#344456;--text:#edf3fa;--muted:#afbdce;--quiet:#8e9fb4}
:root[data-admin="true"] .stat,:root[data-admin="true"] .match,:root[data-admin="true"] .bracket-cell,:root[data-admin="true"] .control-main .empty{background:#101b28;border-color:#33485d;box-shadow:none}
:root[data-admin="true"] .match-row.winner{background:#163449;color:#a2daff}
:root[data-admin="true"] .control-main .stat{border-top-color:#60bfff}
:root[data-admin="true"] ::selection{background:#28628b;color:white}

:root[data-game] .badge[data-status="registration"]{background:#102a3be8!important;color:#8ed3ff!important;border-color:#386784!important}.payment-help-actions:empty{display:none}

/* Match workspace and bracket share the dark tournament surfaces. */
.dialog-head .dialog-back{min-height:32px;padding:5px 12px;border:1px solid #b6d5f026;border-radius:10px;background:#ffffff04;color:#dce9f5}
.dialog-head .dialog-back:hover{background:#ffffff0b;border-color:#83bce766}
:root[data-game]:not([data-admin="true"]) .hero .actions .btn,:root[data-game]:not([data-admin="true"]) .hero .actions .btn[href="#/how"]{font-size:17px;line-height:1.45}
dialog [data-form="checkin"]>.check{margin-bottom:20px}
/* Quiet, consistent status labels and accessible consent controls. */
:root[data-game] .badge[data-status]{background:#102b3e!important;color:#c5e9ff!important;border:1px solid #487b9a!important;gap:0;font-weight:700}
:root[data-game] .t-art>.badge[data-status],:root[data-game] .tournament-banner .badge[data-status]{background:#102b3e!important;color:#c5e9ff!important;border-color:#568caf!important;padding:8px 12px;font-size:12px;line-height:1.4;box-shadow:0 3px 12px #0006,inset 0 1px 0 #ffffff0d;backdrop-filter:none;-webkit-backdrop-filter:none}
.badge[data-status]::before,.badge[data-status]::after{content:none!important;display:none!important}
.badge[data-status] .status-dot{display:none!important}
input[type="checkbox"]{appearance:none;-webkit-appearance:none;display:inline-block;box-sizing:border-box;flex:0 0 22px;width:22px;height:22px;min-width:22px;margin:0;padding:0;border:1px solid #60788d;border-radius:6px;background-color:#0a131e;background-position:center;background-size:16px 16px;background-repeat:no-repeat;vertical-align:middle;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}
input[type="checkbox"]::before{content:none}
input[type="checkbox"]:checked{background-color:#61c4ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-8' fill='none' stroke='%23071522' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#61c4ff;box-shadow:0 0 0 3px rgba(97,196,255,.09)}
input[type="checkbox"]:focus-visible{outline:2px solid #9bdcff;outline-offset:4px}
input[type="checkbox"]:disabled{opacity:.45;cursor:not-allowed}
:root[data-game] .check{display:flex;align-items:center;gap:13px;padding:15px 17px;border:1px solid #2a3a4b;border-radius:13px;background:#0b1520;color:#d7e4ef;line-height:1.55;cursor:pointer;font-family:"Segoe UI",sans-serif;font-weight:500}
:root[data-game] .check:has(input:checked){background:#102233;border-color:#3b769b}
:root[data-game] .check:hover{border-color:#5086a9}
.check input[type="checkbox"]{width:22px;height:22px}
.checkin-form>.field{display:block;margin-bottom:22px}
.checkin-form>.form-error:empty{display:none}
.tournament-advanced{margin-top:22px;padding:0 18px 18px;border:1px solid #2a4052;border-radius:15px;background:#0b1520}
.tournament-advanced>summary{padding:16px 0;color:#bce6ff;font-weight:700;cursor:pointer}
dialog details{margin-bottom:18px}
dialog details>summary,.admin-applications summary{cursor:pointer;padding:12px 0;font-weight:650;color:#cceaff}
dialog details[open]>summary{margin-bottom:10px}
@media(forced-colors:active){input[type="checkbox"]{appearance:auto;-webkit-appearance:auto}input[type="checkbox"]:checked{background-image:none}}
:root[data-game] .badge[data-status="done"]{color:#c5e9ff!important;border-color:#487b9a!important;background:#102b3e!important}
.match-lobby{align-items:start;gap:24px}
.match-chat-panel{min-width:0}
.match-chat-panel .section-head{margin-bottom:20px;align-items:center}
.match-chat-messages{height:420px;min-height:260px;max-height:55dvh;padding:18px;background:#080f18;border:1px solid #263747;border-radius:16px;overscroll-behavior:contain;scrollbar-color:#375d78 #080f18;gap:14px}
.match-chat-messages>.muted{margin:auto;text-align:center;max-width:350px;font:400 15px/1.7 "Segoe UI",Arial,sans-serif;color:#99aec3}
.match-message{align-self:flex-start;max-width:88%;border-radius:14px 14px 14px 4px;padding:12px 15px;background:#142131;border:1px solid #293e51}
.match-message.mine{align-self:flex-end;background:#123047;border-color:#295c7a;border-radius:14px 14px 4px 14px}
.match-message p{font:400 15px/1.6 "Segoe UI",Arial,sans-serif;overflow-wrap:anywhere}
.match-message strong{color:#a8cbe6;font-size:13px}.match-message small{font-size:11px;color:#91a7bb}.match-message img{max-height:260px;object-fit:contain;border-radius:10px;margin-top:10px}
.match-chat-panel .match-chat-form{display:block;margin-top:16px;padding:14px;background:#0a131e;border:1px solid #29394a;border-radius:16px}
.match-chat-form textarea.input{display:block;width:100%;min-height:88px;max-height:220px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:8px;padding:8px;font:400 15px/1.6 "Segoe UI",Arial,sans-serif}
.match-composer-tools{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid #273647}
.match-composer-tools>.btn{margin-left:auto}.match-composer-tools .support-attach i,.match-composer-tools .support-attach svg{width:18px;height:18px}.match-paste-hint{color:#8299af;font-size:12px}
.match-attachment-preview{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:12px;border:1px solid #305c7c;border-radius:10px;background:#123047;color:#b5dbf5;font-size:13px}.match-attachment-preview span{flex:1;min-width:0;overflow-wrap:anywhere}.match-attachment-preview button{border:0;background:transparent;color:inherit;display:flex}
.match-chat-form .form-error:empty{display:none}
.match-info{min-width:0;font-family:"Segoe UI",Arial,sans-serif}.match-info .info-row{gap:16px;font-size:15px;line-height:1.55;padding:15px 0}.match-info .info-row>strong{font-size:16px;font-weight:600;overflow-wrap:anywhere}.match-info .info-row>span{color:#9db0c4}.match-info .match-summary{padding:18px 12px;border:1px solid #293a4b;border-radius:14px;background:#080f18}.match-info .match-summary strong{font-size:17px}.match-info h2{font-family:"Segoe UI",Arial,sans-serif!important;font-size:25px!important;font-weight:650!important}
@media(max-width:1000px){.match-lobby{grid-template-columns:1fr}.match-info{order:-1}.match-info .info-row{padding:11px 0}.match-paste-hint{display:none}}
@media(max-width:480px){.match-chat-messages{padding:12px}.match-composer-tools{gap:8px}.match-composer-tools .btn{padding-inline:14px}.match-chat-panel{padding:20px!important}.match-message{max-width:95%}}

.bracket-panel{min-width:0}.bracket-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;flex-wrap:wrap}.bracket-controls{display:flex;gap:8px}
.bracket.bracket-tree{display:block;position:relative;width:100%;height:min(68dvh,720px);min-height:330px;max-width:100%;padding:20px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#42647f #09111b;border:1px solid #293d50;border-radius:16px;background:#09111b;scroll-behavior:auto}
.tree-canvas{position:relative;min-width:100%;isolation:isolate}.tree-connections{position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:-1;fill:none;stroke:#436581;stroke-width:1.5;stroke-linejoin:round}.tree-connections .loser-feed{stroke-dasharray:5 5;opacity:.6}
.tree-heading{position:absolute;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#d5e6f4;font:600 14px/1.4 "Segoe UI",Arial,sans-serif}.tree-heading small{color:#7fa6c4;font:600 11px/1.4 "Segoe UI",Arial,sans-serif;background:#17283a;padding:4px 8px;border-radius:6px;flex:none}
.tree-node{position:absolute}.tree-node>.match{display:block;width:100%;height:104px!important;margin:0;padding:0;border-radius:12px!important;border:1px solid #365069!important;background:#111e2c!important;box-shadow:0 6px 14px #0003!important;overflow:hidden;transform:none!important}
.tree-node .match-row{height:34px!important;min-height:0;width:100%;border:0!important;border-radius:0!important;padding:7px 12px!important;font:600 13px/1.4 "Segoe UI",Arial,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent!important;color:#d3dfec!important}
.tree-node .match-row+.match-row{border-top:1px solid #26394b!important}.tree-node .match-row.winner{background:#123a51!important;color:#99dbff!important}.tree-node .match-row:hover{background:#1d3347!important}.tree-node .match-number{height:34px!important;display:flex;align-items:center;width:100%;padding:6px 12px;border:0;border-top:1px solid #26394b;font:500 11px/1.3 "Segoe UI",Arial,sans-serif;background:#0d1723;color:#8daac3;overflow:hidden}.tree-node .bracket-score{font-size:14px;color:#eff6ff;min-width:16px;text-align:right}.tree-time{display:block;font:500 10px/1.4 "Segoe UI",Arial,sans-serif;color:#829cb3;margin-top:4px;white-space:nowrap}
.batch-schedule{margin:18px 0;border:1px solid #324d64;border-radius:14px;background:#101c29;padding:16px 18px}.batch-schedule>summary{cursor:pointer;font-weight:650;color:#c9e5fa}.batch-schedule>summary span{margin-left:12px;font-size:12px;color:#8fa8bf}.batch-schedule form{margin-top:20px}.batch-tools{display:flex;flex-wrap:wrap;gap:12px}.batch-tools>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.batch-tools strong{font-size:13px;margin-right:5px}.batch-matches{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;max-height:300px;overflow:auto;overscroll-behavior:contain}.batch-match{display:flex;gap:10px;padding:12px;border:1px solid #293e52;border-radius:10px;background:#0b1520;cursor:pointer}.batch-match:has(:checked){background:#153349;border-color:#4c95c4}.batch-match input{accent-color:#60bfff}.batch-match span{min-width:0}.batch-match strong{font-size:13px}.batch-match small{display:block;font-size:11px;color:#9cb2c6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-time{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.batch-time .field{flex:1;min-width:220px}.batch-schedule form>.btn{align-self:flex-start}

/* Final surface token wins over legacy tournament selectors. */
:root[data-game]:not([data-admin="true"]) .tournament-content>.panel,:root[data-game]:not([data-admin="true"]) .tournament-content>.empty{background:radial-gradient(ellipse 65% 28% at 100% 0%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 85%) padding-box,linear-gradient(#0e141e,#0e141e) padding-box,linear-gradient(125deg,rgba(224,242,255,.28),rgba(180,207,236,.12) 24%,rgba(180,207,236,.12) 65%,color-mix(in srgb,var(--accent) 17%,#28313e)) border-box!important;border:1px solid transparent!important;border-radius:24px!important;box-shadow:inset 0 1px 0 #ffffff05,0 24px 56px #0005,0 3px 8px #0003!important}

:root[data-game]:not([data-admin="true"]) dialog{background:radial-gradient(ellipse at 100% 0%,#19334844,transparent 60%),#0e151f!important;border:1px solid #456075!important;border-radius:24px;box-shadow:0 32px 100px #0009,inset 0 1px #e4f4ff0a!important;backdrop-filter:blur(24px)}
:root[data-admin="true"] .control-main .panel{background:radial-gradient(ellipse at 100% 0%,#19334833,transparent 65%),#101923;border:1px solid #33495e;border-radius:20px;box-shadow:0 16px 36px #0002}
:root[data-game]:not([data-admin="true"]) .tree-node .bracket-score{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;min-width:24px;height:24px;padding:0;border:1px solid #36526a;background:#192c3c;color:#d8edfc;font:600 13px/1 "Segoe UI",Arial,sans-serif;border-radius:5px}
:root[data-game]:not([data-admin="true"]) .tree-heading strong{font:600 14px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:0}
:root[data-game]:not([data-admin="true"]) .match-info,:root[data-game]:not([data-admin="true"]) .match-info .info-row,:root[data-game]:not([data-admin="true"]) .match-info .info-row>strong{font-family:"Segoe UI",Arial,sans-serif!important;font-size:16px;line-height:1.6;font-weight:400}
:root[data-game]:not([data-admin="true"]) .match-info .info-row>strong{font-weight:600}
:root[data-game]:not([data-admin="true"]) .match-message.mine{background:#123047!important;border-color:#295c7a!important}
@media(max-width:1000px){.match-info{order:initial}}
/* Header spacing uses one rhythm on both sides of the WinBonus amount. */
:root[data-game]:not([data-admin="true"]) .topbar .topbar-tools { --account-spacing:12px; gap:var(--account-spacing); }
.topbar .account,.topbar .account-wallet { gap:var(--account-spacing); }
:root[data-game]:not([data-admin="true"]) .topbar .discipline-trigger { height:42px; min-height:42px; padding-block:0; align-items:center; }
:root[data-game]:not([data-admin="true"]) .topbar .discipline-label { display:flex; align-items:center; line-height:20px; }
:root[data-game]:not([data-admin="true"]) .topbar .discipline-label strong { margin:0; line-height:20px; transform:translateY(1px); }
@media(max-width:760px) { :root[data-game]:not([data-admin="true"]) .topbar .topbar-tools { --account-spacing:8px; } }

/* Administrative workspace: compact navigation and operational lists. */
.admin-nav-section { display:grid; gap:4px; }
.admin-nav-section+.admin-nav-section { margin-top:14px; }
.admin-nav-section .admin-nav-group { padding:0 14px 7px; }
.control-sidebar nav { gap:0; }
.control-sidebar nav a { border-radius:10px; min-height:42px; padding-block:10px; }
.admin-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.admin-metric { min-width:0; padding:20px; border:1px solid #30475b; border-radius:18px; background:radial-gradient(ellipse at 100% 0%,#19435b33,transparent 80%),#101923; transition:background .15s,border-color .15s; }
.admin-metric:hover { background-color:#142435; border-color:#60bfff; }
.admin-metric>span { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#b9c9d9; font-size:12px; }
.admin-metric .icon-svg { width:16px; height:16px; color:#75c9ff; flex:none; }
.admin-metric>strong { display:block; font-size:32px; line-height:1.2; color:#83d0ff; margin:12px 0 8px; font-variant-numeric:tabular-nums; }
.admin-metric>small { color:#98abbc; font-size:11px; line-height:1.5; display:block; }
.admin-task-list { max-height:370px; overflow:auto; overscroll-behavior:contain; }
.admin-task-count { display:grid; place-items:center; min-width:32px; height:32px; border:1px solid #315771; background:#142e42; color:#89d1ff; border-radius:10px; font-variant-numeric:tabular-nums; }
.admin-cup-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:17px 0; border-bottom:1px solid #2b3947; }
.admin-cup-row:last-child { border-bottom:0; }
.admin-cup-row strong { display:block; font-size:13px; overflow-wrap:anywhere; }
.admin-cup-row small { display:block; color:#99acbe; margin-top:6px; }
.admin-cup-row .badge { flex:none; }
.admin-list-tabs { display:flex; flex-wrap:wrap; gap:8px; padding-bottom:20px; border-bottom:1px solid #2c3d4d; margin-bottom:20px; }
.admin-list-tabs a { display:inline-flex; align-items:center; gap:8px; min-height:38px; padding:8px 12px; border:1px solid #2e4152; border-radius:10px; background:#0c1620; color:#b8c8d8; font-size:12px; line-height:1.4; }
.admin-list-tabs a.active { background:#17364c; border-color:#5082a4; color:#a8dfff; }
.admin-list-tabs a:hover { border-color:#609abf; }
.admin-list-tabs a span { color:inherit; opacity:.8; font-size:11px; font-variant-numeric:tabular-nums; }
.admin-list-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin-bottom:22px; }
.admin-list-toolbar .field { flex:1 1 150px; min-width:0; }
.admin-list-toolbar .field:first-of-type { flex:2 1 220px; }
.admin-list-toolbar .input,.admin-list-toolbar select { width:100%; min-width:0; }
.admin-list-toolbar>.text-link { align-self:center; padding-top:18px; font-size:12px; }
.admin-directory .table-wrap { border:1px solid #293d4e; border-radius:14px; background:#0c151f; }
.admin-directory th { background:#111f2c; }
.admin-directory td .quiet { display:block; margin-top:5px; }
.admin-directory td .badge { margin-top:6px; }
.admin-pagination { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:18px; color:#a1b5c6; font-size:12px; }
.admin-attention-banner { display:flex; align-items:center; gap:14px; margin-bottom:22px; padding:17px 20px; border:1px solid #4b7898; border-radius:16px; background:#143047; color:#b5e2ff; }
.admin-attention-banner span { flex:1; }
.admin-attention-banner strong,.admin-attention-banner small { display:block; }
.admin-attention-banner small { margin-top:5px; color:#a7c4d9; }
.control-main .table-wrap { overscroll-behavior-x:contain; }
@media(max-width:1100px) { .admin-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:800px) {
 .control-sidebar nav { gap:12px; }
 .admin-nav-section { display:flex; gap:5px; flex:none; }
 .admin-nav-section+.admin-nav-section { margin-top:0; padding-left:12px; border-left:1px solid #30475b; }
 .admin-nav-section .admin-nav-group { display:none; }
 .admin-list-tabs { flex-wrap:nowrap; overflow:auto; overscroll-behavior-x:contain; padding-bottom:14px; }
 .admin-list-tabs a { white-space:nowrap; }
 .admin-cup-row { align-items:start; flex-wrap:wrap; }
 .admin-metric { padding:15px; }
 .admin-metric>strong { font-size:27px; }
 .admin-metrics { gap:10px; }
 .admin-list-toolbar .field { flex-basis:100%; }
 .admin-list-toolbar>.text-link { padding-top:0; }
}
.admin-match-alert { display:block; margin-top:8px; color:#8ed4ff; font-size:12px; font-weight:700; }
.control-main .admin-directory table { font-size:13px; }
.control-main .admin-directory td strong { font-size:13px; }
.control-main .admin-directory th { font-size:11px; }