:root{
  --bg:#090b0f;
  --bg-2:#0c0f14;
  --surface:#11151b;
  --surface-2:#151a21;
  --surface-3:#191f28;
  --text:#f5f4ef;
  --muted:#969da7;
  --muted-2:#c6cad0;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --accent:#c77d1f;
  --accent-2:#e4a447;
  --accent-3:#8c5516;
  --accent-soft:rgba(199,125,31,.15);
  --success:#6fd19a;
  --warning:#e6b45a;
  --danger:#df7a72;
  --content:1200px;
  --radius:18px;
  --radius-sm:14px;
  --shadow:0 24px 70px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 15%,rgba(199,125,31,.07),transparent 25rem),radial-gradient(circle at 85% 78%,rgba(199,125,31,.045),transparent 27rem)}
button,input,select,textarea{font:inherit}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}
::selection{background:rgba(228,164,71,.35);color:#fff}
[hidden]{display:none!important}
.shell{width:min(calc(100% - 42px),var(--content));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:9999;left:14px;top:12px;padding:10px 14px;border-radius:12px;background:#fff;color:#111;transform:translateY(-180%)}
.skip-link:focus{transform:none}
/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(9,11,15,.82);border-bottom:1px solid transparent;backdrop-filter:blur(18px);transition:background .2s ease,border-color .2s ease}
.site-header.is-scrolled{background:rgba(9,11,15,.95);border-bottom-color:var(--line)}
.nav-shell{min-height:76px;display:flex;align-items:center;gap:30px}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content}
.brand-mark{width:35px;height:42px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(228,164,71,.18))}
.brand-name{font-size:.88rem;letter-spacing:.19em;font-weight:900;color:#fff}
.desktop-nav{display:flex;align-items:center;gap:27px}
.desktop-nav a,.footer-links a{position:relative;color:#a2a8b1;font-size:.75rem;font-weight:800;letter-spacing:.065em;text-transform:uppercase;transition:color .15s ease}
.desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;border-radius:2px;background:var(--accent-2);transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"],.footer-links a:hover{color:#fff}
.desktop-nav a:hover::after,.desktop-nav a[aria-current="page"]::after{transform:scaleX(1)}
.nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.nav-state{color:#7f8791;font-size:.68rem;text-transform:uppercase;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.menu-button{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045);align-items:center;justify-content:center;cursor:pointer}
.menu-button span,.menu-button::before,.menu-button::after{content:"";display:block;width:18px;height:2px;border-radius:2px;background:#fff;transition:transform .16s ease,opacity .16s ease}
.menu-button span{margin:4px 0}
.menu-button[aria-expanded="true"]::before{transform:translateY(6px) rotate(45deg)}
.menu-button[aria-expanded="true"] span{opacity:0}
.menu-button[aria-expanded="true"]::after{transform:translateY(-6px) rotate(-45deg)}
.mobile-menu{border-top:1px solid var(--line);background:#0b0e13;padding:15px 21px 22px}
.mobile-menu .mobile-links{display:grid;gap:7px;max-width:var(--content);margin:auto}
.mobile-menu a,.mobile-menu button{width:100%;justify-content:flex-start;border-radius:14px;padding:14px 15px;color:#d7d9dd;font-weight:800;background:transparent;border:0;text-align:left}
.mobile-menu a:hover,.mobile-menu a[aria-current="page"]{background:rgba(255,255,255,.045);color:#fff}
/* Buttons */
.button{min-height:46px;padding:0 20px;border:1px solid transparent;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:.78rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase;cursor:pointer;transition:transform .14s ease,filter .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease}
.button:hover{transform:translateY(-2px)}
.button:active{transform:translateY(0)}
.button-primary{color:#171006;background:linear-gradient(180deg,var(--accent-2),var(--accent));box-shadow:0 12px 30px rgba(199,125,31,.22)}
.button-primary:hover{filter:brightness(1.07);box-shadow:0 16px 36px rgba(199,125,31,.27)}
.button-secondary{background:rgba(255,255,255,.055);border-color:var(--line-strong);color:#fff}
.button-secondary:hover{background:rgba(255,255,255,.085)}
.button-ghost{background:transparent;border-color:var(--line);color:#cfd3d8}
.button-small{min-height:39px;padding-inline:15px;border-radius:12px;font-size:.7rem}
.button[disabled]{cursor:not-allowed;opacity:.5;transform:none!important}
/* Hero */
.hero{position:relative;min-height:700px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:
  linear-gradient(90deg,rgba(7,9,12,.98) 0%,rgba(7,9,12,.9) 44%,rgba(7,9,12,.58) 72%,rgba(7,9,12,.84) 100%),
  linear-gradient(180deg,rgba(7,9,12,.18),rgba(7,9,12,.82)),
  url('arena-bg.67de75147e46.webp') center/cover no-repeat}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--bg));pointer-events:none}
.hero-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.72fr);gap:76px;align-items:center;padding:86px 0 105px}
.hero-copy{max-width:720px}
.hero-brand-lockup{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.hero-logo{width:74px;height:92px;object-fit:contain;filter:drop-shadow(0 0 26px rgba(228,164,71,.2))}
.hero-brand-text{font-weight:1000;letter-spacing:.18em;font-size:1.03rem}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#d8b47a;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.eyebrow::before{content:"";width:25px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent-2),var(--accent))}
.hero h1{margin:15px 0 20px;max-width:780px;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(3.25rem,7vw,6.8rem);line-height:.92;letter-spacing:-.06em;text-transform:uppercase}
.hero-copy>p{max-width:650px;margin:0;color:#bbc0c7;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.7}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.network-status{display:flex;align-items:center;gap:9px;margin-top:21px;color:#8d949e;font-size:.78rem;font-weight:750}
.status-dot{width:8px;height:8px;border-radius:999px;background:#6f7680;box-shadow:0 0 0 4px rgba(111,118,128,.08)}
.status-dot.online{background:var(--success);box-shadow:0 0 0 4px rgba(111,209,154,.1)}
.status-dot.offline{background:var(--danger);box-shadow:0 0 0 4px rgba(223,122,114,.09)}
.status-dot.stale{background:var(--warning);box-shadow:0 0 0 4px rgba(230,180,90,.09)}
.join-card{position:relative;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(180deg,rgba(20,24,31,.86),rgba(12,15,20,.9));padding:33px;box-shadow:var(--shadow);backdrop-filter:blur(14px);overflow:hidden}
.join-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-2),var(--accent),transparent)}
.join-card-label{color:#8d949d;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900}
.join-card h2{margin:10px 0 8px;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:2.4rem;line-height:1;letter-spacing:-.045em;text-transform:uppercase}
.join-card p{margin:0;color:#a3a9b1;font-size:.9rem;line-height:1.65}
.join-card .button{margin-top:24px;width:100%}
.join-note{margin-top:13px;color:#737b86;font-size:.72rem;text-align:center}
/* Sections */
.section{padding:92px 0}
.section-tight{padding:72px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:34px}
.section-copy{max-width:700px}
.section-kicker{color:#d3a766;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;font-weight:900;margin-bottom:9px}
.section-title{margin:0;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.1rem,4vw,3.7rem);line-height:1;letter-spacing:-.045em;text-transform:uppercase}
.section-subtitle{margin:13px 0 0;color:#9299a3;max-width:670px}
.surface{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(18,22,29,.94),rgba(14,17,23,.94));box-shadow:0 18px 50px rgba(0,0,0,.12)}
/* Mode cards */
.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.mode-card{position:relative;min-height:208px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#12171e,#0f1319);overflow:hidden;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;text-align:left;color:inherit}
.mode-card:hover{transform:translateY(-5px);border-color:rgba(228,164,71,.32);box-shadow:0 18px 42px rgba(0,0,0,.22);background:linear-gradient(145deg,#151b23,#11151b)}
.mode-card::after{content:"";position:absolute;right:-45px;bottom:-62px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(199,125,31,.14),transparent 66%);pointer-events:none}
.mode-icon{width:49px;height:49px;border:1px solid rgba(228,164,71,.24);border-radius:15px;background:var(--accent-soft);display:grid;place-items:center;color:#e3ad5b;font-weight:1000;font-size:1.08rem;margin-bottom:30px;box-shadow:inset 0 0 18px rgba(199,125,31,.05)}
.mode-card h3{margin:0 0 7px;font-size:1.05rem;letter-spacing:.015em}
.mode-card p{margin:0;color:#8f97a1;font-size:.88rem;max-width:300px}
.mode-meta{position:absolute;top:24px;right:24px;color:#6f7781;font-size:.68rem;text-transform:uppercase;font-weight:800;letter-spacing:.08em}
/* Link hub */
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hub-card{padding:29px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,#131820,#0e1218);transition:transform .18s ease,border-color .18s ease;min-height:220px;display:flex;flex-direction:column}
.hub-card:hover{transform:translateY(-4px);border-color:rgba(228,164,71,.28)}
.hub-card .hub-number{color:#d5a864;font-size:.69rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.hub-card h3{font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;font-size:1.7rem;letter-spacing:-.035em;margin:19px 0 8px}
.hub-card p{margin:0;color:#8f97a1;font-size:.9rem}
.hub-card .hub-link{margin-top:auto;padding-top:25px;color:#e2aa54;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
/* Origin + footer */
.origin-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;padding:36px;border-radius:24px;align-items:center}
.origin-mark{width:150px;height:165px;object-fit:contain;margin:auto;filter:drop-shadow(0 0 34px rgba(199,125,31,.14))}
.origin-panel blockquote{margin:0;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.65rem,3vw,2.8rem);line-height:1.12;letter-spacing:-.035em;text-transform:uppercase}
.origin-panel small{display:block;margin-top:16px;color:#8e959f;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.site-footer{border-top:1px solid var(--line);padding:36px 0 42px;background:#080a0d}
.footer-grid{display:flex;align-items:center;gap:30px}
.footer-brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.15em}
.footer-brand img{width:32px;height:39px;object-fit:contain}
.footer-links{margin-left:auto;display:flex;align-items:center;gap:21px;flex-wrap:wrap}
.copyright{width:100%;margin-top:20px;color:#666e78;font-size:.72rem}
/* Page hero */
.page-hero{position:relative;overflow:hidden;padding:95px 0 68px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(199,125,31,.08),transparent 34%),linear-gradient(180deg,#0d1015,#090b0f)}
.page-hero::before{content:"";position:absolute;right:6%;top:-90px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(199,125,31,.09),transparent 65%)}
.page-hero .shell{position:relative;z-index:1}
.page-hero h1{margin:14px 0 12px;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(3rem,6vw,5.8rem);line-height:.92;letter-spacing:-.055em;text-transform:uppercase}
.page-hero p{max-width:680px;margin:0;color:#999fa8;font-size:1rem}
.breadcrumb{display:flex;align-items:center;gap:8px;color:#6f7781;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.breadcrumb a:hover{color:#fff}
/* Leaderboards */
.leaderboard-layout{display:grid;grid-template-columns:250px 1fr;gap:20px;align-items:start}
.mode-tabs{position:sticky;top:96px;padding:14px;display:grid;gap:7px}
.mode-tab{width:100%;border:0;border-radius:13px;background:transparent;color:#9ba2ac;padding:12px 13px;text-align:left;font-size:.78rem;font-weight:850;cursor:pointer;transition:background .15s ease,color .15s ease}
.mode-tab:hover{background:rgba(255,255,255,.045);color:#fff}
.mode-tab.is-active{background:linear-gradient(90deg,rgba(199,125,31,.18),rgba(199,125,31,.06));color:#f1c27b;box-shadow:inset 2px 0 0 var(--accent-2)}
.leaderboard-main{overflow:hidden}
.leaderboard-toolbar{padding:19px 20px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(220px,260px);align-items:center;gap:14px}
.leaderboard-title-wrap h2{margin:0;font-size:1.15rem}
.leaderboard-scope{margin-top:4px;color:#707882;font-size:.72rem}
.metric-tabs{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#0b0e13}
.metric-tab{border:0;border-radius:10px;background:transparent;color:#848c96;font-size:.69rem;text-transform:uppercase;letter-spacing:.06em;font-weight:900;padding:8px 12px;cursor:pointer}
.metric-tab.is-active{background:#1b2029;color:#fff}
.player-search{width:100%;height:42px;border:1px solid var(--line);border-radius:13px;background:#0b0e13;color:#fff;padding:0 14px;outline:none}
.player-search:focus{border-color:rgba(228,164,71,.4);box-shadow:0 0 0 3px rgba(199,125,31,.08)}
.leaderboard-table{width:100%;border-collapse:collapse}
.leaderboard-table th{padding:14px 18px;border-bottom:1px solid var(--line);color:#6f7781;text-align:left;font-size:.65rem;text-transform:uppercase;letter-spacing:.09em}
.leaderboard-table td{padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.055);font-size:.88rem}
.leaderboard-table tr:last-child td{border-bottom:0}
.rank{width:68px;color:#a7adb5;font-weight:900}
.player-cell{display:flex;align-items:center;gap:12px;font-weight:800}
.player-head{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#252b35,#161a21);border:1px solid var(--line);display:grid;place-items:center;color:#8d949e;font-size:.68rem}
.score{text-align:right!important;font-variant-numeric:tabular-nums;font-weight:900;color:#e9c287}
.empty-state{padding:65px 28px;text-align:center}
.empty-icon{width:58px;height:58px;border-radius:18px;border:1px solid rgba(228,164,71,.2);background:var(--accent-soft);display:grid;place-items:center;margin:0 auto 18px;color:#e4ad59;font-weight:1000}
.empty-state h3{margin:0 0 8px;font-size:1.05rem}
.empty-state p{max-width:460px;margin:0 auto;color:#818994;font-size:.88rem}
/* News */
.news-list{display:grid;gap:14px}
.news-item{display:grid;grid-template-columns:155px 1fr auto;gap:24px;align-items:center;padding:25px 27px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(155deg,#12171e,#0e1217);transition:transform .18s ease,border-color .18s ease}
.news-item:hover{transform:translateY(-3px);border-color:rgba(228,164,71,.23)}
.news-date{color:#777f89;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.news-category{margin-top:5px;color:#d3a965;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900}
.news-item h2{margin:0 0 6px;font-size:1.05rem}
.news-item p{margin:0;color:#89919b;font-size:.88rem}
.news-empty{padding:70px 32px}
/* UHC */
.uhc-page-hero{padding-bottom:60px}
.uhc-hero-row{display:flex;align-items:end;justify-content:space-between;gap:28px}
.uhc-hero-row>div:first-child{min-width:0}
.uhc-source-pill{flex:0 0 auto;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);display:inline-flex;align-items:center;gap:8px;color:#a8afb8;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.uhc-source-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(111,209,154,.08)}
.uhc-source-pill.is-stale::before{background:var(--warning);box-shadow:0 0 0 4px rgba(230,180,90,.08)}
.uhc-source-pill.is-error::before{background:var(--danger);box-shadow:0 0 0 4px rgba(223,122,114,.08)}
.uhc-overview-section{padding-top:54px}
.uhc-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.uhc-feature{padding:32px;min-height:360px;position:relative;overflow:hidden}
.uhc-feature::after{content:"UHC";position:absolute;right:-12px;bottom:-42px;color:rgba(255,255,255,.025);font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:10rem;line-height:1;pointer-events:none}
.uhc-feature::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(228,164,71,.09),transparent 32%);pointer-events:none}
.uhc-feature>*{position:relative;z-index:1}
.uhc-feature h2{font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;font-size:clamp(2rem,4vw,3.25rem);line-height:.98;letter-spacing:-.045em;margin:13px 0 13px;max-width:600px}
.uhc-feature p{margin:0;color:#9198a2;max-width:650px}
.uhc-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.chip{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;padding:7px 11px;color:#a7aeb7;font-size:.69rem;font-weight:800}
.schedule-card{padding:29px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.schedule-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--accent-2),var(--accent),transparent)}
.uhc-next-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}
.schedule-card .schedule-label{color:#d3a965;font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900}
.schedule-card h3{margin:16px 0 8px;font-size:1.5rem}
.schedule-card p{margin:0;color:#8a929c;font-size:.88rem}
.uhc-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#0b0e13;color:#8d949e;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.uhc-status-badge.is-live{color:#9ce6bc;border-color:rgba(111,209,154,.25);background:rgba(111,209,154,.08)}
.uhc-status-badge.is-live::before{content:"";width:6px;height:6px;border-radius:50%;margin-right:6px;background:var(--success);box-shadow:0 0 0 4px rgba(111,209,154,.08)}
.uhc-status-badge.is-scheduled{color:#e1b46f;border-color:rgba(228,164,71,.25);background:rgba(199,125,31,.08)}
.uhc-status-badge.is-stale{color:#e8c581;border-color:rgba(230,180,90,.25);background:rgba(230,180,90,.07)}
.schedule-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.schedule-stat{border:1px solid var(--line);border-radius:14px;padding:13px;background:#0b0e13;min-width:0}
.schedule-stat span{display:block;color:#69717b;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.schedule-stat strong{display:block;margin-top:3px;font-size:.86rem;overflow-wrap:anywhere}
.countdown{font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:2.25rem;letter-spacing:-.035em;margin-top:auto;padding-top:25px}
.uhc-card-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}
.uhc-card-actions .button{flex:1 1 130px}
.uhc-action-feedback{min-height:18px;margin-top:8px;color:#c9a366;font-size:.7rem}
/* Home UHC */
.home-uhc-section{padding-top:58px;padding-bottom:20px}
.home-uhc-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:34px;align-items:center;padding:30px 32px}
.home-uhc-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--accent-2),var(--accent))}
.home-uhc-card::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;top:-150px;background:radial-gradient(circle,rgba(228,164,71,.09),transparent 66%);pointer-events:none}
.home-uhc-accent{position:absolute;right:20%;bottom:-62px;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:9rem;line-height:1;color:rgba(255,255,255,.018);pointer-events:none}
.home-uhc-main,.home-uhc-side{position:relative;z-index:1}
.home-uhc-topline{display:flex;align-items:center;gap:12px;margin-bottom:9px}
.home-uhc-topline .section-kicker{margin:0}
.home-uhc-main h2{margin:0;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1;text-transform:uppercase;letter-spacing:-.04em}
.home-uhc-main>p{margin:9px 0 0;color:#9198a2;font-size:.9rem}
.home-uhc-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.home-uhc-meta span{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);padding:6px 10px;color:#9da4ad;font-size:.67rem;font-weight:800}
.home-uhc-side{padding-left:28px;border-left:1px solid var(--line)}
.home-uhc-countdown-label{color:#6f7781;font-size:.63rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}
.home-uhc-countdown{margin-top:3px;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1;letter-spacing:-.04em}
.home-uhc-actions{display:flex;gap:8px;margin-top:17px;flex-wrap:wrap}
.home-uhc-actions .button{flex:1 1 120px}
/* UHC calendar */
.uhc-calendar-section{padding-top:48px}
.uhc-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.uhc-calendar{padding:0;overflow:hidden}
.uhc-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 24px;border-bottom:1px solid var(--line)}
.uhc-calendar-eyebrow{color:#8b939d;font-size:.62rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900}
.uhc-calendar-toolbar h3,.uhc-day-agenda h3{margin:4px 0 0;font-size:1.15rem}
.uhc-calendar-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.uhc-view-switch,.uhc-calendar-nav{display:flex;align-items:center;padding:4px;border:1px solid var(--line);border-radius:12px;background:#0a0d11}
.uhc-view-button,.uhc-calendar-nav button{min-height:32px;border:0;border-radius:9px;background:transparent;color:#858d97;padding:0 10px;font-size:.67rem;font-weight:850;cursor:pointer;transition:background .15s ease,color .15s ease}
.uhc-view-button:hover,.uhc-calendar-nav button:hover{color:#fff;background:rgba(255,255,255,.04)}
.uhc-view-button.is-active{color:#fff;background:#1a2028;box-shadow:0 0 0 1px rgba(255,255,255,.04)}
.uhc-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line);background:#0c0f14}
.uhc-calendar-weekdays span{padding:10px 12px;color:#636b75;font-size:.6rem;text-align:center;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.uhc-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--line);gap:1px}
.uhc-calendar-day{position:relative;min-height:116px;padding:10px;background:#0f1319;color:#fff;border:0;text-align:left;cursor:pointer;overflow:hidden;transition:background .15s ease,box-shadow .15s ease}
.uhc-calendar-day:hover{background:#141920}
.uhc-calendar-day.is-outside{background:#0b0e13;color:#555d67}
.uhc-calendar-day.is-today .uhc-day-number{color:#171006;background:var(--accent-2)}
.uhc-calendar-day.is-selected{box-shadow:inset 0 0 0 2px rgba(228,164,71,.48);background:#151a21}
.uhc-day-number{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#aab0b8;font-size:.69rem;font-weight:900}
.uhc-day-events{display:grid;gap:5px;margin-top:8px}
.uhc-calendar-event{display:block;min-width:0;padding:5px 7px;border-left:2px solid var(--accent-2);border-radius:7px;background:rgba(199,125,31,.09);color:#d5d8dd;font-size:.62rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uhc-calendar-event.is-live{border-left-color:var(--success);background:rgba(111,209,154,.08);color:#bdebd1}
.uhc-calendar-more{color:#747c86;font-size:.6rem;font-weight:800;padding-left:7px}
.uhc-calendar-grid.is-week .uhc-calendar-day{min-height:220px}
.uhc-calendar-grid.is-week .uhc-day-events{gap:7px}
.uhc-calendar-grid.is-week .uhc-calendar-event{white-space:normal;line-height:1.35;padding:8px}
.uhc-calendar-empty{padding:20px 24px;border-top:1px solid var(--line);color:#79818b;font-size:.78rem;text-align:center}
.uhc-day-agenda{position:sticky;top:96px;padding:23px;min-height:300px}
.uhc-day-list{display:grid;gap:10px;margin-top:18px}
.uhc-day-game{padding:13px;border:1px solid var(--line);border-radius:13px;background:#0b0e13}
.uhc-day-game-time{color:#e0ad5c;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.uhc-day-game.is-live .uhc-day-game-time{color:#83d9a8}
.uhc-day-game strong{display:block;margin-top:4px;font-size:.84rem}
.uhc-day-game span{display:block;margin-top:3px;color:#727a84;font-size:.7rem;overflow-wrap:anywhere}
.uhc-day-empty{padding:22px 0;color:#747c86;font-size:.79rem}
/* Upcoming UHC list */
.uhc-upcoming-section{padding-top:46px;padding-bottom:92px}
.uhc-upcoming-list{display:grid;gap:11px}
.uhc-upcoming-game{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:20px;align-items:center;padding:19px 21px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(155deg,#12171e,#0e1217);transition:transform .16s ease,border-color .16s ease}
.uhc-upcoming-game:hover{transform:translateY(-2px);border-color:rgba(228,164,71,.22)}
.uhc-upcoming-when{color:#838b95;font-size:.69rem;font-weight:800}
.uhc-upcoming-when strong{display:block;color:#fff;font-size:.8rem;margin-bottom:2px}
.uhc-upcoming-main{min-width:0}
.uhc-upcoming-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.uhc-upcoming-title h3{margin:0;font-size:.95rem}
.uhc-upcoming-main p{margin:5px 0 0;color:#7e8690;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uhc-upcoming-actions{display:flex;align-items:center;gap:7px}
.uhc-upcoming-empty{padding:52px 28px}
/* Support */
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.support-card{padding:28px;min-height:270px;display:flex;flex-direction:column}
.support-icon{width:48px;height:48px;border-radius:15px;background:var(--accent-soft);border:1px solid rgba(228,164,71,.2);display:grid;place-items:center;color:#e2aa55;font-weight:1000}
.support-card h2{margin:24px 0 8px;font-size:1.1rem}
.support-card p{margin:0;color:#8a929c;font-size:.88rem}
.support-card .support-action{margin-top:auto;padding-top:24px}
.support-note{margin-top:18px;padding:20px 22px;color:#8b939d;font-size:.86rem}
/* Dialog */
dialog{width:min(560px,calc(100% - 28px));border:1px solid var(--line-strong);border-radius:22px;background:#11151b;color:#fff;padding:0;box-shadow:0 40px 110px rgba(0,0,0,.62)}
dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}
.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:24px 25px 18px;border-bottom:1px solid var(--line)}
.dialog-head h2{margin:5px 0 0;font-size:1.4rem}
.dialog-kicker{color:#d2a762;font-size:.67rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900}
.dialog-close{width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:#181d25;color:#fff;cursor:pointer}
.dialog-body{padding:23px 25px 27px}
.dialog-body p{margin:0;color:#969da7}
.server-box{margin-top:18px;border:1px solid var(--line);border-radius:15px;background:#0a0d11;padding:13px 14px;display:flex;align-items:center;gap:12px}
.server-address{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;word-break:break-all}
.server-box .button{margin-left:auto;min-width:80px}
.feedback{min-height:20px;margin-top:10px;color:#d6ad70;font-size:.75rem}
.version-line{margin-top:12px;color:#707883;font-size:.75rem}
/* Reveal animations */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s cubic-bezier(.2,.75,.2,1),transform .65s cubic-bezier(.2,.75,.2,1);transition-delay:var(--delay,0ms)}
.reveal.from-left{transform:translateX(-24px)}
.reveal.from-right{transform:translateX(24px)}
.reveal.is-visible{opacity:1;transform:none}
.hero-enter{opacity:0;transform:translateY(16px);animation:heroEnter .7s cubic-bezier(.2,.75,.2,1) forwards;animation-delay:var(--delay,0ms)}
@keyframes heroEnter{to{opacity:1;transform:none}}
/* Responsive */
@media(max-width:980px){
  .desktop-nav,.nav-state{display:none}.menu-button{display:flex}.nav-actions>.button{display:none}
  .hero{min-height:auto}.hero-shell{grid-template-columns:1fr;gap:36px;padding:72px 0 90px}.hero-copy{max-width:760px}.join-card{max-width:650px}
  .mode-grid{grid-template-columns:repeat(2,1fr)}.hub-grid{grid-template-columns:1fr 1fr}.hub-card:last-child{grid-column:1/-1}
  .origin-panel{grid-template-columns:180px 1fr}
  .leaderboard-layout{grid-template-columns:1fr}.mode-tabs{position:static;display:flex;overflow:auto;white-space:nowrap;padding:10px}.mode-tab{width:auto;min-width:max-content;padding-inline:14px}
  .uhc-grid{grid-template-columns:1fr}.uhc-calendar-layout{grid-template-columns:1fr}.uhc-day-agenda{position:static}.home-uhc-card{grid-template-columns:1fr}.home-uhc-side{padding-left:0;padding-top:22px;border-left:0;border-top:1px solid var(--line)}.support-grid{grid-template-columns:1fr 1fr}.support-card:last-child{grid-column:1/-1}
}
@media(max-width:680px){
  .shell{width:min(calc(100% - 28px),var(--content))}.nav-shell{min-height:68px}.brand-mark{width:31px;height:37px}.brand-name{font-size:.8rem}.nav-actions{gap:8px}
  .hero-shell{padding:58px 0 75px}.hero-brand-lockup{margin-bottom:18px}.hero-logo{width:58px;height:70px}.hero h1{font-size:clamp(3rem,15vw,4.65rem)}.hero-copy>p{font-size:.96rem}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.join-card{padding:25px;border-radius:20px}.join-card h2{font-size:2rem}
  .section{padding:68px 0}.section-tight{padding:56px 0}.section-head{display:block}.section-head .button{margin-top:18px}.section-title{font-size:2.25rem}
  .mode-grid,.hub-grid,.support-grid,.uhc-info-grid{grid-template-columns:1fr}.hub-card:last-child,.support-card:last-child{grid-column:auto}.mode-card{min-height:194px}.mode-icon{margin-bottom:24px}
  .origin-panel{grid-template-columns:1fr;text-align:center;padding:28px}.origin-mark{width:90px;height:110px}.origin-panel blockquote{font-size:1.75rem}
  .footer-grid{align-items:flex-start;flex-wrap:wrap}.footer-links{margin-left:0;width:100%;gap:16px}.copyright{margin-top:6px}
  .page-hero{padding:70px 0 50px}.page-hero h1{font-size:3.15rem}
  .leaderboard-toolbar{grid-template-columns:1fr;align-items:stretch}.player-search{width:100%}.metric-tabs{width:100%;overflow:auto}.leaderboard-table th,.leaderboard-table td{padding:14px 12px}.rank{width:44px}.player-head{display:none}.leaderboard-main{overflow:auto}
  .news-item{grid-template-columns:1fr;gap:13px}.news-item .button{justify-self:start}.news-date{display:flex;gap:9px;align-items:center}
  .uhc-hero-row{display:block}.uhc-source-pill{margin-top:20px}.uhc-feature,.schedule-card{padding:24px}.schedule-meta{grid-template-columns:1fr 1fr}.home-uhc-card{padding:24px}.home-uhc-topline{align-items:flex-start;flex-direction:column}.uhc-calendar-toolbar{align-items:flex-start;flex-direction:column}.uhc-calendar-tools{width:100%;justify-content:space-between}.uhc-calendar-weekdays span{padding:9px 2px;font-size:.54rem}.uhc-calendar-day{min-height:92px;padding:6px}.uhc-day-number{width:24px;height:24px}.uhc-calendar-event{padding:4px;font-size:.55rem}.uhc-calendar.is-week-view .uhc-calendar-weekdays{display:none}.uhc-calendar-grid.is-week{grid-template-columns:1fr}.uhc-calendar-grid.is-week .uhc-calendar-day{min-height:auto;padding:12px}.uhc-calendar-grid.is-week .uhc-calendar-day.is-outside{display:none}.uhc-calendar-grid.is-week+.uhc-calendar-empty{border-top:0}.uhc-upcoming-game{grid-template-columns:1fr;gap:10px}.uhc-upcoming-actions{justify-content:flex-start}.uhc-upcoming-main p{white-space:normal}.uhc-card-actions{display:grid;grid-template-columns:1fr}.uhc-card-actions .button{width:100%}
  .server-box{align-items:stretch;flex-direction:column}.server-box .button{margin-left:0;width:100%}
}
/* Aurix account state in the existing header. */
.account-slot{position:relative;display:flex;align-items:center}
.aurix-account{position:relative}
.aurix-account-button{min-height:39px;max-width:190px;padding:4px 10px 4px 5px;border:1px solid var(--line-strong);border-radius:12px;background:#0d1015;color:#f5f4ef;display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease;white-space:nowrap}
.aurix-account-button:hover{transform:translateY(-2px);border-color:rgba(228,164,71,.32);background:#11151b}
.aurix-account-skin{width:29px;height:29px;flex:0 0 29px;border-radius:8px;border:1px solid rgba(255,255,255,.1);object-fit:cover;image-rendering:pixelated;background:#171b22}
.aurix-account-skin-fallback{display:grid;place-items:center;color:#e4a447;font-size:.68rem;font-weight:900}
.aurix-account-name{overflow:hidden;text-overflow:ellipsis;font-size:.72rem;font-weight:850;letter-spacing:.01em;text-transform:none}
.aurix-account-chevron{margin-left:1px;color:#858c95;font-size:.8rem;line-height:1;transition:transform .16s ease}
.aurix-account-button[aria-expanded="true"] .aurix-account-chevron{transform:rotate(180deg)}
.aurix-account-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:130;width:210px;padding:8px;border:1px solid var(--line-strong);border-radius:14px;background:#0d1015;box-shadow:0 24px 60px rgba(0,0,0,.48)}
.aurix-account-menu-identity{padding:10px 11px 11px;overflow:hidden}
.aurix-account-menu-identity span{display:block;color:#717984;font-size:.62rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.aurix-account-menu-identity strong{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:.78rem;white-space:nowrap}
.aurix-account-menu-divider{height:1px;background:var(--line);margin:2px 0 5px}
.aurix-account-logout{width:100%;border:0;border-radius:10px;background:transparent;color:#b3b9c1;padding:10px 11px;display:flex;align-items:center;gap:10px;text-align:left;font-size:.74rem;font-weight:750;cursor:pointer;transition:background .14s ease,color .14s ease}
.aurix-account-logout:hover{background:rgba(255,255,255,.05);color:#fff}
.account-slot-mobile{display:block;width:100%}
.aurix-account-mobile{width:100%}
.aurix-account-mobile .aurix-account-button{width:100%;max-width:none;min-height:50px;padding:8px 12px;border-radius:14px;justify-content:flex-start}
.aurix-account-mobile .aurix-account-name{font-size:.78rem}
.aurix-account-mobile .aurix-account-chevron{margin-left:auto}
.aurix-account-mobile .aurix-account-menu{position:static;width:100%;margin-top:6px;box-shadow:none}
@media(max-width:980px){.account-slot[data-account-variant="desktop"]{display:none}}
/* Aurix account portal — additive styles only. */
.account-slot:not([data-account-ready="true"]){min-width:78px;min-height:39px}
.aurix-account-menu{width:224px;padding:8px}
.aurix-account-menu-links{display:grid;gap:2px}
.aurix-account-menu-link{width:100%;min-height:42px;padding:0 10px;border-radius:9px;color:#adb4bd;display:flex;align-items:center;gap:11px;font-size:.75rem;font-weight:750;transition:background .14s ease,color .14s ease,transform .14s ease}
.aurix-account-menu-link:hover{background:rgba(255,255,255,.05);color:#fff;transform:translateX(2px)}
.aurix-account-menu-icon{width:18px;height:18px;display:grid;place-items:center;color:#929aa4;flex:0 0 18px}
.aurix-account-menu-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aurix-account-menu-link:hover .aurix-account-menu-icon,.aurix-account-logout:hover .aurix-account-menu-icon{color:var(--accent-2)}
.aurix-account-logout{min-height:42px}
.account-page{min-height:calc(100vh - 76px);background:linear-gradient(180deg,#090b0f,#080a0d)}
.account-profile-shell{display:grid;grid-template-columns:290px minmax(0,1fr);gap:38px;padding-top:52px;padding-bottom:76px}
.account-profile-card{padding:28px 26px;text-align:center;align-self:start;position:sticky;top:110px;overflow:hidden}
.account-profile-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 12%,rgba(228,164,71,.08),transparent 35%);pointer-events:none}
.account-profile-status{display:flex;justify-content:center;align-items:center;gap:7px;color:#7e8792;font-size:.62rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900}
.account-profile-status span{width:7px;height:7px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 4px rgba(228,164,71,.08)}
.account-profile-card h1{margin:16px 0 6px;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.35rem;letter-spacing:-.03em}
.account-player-body-wrap{height:210px;display:grid;place-items:center;margin:4px auto 8px}
.account-player-body{height:190px;width:auto;image-rendering:pixelated;filter:drop-shadow(0 16px 24px rgba(0,0,0,.38))}
.account-role-badge{display:inline-flex;min-height:28px;padding:0 12px;border:1px solid rgba(228,164,71,.28);border-radius:999px;background:var(--accent-soft);align-items:center;color:#e7b261;font-size:.58rem;font-weight:900;letter-spacing:.08em}
.account-profile-meta{margin:18px 0 0;color:#7f8791;font-size:.72rem}
.account-side-section{border-top:1px solid var(--line);margin-top:20px;padding-top:18px;text-align:left}
.account-side-section>span{display:block;color:#737b85;font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.account-side-section strong{display:block;margin-top:5px;color:#d7dbe0;font-size:.82rem}
.account-side-section p{margin:6px 0 0;color:#858d96;font-size:.72rem;line-height:1.55}
.account-profile-main{min-width:0}
.account-page-heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:24px}
.account-page-heading h2{margin:6px 0 0;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:2.35rem;letter-spacing:-.045em}
.account-page-heading p{margin:8px 0 0;color:#8d959f}
.account-live-note{border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:#858e98;font-size:.62rem;font-weight:850;white-space:nowrap}
.account-mode-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.account-mode-tab{border:1px solid var(--line);border-radius:999px;background:#0d1015;color:#929aa5;min-height:36px;padding:0 14px;font-size:.66rem;font-weight:850;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}
.account-mode-tab:hover{transform:translateY(-1px);color:#fff;border-color:rgba(228,164,71,.24)}
.account-mode-tab.is-active{background:linear-gradient(180deg,#1b1d1f,#131518);color:#fff;border-color:rgba(228,164,71,.32);box-shadow:inset 0 0 0 1px rgba(228,164,71,.06)}
.account-stat-card{min-height:330px;padding:34px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-content:start;position:relative;overflow:hidden}
.account-stat-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(228,164,71,.09),transparent 42%,rgba(255,255,255,.015));pointer-events:none}
.account-stat-hero-copy,.account-stat-record,.account-stat-grid{position:relative;z-index:1}
.account-stat-hero-copy{padding-right:24px;border-right:1px solid var(--line)}
.account-stat-kicker{color:#d6aa68;text-transform:uppercase;letter-spacing:.13em;font-size:.65rem;font-weight:900;margin-bottom:30px}
.account-stat-hero-copy>span,.account-stat-record>span,.account-stat-grid span{display:block;color:#787f89;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.account-stat-hero-copy>strong{display:block;margin-top:6px;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:3.25rem;line-height:1}
.account-stat-hero-copy>small,.account-stat-record>small{display:block;margin-top:7px;color:#9299a2;font-size:.72rem}
.account-stat-record{padding:42px 0 0 10px}
.account-stat-record>strong{display:block;margin-top:8px;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:2rem}
.account-stat-record>strong small{font-family:Inter,sans-serif;font-size:.56rem;color:#8a929c;margin-left:3px}
.account-stat-record>strong em{font-family:Inter,sans-serif;font-style:normal;color:#5e6670;font-size:1rem;margin:0 7px}
.account-stat-grid{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-top:24px}
.account-stat-grid>div{padding-right:18px}
.account-stat-grid strong{display:block;margin-top:5px;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.45rem}
.account-profile-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.account-profile-info-card{padding:24px;min-height:150px}
.account-profile-info-card h3{margin:7px 0 6px;font-size:1rem}
.account-profile-info-card p{margin:0;color:#868e98;font-size:.82rem}
.account-banner{border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(199,125,31,.08),transparent 35%),radial-gradient(circle at 75% 0%,rgba(228,164,71,.06),transparent 38%);padding:50px 0}
.account-banner-compact{padding:44px 0}
.account-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.account-banner h1{margin:5px 0 6px;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:2.55rem;letter-spacing:-.045em}
.account-banner p{margin:0;color:#929aa4}
.account-table-wrap{padding-top:30px;padding-bottom:80px}
.account-table-head,.account-table-row{display:grid;grid-template-columns:minmax(280px,2fr) 1fr 1fr .7fr;gap:22px;align-items:center}
.account-table-head{min-height:48px;border-bottom:1px solid var(--line);color:#717984;text-transform:uppercase;letter-spacing:.11em;font-size:.58rem;font-weight:900;padding:0 18px}
.account-table-row{min-height:78px;border-bottom:1px solid var(--line);padding:14px 18px;color:#aeb4bc;font-size:.75rem}
.account-table-row>div:first-child strong{display:block;color:#f0f0ed;font-size:.82rem}
.account-table-row>div:first-child span{display:block;margin-top:4px;color:#6f7781;text-transform:capitalize;font-size:.66rem}
.account-status-pill{display:inline-flex;min-height:27px;padding:0 10px;border-radius:999px;align-items:center;text-transform:capitalize;font-size:.6rem;font-weight:900;border:1px solid var(--line)}
.account-status-pill.status-open{color:#e3ad5b;background:var(--accent-soft);border-color:rgba(228,164,71,.22)}
.account-status-pill.status-in-progress{color:#9ec3e8;background:rgba(88,145,209,.1);border-color:rgba(88,145,209,.2)}
.account-status-pill.status-closed{color:#8d949c;background:rgba(255,255,255,.035)}
.account-empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#858d97}
.account-empty-icon{font-size:2.6rem;color:#515861;line-height:1}
.account-empty p{margin:16px 0 18px}
.account-dialog{max-width:590px}
.account-dialog-form{display:grid;gap:16px;padding:24px 25px 28px}
.account-dialog-form label,.account-wide-form label{display:grid;gap:7px;color:#b6bbc2;font-size:.73rem;font-weight:750}
.account-dialog-form input,.account-dialog-form select,.account-dialog-form textarea,.account-wide-form input,.account-wide-form select{width:100%;border:1px solid var(--line-strong);border-radius:13px;background:#090c10;color:#f4f3ef;padding:12px 13px;outline:0;transition:border-color .15s ease,box-shadow .15s ease}
.account-dialog-form textarea{resize:vertical;min-height:120px}
.account-dialog-form input:focus,.account-dialog-form select:focus,.account-dialog-form textarea:focus,.account-wide-form input:focus,.account-wide-form select:focus{border-color:rgba(228,164,71,.55);box-shadow:0 0 0 3px rgba(228,164,71,.08)}
.account-settings-layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:620px;padding-top:52px;padding-bottom:76px}
.account-settings-top{padding-top:64px}
.account-settings-nav{border-right:1px solid var(--line);padding-right:18px}
.account-settings-nav>span{display:block;padding:0 14px 15px;color:#8a919b;font-size:.65rem;text-transform:uppercase;letter-spacing:.11em;font-weight:850}
.account-settings-nav a{min-height:58px;border-left:2px solid transparent;padding:0 16px;display:flex;align-items:center;color:#737b85;font-size:.79rem;font-weight:850;transition:background .15s ease,color .15s ease,border-color .15s ease}
.account-settings-nav a:hover{background:rgba(255,255,255,.025);color:#fff}
.account-settings-nav a.is-active{background:rgba(199,125,31,.075);border-left-color:var(--accent-2);color:#fff}
.account-settings-content{padding-left:44px;max-width:900px}
.account-settings-content>h1,.account-settings-content>h2{margin:0 0 4px;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.65rem;letter-spacing:-.03em}
.account-settings-content>p{margin:0 0 26px;color:#8f969f}
.account-back-link{display:inline-flex;margin-bottom:22px;color:#9aa1aa;font-size:.73rem;transition:color .14s ease,transform .14s ease}
.account-back-link:hover{color:#fff;transform:translateX(-2px)}
.account-settings-list{border-top:1px solid var(--line)}
.account-settings-list>a{min-height:112px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 40px;align-content:center;position:relative;padding:20px 48px 20px 48px;transition:background .15s ease,transform .15s ease}
.account-settings-list>a::before{content:"";position:absolute;left:13px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:4px;border:2px solid var(--accent-2);opacity:.9}
.account-settings-list>a:hover{background:rgba(255,255,255,.018);transform:translateX(3px)}
.account-settings-list strong{font-size:.9rem}
.account-settings-list span{display:block;margin-top:4px;color:#8c939c;font-size:.76rem}
.account-settings-list b{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;color:#8e959e;font-size:1.6rem;font-weight:400}
.account-settings-list>a.danger-row::before{border-color:var(--danger)}
.account-settings-list>a.danger-row strong{color:#efb0aa}
.account-social-list{border-top:1px solid var(--line)}
.account-social-list>div{min-height:80px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42px minmax(120px,1fr) 1fr 150px;gap:14px;align-items:center;padding:10px 14px}
.account-social-list i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#151920;color:#fff;font-style:normal;font-size:.72rem;font-weight:900}
.account-social-list .social-discord{background:#5865f2}.account-social-list .social-youtube{background:#ff1d1d}.account-social-list .social-twitch{background:#9146ff}
.account-social-list strong{font-size:.8rem}.account-social-list span{color:#818994;font-size:.74rem}
.account-social-list .button{min-height:42px}
.account-privacy-list{border-top:1px solid var(--line)}
.account-privacy-list>label{min-height:98px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 14px 18px 50px;position:relative}
.account-privacy-list>label::before{content:"";position:absolute;left:16px;width:12px;height:12px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 5px rgba(228,164,71,.08)}
.account-privacy-list strong{display:block;font-size:.85rem}.account-privacy-list span{display:block;margin-top:4px;color:#8c939c;font-size:.75rem}
.account-privacy-list select{width:210px;border:1px solid var(--line);border-radius:13px;background:#0c0f13;color:#fff;padding:12px 14px}
.account-wide-form{display:grid;gap:20px;border-top:1px solid var(--line);padding-top:28px}
.account-wide-form .button{width:100%;min-height:55px}
.account-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.account-current-value{border:1px solid var(--line);border-radius:13px;background:#090c10;color:#cfd3d8;padding:14px 15px}
.account-danger-button{background:#c6463f;border-color:#dc5a53;color:#fff}
.account-danger-button:hover{background:#d04b44}
.account-info-box{border:1px solid var(--line);border-radius:14px;background:#0f1217;padding:18px;color:#8f969f;font-size:.78rem;line-height:1.6}
@media(max-width:980px){
  .account-profile-shell{grid-template-columns:1fr}.account-profile-card{position:static;display:grid;grid-template-columns:110px 1fr;column-gap:20px;text-align:left;align-items:center}.account-profile-status,.account-profile-card h1,.account-role-badge,.account-profile-meta,.account-side-section{grid-column:2}.account-player-body-wrap{grid-column:1;grid-row:1/7;height:190px}.account-player-body{height:170px}.account-profile-status{justify-content:flex-start}.account-side-section{margin-top:12px}
  .account-settings-layout{grid-template-columns:180px minmax(0,1fr)}.account-settings-content{padding-left:28px}
  .account-table-head,.account-table-row{grid-template-columns:minmax(220px,1.5fr) 1fr 1fr .8fr}
}
@media(max-width:720px){
  .account-profile-shell{padding-top:28px}.account-profile-card{grid-template-columns:86px 1fr;padding:20px}.account-player-body-wrap{height:150px}.account-player-body{height:138px}.account-page-heading{display:block}.account-live-note{display:inline-flex;margin-top:14px}.account-stat-card{grid-template-columns:1fr;padding:24px}.account-stat-hero-copy{border-right:0;border-bottom:1px solid var(--line);padding:0 0 22px}.account-stat-record{padding:0}.account-stat-grid{grid-template-columns:1fr 1fr}.account-profile-lower-grid{grid-template-columns:1fr}
  .account-banner{padding:36px 0}.account-banner-inner{align-items:flex-start;flex-direction:column}.account-banner .button{width:100%}.account-table-head{display:none}.account-table-row{grid-template-columns:1fr 1fr;gap:10px;padding:18px 8px}.account-table-row>div:first-child{grid-column:1/-1}.account-table-row>div:nth-child(2)::before{content:"Created ";color:#676f79}.account-table-row>div:nth-child(3)::before{content:"Updated ";color:#676f79}
  .account-settings-layout{grid-template-columns:1fr;padding-top:30px}.account-settings-nav{border-right:0;border-bottom:1px solid var(--line);display:flex;gap:5px;padding:0 0 14px;margin-bottom:28px}.account-settings-nav>span{display:none}.account-settings-nav a{min-height:42px;border-left:0;border-bottom:2px solid transparent;padding:0 13px}.account-settings-nav a.is-active{border-left:0;border-bottom-color:var(--accent-2)}.account-settings-content{padding-left:0}.account-social-list>div{grid-template-columns:38px 1fr auto;padding:13px 4px}.account-social-list>div>span{grid-column:2}.account-social-list .button{grid-column:3;grid-row:1/3;width:94px}.account-privacy-list>label{padding-left:44px}.account-privacy-list select{width:120px}.account-form-grid{grid-template-columns:1fr}.account-settings-list>a{padding-left:44px}
}
/* Staff portal — uses the existing Aurix account surfaces and brand system. */
.staff-banner .account-banner-inner{align-items:flex-end}
.staff-rank-line{margin-top:9px;color:#9aa1ab;font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;font-weight:850}
.staff-rank-line strong{color:#e6b566}
.staff-dashboard{padding-top:34px;padding-bottom:76px}
.staff-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.staff-overview-card{padding:20px 21px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,#12171e,#0e1217)}
.staff-overview-card span{display:block;color:#777f89;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850}
.staff-overview-card strong{display:block;margin-top:8px;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:2rem;line-height:1;color:#efc178}
.staff-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.staff-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:5px;border:1px solid var(--line);border-radius:14px;background:#0b0e13}
.staff-tab{border:0;border-radius:10px;background:transparent;color:#858d97;padding:9px 14px;font:inherit;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900;cursor:pointer}
.staff-tab:hover{color:#fff}.staff-tab.is-active{background:#1b2029;color:#fff}
.staff-panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,#11161d,#0d1116);overflow:hidden}
.staff-panel-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}
.staff-panel-head h2{margin:0;font-size:1.05rem}.staff-panel-head p{margin:4px 0 0;color:#7f8791;font-size:.77rem}
.staff-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(92px,.7fr) minmax(82px,.6fr) auto;gap:12px;align-items:center;padding:17px 16px;border-bottom:1px solid rgba(255,255,255,.055)}
.staff-row:last-child{border-bottom:0}.staff-row strong{display:block;font-size:.88rem}.staff-row span{display:block;margin-top:4px;color:#777f89;font-size:.72rem}
.staff-row-meta{color:#8e959e;font-size:.76rem}.staff-row .button{justify-self:end}
.staff-empty{padding:62px 24px;text-align:center;color:#7f8791}.staff-empty strong{display:block;color:#fff;margin-bottom:7px}
.staff-access-denied{max-width:620px;margin:70px auto;padding:40px;text-align:center}
.staff-access-denied h2{margin:0 0 9px}.staff-access-denied p{margin:0;color:#858d97}
.staff-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.staff-detail-block{padding:14px;border:1px solid var(--line);border-radius:13px;background:#0a0d11}.staff-detail-block span{display:block;color:#6f7781;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.staff-detail-block strong{display:block;margin-top:5px;font-size:.86rem}
.staff-detail-message{white-space:pre-wrap;line-height:1.65;color:#afb5bd;background:#0a0d11;border:1px solid var(--line);border-radius:13px;padding:16px;margin:0 0 18px}
.staff-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.staff-form-grid .full{grid-column:1/-1}
.staff-form-grid label>span{display:block;margin-bottom:7px;color:#aeb4bd;font-size:.75rem;font-weight:800}
.staff-form-grid input,.staff-form-grid select,.staff-form-grid textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:#0a0d11;color:#fff;padding:12px 13px;outline:none;font:inherit;font-size:.82rem}
.staff-form-grid textarea{resize:vertical;min-height:120px}.staff-form-grid input:focus,.staff-form-grid select:focus,.staff-form-grid textarea:focus{border-color:rgba(228,164,71,.42);box-shadow:0 0 0 3px rgba(199,125,31,.07)}
.news-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.news-admin-button{border-color:rgba(228,164,71,.25)}.news-admin-danger{color:#ff8585;border-color:rgba(255,96,96,.22)}
.page-manager-action{margin-top:22px}
@media(max-width:900px){.staff-overview-grid{grid-template-columns:repeat(2,1fr)}.staff-row{grid-template-columns:minmax(0,1fr) auto auto;gap:12px}.staff-row-meta{display:none}.staff-row-status{display:block}.staff-form-grid{grid-template-columns:1fr}.staff-form-grid .full{grid-column:auto}}
@media(max-width:560px){.staff-overview-grid{grid-template-columns:1fr 1fr}.staff-overview-card{padding:16px}.staff-row{grid-template-columns:minmax(0,1fr) auto;padding:15px}.staff-row-status{grid-column:1;justify-self:start}.staff-row .button{grid-column:2;grid-row:1/3;padding:0 12px}.staff-detail-grid{grid-template-columns:1fr}}
.account-status-pill.status-submitted{color:#e3ad5b;background:var(--accent-soft);border-color:rgba(228,164,71,.22)}
.account-status-pill.status-in-review{color:#9ec3e8;background:rgba(88,145,209,.1);border-color:rgba(88,145,209,.2)}
.account-status-pill.status-accepted{color:#9fd7b0;background:rgba(86,180,111,.1);border-color:rgba(86,180,111,.2)}
.account-status-pill.status-denied{color:#ef9a9a;background:rgba(210,73,73,.1);border-color:rgba(210,73,73,.2)}
/* News page: keep the shared footer anchored to the bottom on short news lists. */
body[data-page="news"]{min-height:100vh;display:flex;flex-direction:column}
body[data-page="news"]>main#main{flex:1 0 auto}
/* Structured ticket and application flows. */
.application-flow-page{min-height:calc(100vh - 76px)}
.application-flow-banner .account-banner-inner{align-items:center}
.flow-choice-shell{padding-top:54px;padding-bottom:86px}
.flow-choice-grid{display:grid;gap:22px}
.flow-choice-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.flow-choice-card{min-height:245px;padding:30px 24px;border:1px solid var(--line-strong);border-radius:18px;background:#0b0e12;color:#f2f1ed;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;font:inherit;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.flow-choice-card:hover,.flow-choice-card:focus-visible{transform:translateY(-4px);border-color:rgba(228,164,71,.45);background:#0f1318;box-shadow:0 18px 45px rgba(0,0,0,.25);outline:0}
.flow-choice-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;margin-bottom:8px;background:rgba(228,164,71,.09);border:1px solid rgba(228,164,71,.2);color:var(--accent-2);font-size:1.35rem;font-weight:1000}
.flow-choice-card strong{font-size:1rem}
.flow-choice-card>span:last-child{max-width:235px;color:#89919b;font-size:.75rem;line-height:1.55}
.flow-form-shell{max-width:1120px;padding-top:42px;padding-bottom:90px}
.flow-form-heading{padding-bottom:26px;border-bottom:1px solid var(--line)}
.flow-back-link{border:0;background:transparent;color:#9aa1aa;font:inherit;font-size:.72rem;cursor:pointer;padding:0;margin:0 0 18px;transition:color .15s ease}
.flow-back-link:hover{color:#fff}
.flow-form-intro{max-width:900px;color:#9aa1aa;font-size:.82rem;line-height:1.72}
.flow-form-intro p{margin:0 0 8px}
.flow-form-intro strong{color:#f0efeb}
.flow-note{color:#b7bdc5}
.flow-form{padding-top:30px}
.flow-form [data-flow-fields]{display:grid;gap:26px}
.flow-field{display:grid;gap:8px;color:#c0c5cc;font-size:.76rem;font-weight:750}
.flow-field>span,.flow-choice-field legend{color:#d6d8db;font-size:.78rem;font-weight:800}
.flow-field small,.flow-choice-field small{display:block;color:#747c86;font-size:.67rem;font-weight:500;line-height:1.5;margin-top:-2px}
.flow-field input,.flow-field select,.flow-field textarea{width:100%;border:1px solid var(--line-strong);border-radius:14px;background:#080b0f;color:#f4f3ef;padding:14px 15px;outline:0;font:inherit;font-size:.78rem;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.flow-field textarea{resize:vertical;min-height:126px;line-height:1.55}
.flow-field input[readonly]{color:#9da4ad;background:#0a0d11;cursor:not-allowed}
.flow-field input:focus,.flow-field select:focus,.flow-field textarea:focus{border-color:rgba(228,164,71,.55);box-shadow:0 0 0 3px rgba(228,164,71,.08);background:#0a0d11}
.flow-choice-field{border:0;margin:0;padding:0;display:grid;gap:11px;min-width:0}
.flow-inline-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.flow-inline-choice{position:relative;cursor:pointer}
.flow-inline-choice input{position:absolute;opacity:0;pointer-events:none}
.flow-inline-choice span{min-height:82px;border:1px solid var(--line-strong);border-radius:14px;background:#0a0d11;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:#aeb5be;font-size:.75rem;font-weight:800;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}
.flow-inline-choice:hover span{transform:translateY(-2px);border-color:rgba(228,164,71,.28);color:#fff}
.flow-inline-choice input:checked+span{border-color:rgba(228,164,71,.6);background:rgba(228,164,71,.09);color:#f4c779;box-shadow:0 0 0 2px rgba(228,164,71,.06)}
.flow-declaration{display:grid;grid-template-columns:20px 1fr;gap:13px;align-items:start;padding:18px;border:1px solid rgba(228,164,71,.25);border-radius:14px;background:rgba(228,164,71,.045);color:#aeb5bd;cursor:pointer}
.flow-declaration input{margin-top:3px;accent-color:var(--accent)}
.flow-declaration strong{display:block;color:#f1f0ec;font-size:.78rem;margin-bottom:5px}
.flow-declaration small{display:block;color:#8e969f;font-size:.69rem;line-height:1.55}
.flow-submit-row{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.flow-feedback{min-height:22px;margin-top:20px;color:#aeb5bd}
.staff-response-list{display:grid;gap:10px;margin:0 0 18px}
.staff-response-item{padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:#0a0d11}
.staff-response-item span{display:block;color:#727a84;text-transform:uppercase;letter-spacing:.07em;font-size:.58rem;font-weight:850;margin-bottom:7px}
.staff-response-item p{margin:0;white-space:pre-wrap;color:#b8bec6;font-size:.76rem;line-height:1.6;word-break:break-word}
@media(max-width:1050px){.flow-choice-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.flow-choice-shell{padding-top:34px;padding-bottom:64px}.flow-choice-grid-four{grid-template-columns:1fr}.flow-choice-card{min-height:190px}.flow-form-shell{padding-top:30px;padding-bottom:70px}.flow-inline-choices{grid-template-columns:1fr}.flow-submit-row{flex-direction:column-reverse;align-items:stretch}.flow-submit-row .button{width:100%}}
/* Batch 8 — UHC schedule polish */
.uhc-timezone-line{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:7px 10px;border:1px solid rgba(228,164,71,.16);border-radius:999px;background:rgba(199,125,31,.055);color:#9ea5ae;font-size:.67rem;font-weight:800;letter-spacing:.015em}
.uhc-timezone-line::before{content:"◷";color:var(--accent-2);font-size:.78rem}
.uhc-inline-detail{margin-top:10px;border:0;background:transparent;color:#d9ac65;font:inherit;font-size:.66rem;font-weight:900;padding:0;cursor:pointer;text-transform:uppercase;letter-spacing:.055em}
.uhc-inline-detail:hover{color:#f1c57f;text-decoration:underline;text-underline-offset:3px}
.uhc-mobile-agenda{display:none}
.uhc-detail-dialog{width:min(650px,calc(100% - 28px));overflow:hidden;background:linear-gradient(155deg,#12171e,#0c1015)}
.uhc-detail-dialog::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--accent-2),transparent);opacity:.75}
.uhc-detail-head{position:relative;background:radial-gradient(circle at 12% -20%,rgba(228,164,71,.12),transparent 48%)}
.uhc-detail-body{position:relative}
.uhc-detail-time{color:#a0a7b0;font-size:.78rem;line-height:1.55}
.uhc-detail-countdown{margin-top:7px;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.35rem,4vw,2.15rem);letter-spacing:-.03em;color:#f1f2f3}
.uhc-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
.uhc-detail-stat{padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#0a0e13;min-width:0}
.uhc-detail-stat span{display:block;color:#68717c;font-size:.59rem;font-weight:900;text-transform:uppercase;letter-spacing:.085em}
.uhc-detail-stat strong{display:block;margin-top:5px;color:#e5e7ea;font-size:.78rem;line-height:1.45;overflow-wrap:anywhere}
.uhc-detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.uhc-detail-actions .button{flex:1 1 150px}
.uhc-day-game{transition:border-color .16s ease,background .16s ease,transform .16s ease}
.uhc-day-game:hover{border-color:rgba(228,164,71,.22);background:#0e1217;transform:translateY(-1px)}
.uhc-calendar-day:focus-visible,.uhc-inline-detail:focus-visible,.uhc-mobile-game:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}
.uhc-calendar-event{box-shadow:inset 0 0 18px rgba(228,164,71,.015)}
.uhc-calendar-event.is-live{box-shadow:inset 0 0 18px rgba(111,209,154,.025)}
.uhc-upcoming-game{position:relative;overflow:hidden}
.uhc-upcoming-game::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(228,164,71,.16),transparent);opacity:0;transition:opacity .16s ease}
.uhc-upcoming-game:hover::after{opacity:1}
@media(max-width:600px){
  .uhc-timezone-line{border-radius:11px;line-height:1.35}
  .uhc-calendar-layout{display:block}
  .uhc-calendar-toolbar{padding:18px 18px 16px;border-bottom:1px solid var(--line)}
  .uhc-calendar-tools,.uhc-calendar-weekdays,.uhc-calendar-grid,.uhc-calendar-empty,.uhc-day-agenda{display:none!important}
  .uhc-mobile-agenda{display:block;padding:5px 16px 18px}
  .uhc-mobile-day-heading{padding:18px 2px 8px;color:#7f8791;font-size:.62rem;font-weight:950;text-transform:uppercase;letter-spacing:.1em}
  .uhc-mobile-game{width:100%;display:grid;grid-template-columns:54px minmax(0,1fr) 16px;gap:11px;align-items:center;padding:13px 12px;border:1px solid var(--line);border-radius:13px;background:#0b0f14;color:#fff;text-align:left;cursor:pointer;margin-top:7px;transition:border-color .16s ease,background .16s ease,transform .16s ease}
  .uhc-mobile-game:active{transform:scale(.99)}
  .uhc-mobile-game:hover{border-color:rgba(228,164,71,.22);background:#10151b}
  .uhc-mobile-game.is-live{border-color:rgba(111,209,154,.22);background:rgba(111,209,154,.035)}
  .uhc-mobile-game-time{color:#dfac5c;font-size:.68rem;font-weight:950;letter-spacing:.035em}
  .uhc-mobile-game.is-live .uhc-mobile-game-time{color:#84dbaa}
  .uhc-mobile-game-main{min-width:0}
  .uhc-mobile-game-main strong{display:block;font-size:.8rem}
  .uhc-mobile-game-main small{display:block;margin-top:3px;color:#727b86;font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .uhc-mobile-game-arrow{color:#67707b;font-size:1.15rem;text-align:right}
  .uhc-mobile-empty{padding:24px 4px 10px;color:#767f89;font-size:.75rem}
  .uhc-detail-dialog{width:min(100% - 18px,650px);border-radius:18px}
  .uhc-detail-head{padding:20px 18px 15px}
  .uhc-detail-body{padding:18px}
  .uhc-detail-grid{grid-template-columns:1fr;gap:8px;margin-top:17px}
  .uhc-detail-actions{display:grid;grid-template-columns:1fr}
  .uhc-detail-actions .button{width:100%}
}
.uhc-calendar-copy-mobile,.uhc-calendar-heading-mobile{display:none}
@media(max-width:600px){
  .uhc-calendar-copy-desktop,.uhc-calendar-heading-desktop{display:none}
  .uhc-calendar-copy-mobile,.uhc-calendar-heading-mobile{display:block}
}
/* Batch 9 — production launch hero / live network presentation */
.network-announcement{position:relative;border-bottom:1px solid rgba(228,164,71,.13);background:linear-gradient(90deg,rgba(199,125,31,.12),rgba(17,20,26,.96) 38%,rgba(199,125,31,.08));overflow:hidden}
.network-announcement::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.035) 50%,transparent 80%);transform:translateX(-120%);animation:announcementSweep 8s ease-in-out infinite;pointer-events:none}
.network-announcement[data-state="maintenance"]{background:linear-gradient(90deg,rgba(230,180,90,.11),rgba(17,20,26,.97))}
.network-announcement[data-state="offline"]{background:linear-gradient(90deg,rgba(223,122,114,.1),rgba(17,20,26,.97))}
.network-announcement-inner{position:relative;min-height:36px;display:flex;align-items:center;justify-content:center;gap:9px;color:#c9ced5;font-size:.68rem;font-weight:800;letter-spacing:.035em;text-align:center}
.network-announcement-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 4px rgba(228,164,71,.08)}
.network-announcement[data-state="live"] .network-announcement-dot{background:var(--success);box-shadow:0 0 0 4px rgba(111,209,154,.09)}
.network-announcement[data-state="offline"] .network-announcement-dot{background:var(--danger)}
.network-announcement button{border:0;background:none;color:#e9b765;padding:4px 7px;font:inherit;font-weight:950;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.network-announcement button:hover{color:#ffd38d}
.network-announcement button:disabled{color:#7f8790;cursor:default}
@keyframes announcementSweep{0%,62%{transform:translateX(-120%)}78%,100%{transform:translateX(120%)}}
.hero{isolation:isolate;background:linear-gradient(90deg,rgba(5,7,10,.98) 0%,rgba(6,8,11,.92) 43%,rgba(7,9,12,.61) 72%,rgba(6,8,11,.88) 100%),linear-gradient(180deg,rgba(7,9,12,.1),rgba(7,9,12,.88)),url('arena-bg.67de75147e46.webp') center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 23% 37%,rgba(228,164,71,.12),transparent 27rem),linear-gradient(105deg,transparent 52%,rgba(199,125,31,.045) 72%,transparent 88%);animation:heroAtmosphere 12s ease-in-out infinite alternate;pointer-events:none}
.hero-grid{position:absolute;inset:0;z-index:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,rgba(0,0,0,.8),transparent 73%);transform:perspective(650px) rotateX(62deg) scale(1.55) translateY(22%);transform-origin:center bottom;pointer-events:none}
.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none;z-index:0;opacity:.55}
.hero-orb-one{width:380px;height:380px;right:7%;top:12%;background:radial-gradient(circle,rgba(228,164,71,.09),transparent 67%);animation:heroOrbOne 11s ease-in-out infinite alternate}
.hero-orb-two{width:270px;height:270px;right:31%;bottom:4%;background:radial-gradient(circle,rgba(199,125,31,.065),transparent 68%);animation:heroOrbTwo 15s ease-in-out infinite alternate}
@keyframes heroAtmosphere{to{transform:translate3d(18px,-7px,0);opacity:.82}}
@keyframes heroOrbOne{to{transform:translate3d(-28px,18px,0) scale(1.06)}}
@keyframes heroOrbTwo{to{transform:translate3d(22px,-19px,0) scale(.95)}}
.hero-brand-lockup{transform:translate3d(var(--hero-shift-x,0),var(--hero-shift-y,0),0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.hero-logo{animation:heroLogoFloat 5.8s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(228,164,71,.26))}
@keyframes heroLogoFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}
.hero h1 span{color:#e1a44a;text-shadow:0 0 32px rgba(199,125,31,.12)}
.hero-mode-line{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:24px;color:#7d8590;font-size:.62rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.hero-mode-line i{width:3px;height:3px;border-radius:50%;background:#9a6b30;opacity:.8}
.hero-play-button{min-width:170px}
.launch-countdown{display:inline-flex;align-items:baseline;gap:10px;margin-top:17px;padding:8px 12px;border:1px solid rgba(228,164,71,.13);border-radius:12px;background:rgba(199,125,31,.055);font-variant-numeric:tabular-nums}
.launch-countdown-label{color:#7f8791;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.launch-countdown strong{color:#e7b66d;font-size:.78rem;letter-spacing:.04em}
.network-command-card{padding:28px;background:linear-gradient(180deg,rgba(15,19,25,.9),rgba(9,12,16,.94));box-shadow:0 32px 90px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.025)}
.join-card-topline{display:flex;align-items:center;justify-content:space-between;gap:16px}
.network-state-pill{min-height:27px;padding:0 10px;border:1px solid rgba(228,164,71,.18);border-radius:999px;background:rgba(199,125,31,.07);display:inline-flex;align-items:center;color:#d9a85f;font-size:.58rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.network-state-pill[data-state="live"]{color:#98ddb6;border-color:rgba(111,209,154,.22);background:rgba(111,209,154,.07)}
.network-state-pill[data-state="maintenance"]{color:#e8c581;border-color:rgba(230,180,90,.2)}
.network-state-pill[data-state="offline"]{color:#e39a94;border-color:rgba(223,122,114,.2);background:rgba(223,122,114,.06)}
.network-player-total{display:flex;align-items:baseline;gap:11px;margin:24px 0 4px}
.network-player-total strong{font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.8rem,5vw,4.35rem);letter-spacing:-.06em;line-height:.9;color:#fff;font-variant-numeric:tabular-nums}
.network-player-total span{max-width:88px;color:#7d8590;font-size:.62rem;font-weight:900;line-height:1.25;text-transform:uppercase;letter-spacing:.08em}
.network-mode-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:21px}
.network-mode-mini-grid>div{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.025)}
.network-mode-mini-grid span{display:block;color:#686f79;font-size:.52rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap}
.network-mode-mini-grid strong{display:block;margin-top:3px;color:#cbd0d6;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-server-quick{margin-top:18px}
.server-copy-quick{width:100%;min-height:59px;padding:10px 14px;border:1px solid rgba(228,164,71,.22);border-radius:14px;background:rgba(199,125,31,.065);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#f0c27c;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.server-copy-quick:hover{transform:translateY(-2px);border-color:rgba(228,164,71,.38);background:rgba(199,125,31,.1)}
.server-copy-quick span{font-weight:950;letter-spacing:.03em}
.server-copy-quick small{color:#7f8790;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850}
.network-command-card>.button{margin-top:16px}
@media(max-width:980px){.network-mode-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid{opacity:.1}}
@media(max-width:600px){.network-announcement-inner{min-height:39px;justify-content:flex-start;padding-right:0;font-size:.62rem}.network-announcement button{margin-left:auto}.hero-mode-line{gap:7px}.hero-mode-line i{display:none}.network-mode-mini-grid{grid-template-columns:repeat(2,1fr)}.network-player-total strong{font-size:3.1rem}.launch-countdown{display:flex;width:100%;justify-content:space-between}.server-copy-quick{min-height:56px}}
/* Batch 10 — live homepage + Aurix competitive visual system */
.aurix-grid-section{position:relative;isolation:isolate;overflow:hidden}
.aurix-grid-section::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.78) 18%,rgba(0,0,0,.78) 82%,transparent);pointer-events:none}
.aurix-grid-section::after{content:"";position:absolute;z-index:-1;width:520px;height:520px;border:1px solid rgba(228,164,71,.055);border-radius:50%;right:-280px;top:12%;box-shadow:0 0 0 85px rgba(228,164,71,.018),0 0 0 170px rgba(228,164,71,.012);pointer-events:none}
.home-live-strip{padding:18px 0 2px}
.live-strip-frame{min-height:54px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(90deg,rgba(199,125,31,.09),rgba(14,17,23,.92) 18%,rgba(14,17,23,.92));display:flex;align-items:center;overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.12)}
.live-strip-label{align-self:stretch;flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:0 20px;border-right:1px solid var(--line);color:#f1c27b;font-size:.66rem;font-weight:950;text-transform:uppercase;letter-spacing:.13em;background:rgba(199,125,31,.055)}
.live-strip-pulse,.home-panel-live i,.mode-live i{width:6px;height:6px;border-radius:50%;background:#5bd18b;box-shadow:0 0 0 4px rgba(91,209,139,.08),0 0 18px rgba(91,209,139,.3);flex:0 0 auto}
.live-strip-window{min-width:0;flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.live-strip-track{width:max-content;display:flex;align-items:center;min-height:52px;will-change:transform}
.live-strip-track.is-moving{animation:aurixTicker 32s linear infinite}
.live-strip-group{display:flex;align-items:center;flex:0 0 auto}
.live-strip-item{display:inline-flex;align-items:center;gap:9px;padding:0 28px 0 22px;color:#9ca3ac;font-size:.76rem;white-space:nowrap;position:relative}
.live-strip-item::after{content:"";position:absolute;right:4px;width:3px;height:3px;border-radius:50%;background:#5e6670}
.live-strip-item b{color:#e0ae64;font-size:.61rem;letter-spacing:.09em;text-transform:uppercase}
.live-strip-placeholder{padding:0 22px;color:#737b85;font-size:.75rem}
@keyframes aurixTicker{to{transform:translateX(-50%)}}
.live-strip-frame:hover .live-strip-track.is-moving{animation-play-state:paused}
.home-mode-section{padding-top:82px}
.mode-grid{gap:18px}
.mode-card{min-height:255px;padding:0;border-radius:22px;background:linear-gradient(145deg,rgba(20,25,33,.98),rgba(12,15,20,.98));isolation:isolate;display:flex;flex-direction:column;text-align:left;outline:none}
.mode-card::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 80% 8%,rgba(228,164,71,.11),transparent 32%),linear-gradient(180deg,transparent 58%,rgba(0,0,0,.18));opacity:.74;transition:opacity .25s ease,transform .35s ease}
.mode-card::after{width:190px;height:190px;right:-72px;bottom:-94px;background:radial-gradient(circle,rgba(228,164,71,.17),transparent 66%);transition:transform .4s cubic-bezier(.2,.75,.2,1),opacity .25s ease}
.mode-card:hover{transform:translateY(-7px);border-color:rgba(228,164,71,.4);box-shadow:0 24px 58px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);background:linear-gradient(145deg,#171d25,#10141a)}
.mode-card:hover::before{opacity:1;transform:scale(1.025)}
.mode-card:hover::after{transform:translate(-10px,-8px) scale(1.12)}
.mode-card:active{transform:translateY(-3px) scale(.995)}
.mode-card:focus-visible{border-color:#e4a447;box-shadow:0 0 0 3px rgba(228,164,71,.14),0 20px 50px rgba(0,0,0,.25)}
.mode-card-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(145deg,transparent 5%,#000 55%,transparent 95%);opacity:.5}
.mode-card-index{position:absolute;right:19px;bottom:3px;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:4.7rem;line-height:1;color:rgba(255,255,255,.022);letter-spacing:-.08em;pointer-events:none}
.mode-card-top{padding:22px 22px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.mode-card .mode-icon{width:47px;height:47px;margin:0;border-radius:14px;position:relative;background:linear-gradient(145deg,rgba(199,125,31,.17),rgba(199,125,31,.055));box-shadow:inset 0 0 18px rgba(199,125,31,.07),0 10px 24px rgba(0,0,0,.14)}
.mode-live{min-height:26px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(6,9,12,.54);padding:6px 9px;display:inline-flex;align-items:center;gap:7px;color:#8e96a0;font-size:.59rem;font-weight:850;text-transform:uppercase;letter-spacing:.055em}
.mode-live i{width:5px;height:5px}
.mode-card-body{padding:25px 22px 22px;display:grid;gap:8px}
.mode-card-body strong{font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.33rem;line-height:1;text-transform:uppercase;letter-spacing:-.025em;color:#f4f2ed}
.mode-card-body>span{color:#8f97a1;font-size:.84rem;line-height:1.52;max-width:290px}
.mode-card-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.055);padding:15px 22px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#676f79;font-size:.61rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850}
.mode-card-foot b{color:#d9a75e;font-size:.61rem;transition:transform .18s ease,color .18s ease}
.mode-card:hover .mode-card-foot b{transform:translateX(3px);color:#f0c47f}
.mode-card-uhc .mode-icon,.mode-card-meetup .mode-icon{color:#efb85f}
.mode-card-sg .mode-icon,.mode-card-sgm .mode-icon{color:#e3a653}
.mode-card-cw .mode-icon{color:#f0bf75}
.mode-card-practice .mode-icon{color:#d9b071}
.home-competition-section{padding-top:82px}
.home-competition-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px;align-items:stretch}
.home-champions-panel,.home-leader-panel{padding:26px;overflow:hidden;position:relative}
.home-champions-panel::after,.home-leader-panel::after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-130px;top:-130px;background:radial-gradient(circle,rgba(228,164,71,.08),transparent 68%);pointer-events:none}
.home-panel-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}
.home-panel-head .section-kicker{margin-bottom:5px}
.home-panel-head h3{margin:0;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;font-size:1.45rem;letter-spacing:-.03em}
.home-panel-live{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(91,209,139,.13);border-radius:999px;background:rgba(91,209,139,.035);padding:7px 9px;color:#83ba99;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.home-panel-live i{width:5px;height:5px}
.home-panel-link{color:#dca95f;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;transition:color .16s ease,transform .16s ease}
.home-panel-link:hover{color:#f0c27b;transform:translateX(2px)}
.home-champion-grid{display:grid;gap:10px}
.home-champion-card{position:relative;z-index:1;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:linear-gradient(100deg,rgba(255,255,255,.035),rgba(255,255,255,.012));padding:13px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.home-champion-card:hover{transform:translateX(4px);border-color:rgba(228,164,71,.22);background:linear-gradient(100deg,rgba(199,125,31,.075),rgba(255,255,255,.014))}
.home-champion-rank{width:42px;color:#6f7781;font-size:.57rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.home-champion-identity{min-width:0;display:flex;align-items:center;gap:11px}
.home-champion-identity>div{min-width:0}
.home-champion-identity h4{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;color:#f1f0ec}
.home-champion-identity p{margin:3px 0 0;color:#727a84;font-size:.64rem}
.home-champion-detail{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8c949e;font-size:.63rem;text-align:right}
.home-player-head{width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:linear-gradient(145deg,#202630,#11151b);display:grid;place-items:center;overflow:hidden;color:#dca85b;font-size:.62rem;font-weight:900;position:relative;image-rendering:pixelated}
.home-player-head>span{grid-area:1/1}
.home-player-head img{grid-area:1/1;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;opacity:0;transition:opacity .15s ease}
.home-player-head.has-image img{opacity:1}
.home-leader-modes{display:flex;gap:5px;overflow:auto;padding-bottom:12px;margin-bottom:3px;scrollbar-width:none}
.home-leader-modes::-webkit-scrollbar{display:none}
.home-leader-modes button{flex:0 0 auto;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(255,255,255,.025);color:#727a84;padding:7px 10px;font:inherit;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease}
.home-leader-modes button:hover{color:#d6d9dd;border-color:rgba(228,164,71,.18);transform:translateY(-1px)}
.home-leader-modes button.is-active{color:#efc17a;border-color:rgba(228,164,71,.24);background:rgba(199,125,31,.1)}
.home-leader-modes button:focus-visible{outline:2px solid rgba(228,164,71,.48);outline-offset:2px}
.home-leader-list{display:grid;position:relative;z-index:1}
.home-rank-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.052);border-radius:9px;transition:background .15s ease,transform .15s ease}
.home-rank-row:last-child{border-bottom:0}
.home-rank-row:hover{background:rgba(255,255,255,.027);transform:translateX(3px)}
.home-rank-number{color:#68707a;font-size:.64rem;font-weight:900;text-align:center}
.home-rank-number.is-top{width:31px;height:27px;border:1px solid rgba(228,164,71,.13);border-radius:8px;background:rgba(199,125,31,.055);display:grid;place-items:center;color:#d8a75e}
.home-rank-number.is-1{color:#f2c877;border-color:rgba(242,200,119,.24);background:rgba(242,200,119,.07)}
.home-rank-player{min-width:0;display:flex;align-items:center;gap:10px}
.home-rank-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}
.home-rank-player .home-player-head{width:31px;height:31px;flex-basis:31px;border-radius:8px}
.home-rank-score{text-align:right;display:grid}
.home-rank-score strong{font-size:.77rem;color:#edece8}
.home-rank-score small{margin-top:1px;color:#606873;font-size:.52rem;font-weight:900;letter-spacing:.08em}
.home-data-placeholder,.home-data-empty{min-height:126px;border:1px dashed rgba(255,255,255,.075);border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px;color:#747c86;font-size:.72rem}
.home-data-empty strong{color:#aaaeb5;font-size:.76rem}.home-data-empty span{margin-top:5px;max-width:320px}
.batch10-enter{opacity:0;transform:translateY(9px);animation:batch10Enter .4s cubic-bezier(.2,.75,.2,1) forwards;animation-delay:var(--batch-delay,0ms)}
@keyframes batch10Enter{to{opacity:1;transform:none}}
@media(max-width:980px){
  .home-competition-grid{grid-template-columns:1fr}
  .home-champions-panel,.home-leader-panel{padding:24px}
}
@media(max-width:680px){
  .home-live-strip{padding-top:10px}.live-strip-frame{min-height:50px}.live-strip-label{padding:0 13px;font-size:.57rem}.live-strip-item{padding-left:17px;padding-right:24px;font-size:.69rem}
  .home-mode-section,.home-competition-section{padding-top:65px}.mode-grid{gap:13px}.mode-card{min-height:235px}.mode-card-top{padding:19px 19px 0}.mode-card-body{padding:22px 19px 19px}.mode-card-foot{padding:14px 19px 16px}
  .home-panel-head{gap:10px;align-items:flex-start}.home-panel-live{display:none}.home-panel-head h3{font-size:1.27rem}.home-champions-panel,.home-leader-panel{padding:20px}
  .home-champion-card{grid-template-columns:34px minmax(0,1fr);padding:12px}.home-champion-rank{width:34px}.home-champion-detail{display:none}
  .home-rank-row{grid-template-columns:36px minmax(0,1fr) auto;padding-inline:3px}.home-rank-number.is-top{width:29px}.home-panel-link{font-size:.57rem}
}
/* ============================================================
   Batch 11 — global navigation, play controls and UX polish
   ============================================================ */
.site-header{box-shadow:0 1px 0 transparent,0 12px 38px transparent;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.site-header.is-scrolled{box-shadow:0 1px 0 rgba(255,255,255,.035),0 16px 44px rgba(0,0,0,.22)}
.site-header.is-menu-open{background:rgba(9,11,15,.985);border-bottom-color:var(--line);box-shadow:0 18px 50px rgba(0,0,0,.32)}
.brand{transition:transform .18s ease,filter .18s ease}
.brand:hover{transform:translateY(-1px);filter:brightness(1.06)}
.desktop-nav a{padding:9px 2px}
.desktop-nav a[aria-current="page"]{text-shadow:0 0 22px rgba(228,164,71,.14)}
.desktop-nav a[aria-current="page"]::after{box-shadow:0 0 14px rgba(228,164,71,.36)}
.mobile-menu:not([hidden]){animation:aurixMobileMenuIn .18s cubic-bezier(.2,.75,.2,1)}
@keyframes aurixMobileMenuIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.aurix-account-menu:not([hidden]){animation:aurixAccountMenuIn .16s cubic-bezier(.2,.75,.2,1);transform-origin:top right}
@keyframes aurixAccountMenuIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
/* Seamless cached-account -> authoritative-session handoff. */
.account-slot{transition:opacity .17s ease,transform .17s ease}
.account-slot.is-account-updating>*{animation:aurixAccountIdentityIn .18s cubic-bezier(.2,.75,.2,1)}
.account-slot.is-session-checking{opacity:.94}
@keyframes aurixAccountIdentityIn{from{opacity:.72;transform:translateY(-2px)}to{opacity:1;transform:none}}
.aurix-account-attention-dot{width:7px;height:7px;flex:0 0 7px;border-radius:999px;background:#e4a447;box-shadow:0 0 0 3px rgba(228,164,71,.11),0 0 13px rgba(228,164,71,.3)}
.aurix-account-attention-badge{margin-left:auto;min-width:20px;height:20px;border:1px solid rgba(228,164,71,.22);border-radius:999px;background:rgba(199,125,31,.12);padding:0 6px;display:inline-flex;align-items:center;justify-content:center;color:#efbd74;font-size:.58rem;font-weight:900;line-height:1}
/* Short route transitions — visual only; navigation semantics stay native. */
body.aurix-page-entering{opacity:.985;transform:translateY(2px)}
body.aurix-page-entering.is-ready{opacity:1;transform:none;transition:opacity .18s ease,transform .18s ease}
body.aurix-page-leaving{opacity:.74;transform:translateY(2px);transition:opacity .115s ease,transform .115s ease;pointer-events:none}
/* Persistent PLAY AURIX controls. */
.aurix-play-rail{position:fixed;z-index:94;right:-1px;top:52%;width:55px;min-height:150px;border:1px solid rgba(228,164,71,.22);border-right:0;border-radius:16px 0 0 16px;background:linear-gradient(180deg,rgba(20,24,31,.97),rgba(10,13,18,.98));box-shadow:0 18px 48px rgba(0,0,0,.34);color:#f7f4ec;padding:0;display:flex;align-items:center;overflow:hidden;cursor:pointer;transition:width .22s cubic-bezier(.2,.75,.2,1),border-color .18s ease,background .18s ease,transform .18s ease}
.aurix-play-rail:hover,.aurix-play-rail:focus-visible{width:190px;border-color:rgba(228,164,71,.42);background:linear-gradient(180deg,rgba(25,29,37,.99),rgba(12,15,20,.99))}
.aurix-play-rail:focus-visible{outline:2px solid rgba(228,164,71,.5);outline-offset:3px}
.aurix-play-rail-icon{width:54px;flex:0 0 54px;display:grid;place-items:center;color:#e5ab54;font-size:.85rem;filter:drop-shadow(0 0 11px rgba(228,164,71,.25))}
.aurix-play-rail-copy{width:125px;flex:0 0 125px;padding:15px 16px 15px 0;text-align:left;opacity:.08;transform:translateX(7px);transition:opacity .18s ease,transform .22s ease}
.aurix-play-rail:hover .aurix-play-rail-copy,.aurix-play-rail:focus-visible .aurix-play-rail-copy{opacity:1;transform:none}
.aurix-play-rail-copy strong,.aurix-play-rail-copy small{display:block;white-space:nowrap}
.aurix-play-rail-copy strong{font-size:.69rem;letter-spacing:.08em;text-transform:uppercase}
.aurix-play-rail-copy small{margin-top:5px;color:#7f8791;font-size:.61rem}
.aurix-play-rail[data-state="live"]::before{content:"";position:absolute;left:11px;top:11px;width:6px;height:6px;border-radius:999px;background:#6fd19a;box-shadow:0 0 0 4px rgba(111,209,154,.08)}
.aurix-play-rail.is-copied{border-color:rgba(111,209,154,.42)}
.aurix-mobile-play{display:none;position:fixed;z-index:94;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));min-height:57px;border:1px solid rgba(228,164,71,.28);border-radius:16px;background:linear-gradient(180deg,rgba(25,29,37,.985),rgba(11,14,19,.99));box-shadow:0 18px 48px rgba(0,0,0,.45);color:#fff;padding:8px 14px;align-items:center;gap:11px;text-align:left;cursor:pointer}
.aurix-mobile-play>span{width:34px;height:34px;border-radius:11px;background:rgba(199,125,31,.11);display:grid;place-items:center;color:#e5ab54;font-size:.72rem}
.aurix-mobile-play strong,.aurix-mobile-play small{display:block}
.aurix-mobile-play strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}
.aurix-mobile-play small{margin-left:auto;color:#79818b;font-size:.61rem}
.aurix-mobile-play[data-state="live"]{border-color:rgba(111,209,154,.2)}
.aurix-mobile-play.is-copied{border-color:rgba(111,209,154,.48)}
/* Toast notifications. */
.aurix-toast-region{position:fixed;z-index:400;right:18px;top:94px;width:min(370px,calc(100vw - 28px));display:grid;gap:9px;pointer-events:none}
.aurix-toast{pointer-events:auto;min-height:64px;border:1px solid var(--line-strong);border-radius:15px;background:rgba(14,18,24,.97);box-shadow:0 24px 60px rgba(0,0,0,.42);backdrop-filter:blur(16px);padding:11px 11px 11px 12px;display:grid;grid-template-columns:32px minmax(0,1fr) 28px;gap:10px;align-items:center;animation:aurixToastIn .22s cubic-bezier(.2,.75,.2,1)}
.aurix-toast.is-leaving{animation:aurixToastOut .17s ease forwards}
.aurix-toast-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.045);color:#aab1ba;font-size:.72rem;font-weight:950}
.aurix-toast-success .aurix-toast-icon{background:rgba(111,209,154,.09);color:#7cdda6}.aurix-toast-warning .aurix-toast-icon{background:rgba(230,180,90,.09);color:#e8bd6d}.aurix-toast-error .aurix-toast-icon{background:rgba(223,122,114,.09);color:#e9938b}
.aurix-toast-copy{min-width:0}.aurix-toast-copy strong{display:block;color:#f0efeb;font-size:.75rem}.aurix-toast-copy span{display:block;margin-top:3px;color:#7d858f;font-size:.64rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aurix-toast-close{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#747c86;cursor:pointer;font-size:1rem}.aurix-toast-close:hover{background:rgba(255,255,255,.05);color:#fff}
@keyframes aurixToastIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes aurixToastOut{to{opacity:0;transform:translateY(-5px) scale(.985)}}
/* Reusable loading skeletons. */
.aurix-skeleton-host{position:relative;overflow:hidden}
.aurix-skeleton-stack{width:100%;display:grid;gap:11px}
.aurix-skeleton-bar{display:block;width:var(--skeleton-width,100%);height:11px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.045) 0%,rgba(255,255,255,.085) 44%,rgba(255,255,255,.045) 88%);background-size:230% 100%;animation:aurixSkeleton 1.35s linear infinite}
.aurix-skeleton-stack .aurix-skeleton-bar:first-child{height:16px;max-width:68%}
.aurix-skeleton-placeholder{justify-content:center!important}
.aurix-list-skeleton{display:grid;gap:1px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.aurix-skeleton-table-row{min-height:67px;padding:15px 16px;display:grid;grid-template-columns:2fr 1fr 1fr .65fr;gap:20px;align-items:center;background:rgba(255,255,255,.012)}
.aurix-skeleton-table-row .aurix-skeleton-bar:nth-child(2){width:75%}.aurix-skeleton-table-row .aurix-skeleton-bar:nth-child(3){width:72%}.aurix-skeleton-table-row .aurix-skeleton-bar:nth-child(4){width:65%}
.aurix-leaderboard-skeleton td{padding-block:17px}.aurix-leaderboard-skeleton td:first-child .aurix-skeleton-bar{width:28px}.aurix-leaderboard-skeleton td:nth-child(2) .aurix-skeleton-bar{width:42%;min-width:105px}.aurix-leaderboard-skeleton td:last-child .aurix-skeleton-bar{width:72px;margin-left:auto}
@keyframes aurixSkeleton{to{background-position:-230% 0}}
@media(max-width:980px){
  .aurix-play-rail{display:none}
  .aurix-mobile-play{display:flex}
  body.has-global-play-controls{padding-bottom:83px}
  .aurix-toast-region{top:82px;right:14px}
}
@media(max-width:620px){
  .aurix-toast-region{left:14px;right:14px;width:auto}
  .aurix-skeleton-table-row{grid-template-columns:1.7fr .8fr;gap:12px}.aurix-skeleton-table-row .aurix-skeleton-bar:nth-child(3),.aurix-skeleton-table-row .aurix-skeleton-bar:nth-child(4){display:none}
  .aurix-mobile-play small{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
/* =========================================================
   Batch 12 — deep-page production polish
   ========================================================= */
.page-hero-news,.leaderboard-hero{position:relative;overflow:hidden}
.page-hero-news::after,.leaderboard-hero::after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(228,164,71,.08);border-radius:50%;right:-140px;top:-240px;box-shadow:0 0 90px rgba(228,164,71,.025);pointer-events:none}
.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:30px 0 18px}.section-heading-row h2{margin:5px 0 0;font-size:1.35rem}.news-live-note{font-size:.7rem;color:#6e7681}
.news-hub{padding-top:42px}.news-feature{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);overflow:hidden;margin-bottom:42px;border-color:rgba(228,164,71,.16);background:linear-gradient(145deg,#111821,#0b0f14)}
.news-feature-art{min-height:300px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 55% 38%,rgba(228,164,71,.2),transparent 30%),linear-gradient(135deg,#121923,#080b10);overflow:hidden}
.news-feature-art::before,.news-feature-art::after{content:"";position:absolute;border:1px solid rgba(228,164,71,.12);border-radius:50%}.news-feature-art::before{width:260px;height:260px}.news-feature-art::after{width:170px;height:170px}
.news-feature-art span{font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:5rem;color:#e4a447;filter:drop-shadow(0 0 26px rgba(228,164,71,.25));z-index:1}
.news-feature-copy{padding:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.news-feature-meta{font-size:.65rem;color:#d3a965;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.news-feature-copy h2{margin:11px 0 11px;font-size:clamp(1.55rem,3vw,2.55rem);line-height:1.04;letter-spacing:-.035em}.news-feature-copy p{margin:0 0 22px;color:#939ca7;line-height:1.7;max-width:640px}
.news-single-note{padding:26px;border:1px dashed var(--line);border-radius:16px;color:#717985;text-align:center;font-size:.78rem}.news-article-body{font-size:.9rem;line-height:1.75}.news-article-body p{color:#afb6bf}
.profile-hero{padding:52px 0 40px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 15% 20%,rgba(228,164,71,.09),transparent 27%),linear-gradient(180deg,#0b1016,#080b0f)}
.profile-hero-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center}.profile-hero-avatar{width:86px;height:86px;border:1px solid rgba(228,164,71,.24);border-radius:20px;background:#090d12;padding:6px;box-shadow:0 14px 35px rgba(0,0,0,.28)}.profile-hero-avatar img{width:100%;height:100%;border-radius:14px;image-rendering:pixelated}.profile-hero-copy h1{margin:5px 0 7px;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.045em}.profile-hero-copy p{margin:12px 0 0;color:#818a95;font-size:.82rem}.profile-hero-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-rank-badge{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;background:rgba(228,164,71,.1);border:1px solid rgba(228,164,71,.2);color:#e5ae59;font-size:.58rem;letter-spacing:.08em;font-weight:950}.profile-hero-joined{color:#6e7782;font-size:.68rem}.account-profile-summary{margin:18px 0 3px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#090c10;color:#929aa5;font-size:.7rem;line-height:1.55}
.profile-page .account-profile-shell{padding-top:34px}.profile-page .account-profile-card{top:126px}.profile-page .account-stat-card{box-shadow:0 22px 55px rgba(0,0,0,.18)}
.leaderboard-content-stack{min-width:0;display:grid;gap:16px}.leaderboard-mode-label{padding:9px 11px 12px;color:#626b76;font-size:.58rem;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.leaderboard-podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:12px;align-items:end;min-height:210px}.leaderboard-podium[hidden]{display:none}.leaderboard-podium-card{position:relative;min-height:180px;padding:22px 15px 19px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,#10161d,#0a0e13);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.leaderboard-podium-card.rank-1{min-height:205px;border-color:rgba(228,164,71,.33);background:radial-gradient(circle at 50% 0,rgba(228,164,71,.14),transparent 40%),linear-gradient(155deg,#151a20,#0a0e13)}.leaderboard-podium-card::after{content:"";position:absolute;inset:auto 15% -60px;height:100px;background:radial-gradient(circle,rgba(228,164,71,.1),transparent 68%);pointer-events:none}.leaderboard-podium-rank{position:absolute;top:11px;right:12px;color:#6f7782;font-size:.62rem;font-weight:900}.rank-1 .leaderboard-podium-rank{color:#e4a447}.leaderboard-podium-avatar{width:62px;height:62px;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:#161b22;display:grid;place-items:center;color:#d9dcd9;font-weight:950;margin-bottom:12px;overflow:hidden}.rank-1 .leaderboard-podium-avatar{width:72px;height:72px;border-color:rgba(228,164,71,.3)}.leaderboard-podium-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.leaderboard-podium-card strong{font-size:.86rem;color:#f0f0ed}.leaderboard-podium-card>span:last-child{margin-top:5px;color:#7d8691;font-size:.68rem}.your-rank-card{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:rgba(228,164,71,.16)}.your-rank-card[hidden]{display:none}.your-rank-label{color:#e4a447;text-transform:uppercase;letter-spacing:.11em;font-size:.58rem;font-weight:900}.your-rank-copy{text-align:right}.your-rank-copy strong{display:block;color:#f1f1ed;font-size:.78rem}.your-rank-copy span{display:block;margin-top:3px;color:#7b8490;font-size:.66rem}.leaderboard-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.leaderboard-table-scroll{overflow-x:auto}.leaderboard-table tbody tr{transition:background .16s ease}.leaderboard-table tbody tr:hover{background:rgba(228,164,71,.025)}
.account-list-summary{min-height:64px;padding:12px 18px;border:1px solid var(--line);border-radius:15px;background:#0b0f14;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.account-list-summary>div:first-child span{display:block;color:#68717c;font-size:.57rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.account-list-summary>div:first-child strong{display:block;margin-top:4px;color:#dfe1df;font-size:.76rem}.status-key{display:flex;align-items:center;gap:8px;color:#68717c;font-size:.6rem;flex-wrap:wrap;justify-content:flex-end}.status-key-dot{width:7px;height:7px;border-radius:50%;margin-left:7px;background:#777}.status-key-dot.submitted{background:#e4a447}.status-key-dot.review{background:#6ba0d7}.status-key-dot.closed{background:#6e7680}.status-key-dot.accepted{background:#65b87b}.account-empty-polished{max-width:620px;margin:40px auto 0;padding:62px 32px!important;border:1px dashed var(--line);border-radius:20px;text-align:center}.account-empty-polished h2{margin:13px 0 7px;font-size:1.05rem}.account-empty-polished p{max-width:460px;margin:0 auto 18px;color:#7e8791;font-size:.78rem;line-height:1.6}.support-account-banner,.application-account-banner{background:radial-gradient(circle at 80% 0,rgba(228,164,71,.065),transparent 30%),#0a0e13}
.account-table-row-link{border-radius:12px;margin:3px 0;border:1px solid transparent}.account-table-row-link:hover{background:rgba(255,255,255,.018);border-color:rgba(228,164,71,.09);transform:translateX(2px)}
.account-status-pill{letter-spacing:.02em}.account-status-pill.status-submitted::before,.account-status-pill.status-in-review::before,.account-status-pill.status-open::before,.account-status-pill.status-closed::before,.account-status-pill.status-accepted::before,.account-status-pill.status-denied::before{content:"";width:6px;height:6px;border-radius:50%;margin-right:6px;background:currentColor;opacity:.8}
.conversation-card{box-shadow:0 18px 48px rgba(0,0,0,.13)}.conversation-message{position:relative;padding-left:20px}.conversation-message-player{border-left:2px solid rgba(255,255,255,.13)}.conversation-message-staff{border-left:2px solid #e4a447;background:linear-gradient(90deg,rgba(228,164,71,.055),rgba(228,164,71,.018))}.conversation-message-staff::after{content:"AURIX STAFF";position:absolute;right:13px;bottom:10px;color:rgba(228,164,71,.35);font-size:.48rem;letter-spacing:.12em;font-weight:950}.conversation-message.is-resolution{box-shadow:inset 0 0 0 1px rgba(228,164,71,.05)}.conversation-public-note{display:inline-flex;align-items:center;gap:6px}.conversation-public-note::before{content:"●";color:#e4a447;font-size:.48rem}
@media(max-width:900px){
  .news-feature{grid-template-columns:1fr}.news-feature-art{min-height:210px}.news-feature-copy{padding:30px}
  .profile-hero-inner{grid-template-columns:auto 1fr}.profile-hero-status{grid-column:2}.profile-hero-avatar{width:74px;height:74px}.profile-page .account-profile-card{top:auto}
  .leaderboard-podium{grid-template-columns:repeat(3,1fr)}.leaderboard-podium-card,.leaderboard-podium-card.rank-1{min-height:170px}.leaderboard-podium-avatar,.rank-1 .leaderboard-podium-avatar{width:56px;height:56px}
  .leaderboard-tools{width:100%}.leaderboard-tools .player-search{flex:1;min-width:200px}
}
@media(max-width:650px){
  .page-hero-news::after,.leaderboard-hero::after{display:none}.section-heading-row{align-items:flex-start;flex-direction:column}.news-feature-art{min-height:165px}.news-feature-art span{font-size:3.8rem}.news-feature-copy{padding:24px 20px}.news-feature-copy h2{font-size:1.55rem}.news-item{padding:20px}
  .profile-hero{padding:34px 0 28px}.profile-hero-inner{grid-template-columns:62px minmax(0,1fr);gap:15px}.profile-hero-avatar{width:62px;height:62px;border-radius:16px}.profile-hero-copy h1{font-size:1.8rem}.profile-hero-copy p{font-size:.73rem}.profile-hero-status{grid-column:1/-1}.profile-hero-badges{gap:7px}.profile-page .account-profile-shell{padding-top:20px}
  .leaderboard-podium{display:grid;grid-template-columns:1fr;gap:8px;min-height:0}.leaderboard-podium-card,.leaderboard-podium-card.rank-1{min-height:84px;display:grid;grid-template-columns:48px 1fr auto;grid-template-rows:auto auto;text-align:left;column-gap:12px;padding:13px 14px}.leaderboard-podium-rank{position:static;grid-column:3;grid-row:1/3;align-self:center}.leaderboard-podium-avatar,.rank-1 .leaderboard-podium-avatar{grid-row:1/3;width:48px;height:48px;margin:0}.leaderboard-podium-card strong{align-self:end}.leaderboard-podium-card>span:last-child{margin:0;align-self:start}.your-rank-card{align-items:flex-start;flex-direction:column}.your-rank-copy{text-align:left}.leaderboard-toolbar{padding:17px}.leaderboard-tools{display:grid}.leaderboard-tools .player-search{min-width:0;width:100%}
  .account-list-summary{align-items:flex-start;flex-direction:column}.status-key{justify-content:flex-start}.account-table-row{border:1px solid var(--line);border-radius:14px;margin:9px 0;padding:16px}.account-table-row-link:hover{transform:none}.account-empty-polished{padding:44px 22px!important}
  .conversation-message-staff::after{display:none}
}
/* =========================================================
   Batch 13 — shared community/footer extracted from build
   ========================================================= */
/* Shared Aurix community + production footer. */
  .home-community{border-top:1px solid var(--line);background:linear-gradient(180deg,#080b0f,#07090c);padding:78px 0 64px;position:relative;overflow:hidden}
  .home-community::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(228,164,71,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(228,164,71,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent);pointer-events:none}
  .home-community-grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:86px;align-items:center}
  .home-community-copy h2{margin:0;font-family:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.25rem,4vw,4.15rem);line-height:.98;letter-spacing:-.045em}
  .home-community-copy h2 span{display:block;color:#e4a447}
  .home-community-copy p{max-width:560px;margin:22px 0 0;color:#949ba5;font-size:.95rem;line-height:1.7}
  .home-community-cta{margin-top:22px;min-height:48px;padding:0 22px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:transparent;color:#fff;display:inline-flex;align-items:center;gap:12px;font:inherit;font-size:.78rem;font-weight:850;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
  .home-community-cta:hover{transform:translateY(-2px);border-color:rgba(228,164,71,.38);background:rgba(255,255,255,.025)}
  .home-community-cta .social-mini{color:#e4a447;font-weight:1000}.home-community-cta .cta-arrow{font-size:1rem;color:#c8ccd2;transition:transform .18s ease}.home-community-cta:hover .cta-arrow{transform:translateX(3px)}
  .discord-live-counts{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.discord-live-stat{display:inline-flex;gap:6px;align-items:center;padding:8px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.025);color:#8f98a3;font-size:.7rem}.discord-live-stat strong{color:#fff}
  .home-social-list{border-top:1px solid rgba(255,255,255,.09)}.home-social-row{min-height:89px;border-bottom:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:56px 1fr 18px;gap:16px;align-items:center;transition:transform .18s ease,background .18s ease}.home-social-row:hover{transform:translateX(5px);background:rgba(255,255,255,.018)}
  .home-social-icon{width:56px;height:56px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#171a20;display:grid;place-items:center;color:#fff;font-weight:1000;font-size:.9rem;transition:transform .18s ease}.home-social-row:hover .home-social-icon{transform:scale(1.04)}.home-social-icon.discord{background:#5865f2;border-color:#5865f2}.home-social-icon.youtube{background:#ff1010;border-color:#ff1010}
  .home-social-text strong{display:block;font-size:.96rem}.home-social-text span{display:block;margin-top:4px;color:#8c939d;font-size:.78rem}.home-social-arrow{color:#777f89;font-size:1.05rem;transition:transform .18s ease,color .18s ease}.home-social-row:hover .home-social-arrow{transform:translateX(2px);color:#c7ccd3}
  .home-footer{border-top:1px solid var(--line);background:#06080b;padding:32px 0 26px}.home-footer-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(320px,1.5fr) minmax(180px,.8fr);gap:28px;align-items:start}
  .home-footer-brand{display:inline-flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.15em;justify-self:start}.home-footer-brand img{width:32px;height:39px;object-fit:contain}.home-footer-brand-copy{display:grid;gap:3px}.home-footer-brand-copy small{font-size:.58rem;color:#6f7781;letter-spacing:.08em;font-weight:700}
  .home-footer-center{display:grid;justify-items:center;gap:14px}.home-footer-links{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;color:#9ba2ac;font-size:.75rem}.home-footer-links a:hover{color:#fff}.home-footer-server{display:flex;align-items:center;gap:9px;color:#707985;font-size:.67rem}.home-footer-server button{border:0;background:transparent;color:#e4a447;font:inherit;font-weight:900;cursor:pointer;padding:0}.home-footer-server button:hover{color:#fff}
  .home-footer-right{justify-self:end;display:grid;justify-items:end;gap:11px}.home-footer-socials{display:flex;align-items:center;gap:8px}.home-footer-social{width:39px;height:39px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0b0e12;display:grid;place-items:center;color:#a6acb5;font-size:.68rem;font-weight:900;transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease}.home-footer-social:hover{transform:translateY(-3px);border-color:rgba(228,164,71,.3);color:#fff;background:#10141a}.home-footer-copy{color:#575f69;font-size:.62rem;text-align:right}
  @media(max-width:900px){.home-community-grid{grid-template-columns:1fr;gap:42px}.home-footer-row{grid-template-columns:1fr;justify-items:start}.home-footer-center,.home-footer-right{justify-self:start;justify-items:start}.home-footer-links{justify-content:flex-start}.home-footer-copy{text-align:left}}
  @media(max-width:600px){.home-community{padding:58px 0 48px}.home-community-grid{gap:34px}.home-social-row{grid-template-columns:48px 1fr 16px;min-height:79px}.home-social-icon{width:48px;height:48px;border-radius:12px}.home-footer{padding:28px 0 92px}.home-footer-links{gap:14px}.home-footer-server{align-items:flex-start;flex-direction:column;gap:5px}}
/* =========================================================
   Batch 13 — accessibility / focus / reduced-motion hardening
   ========================================================= */
:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{
  outline:2px solid #e4a447!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 4px rgba(228,164,71,.10);
}
.skip-link:focus-visible{outline-offset:1px!important}
:target{scroll-margin-top:110px}
@media(forced-colors:active){
  :where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid CanvasText!important;box-shadow:none!important}
  .status-dot,.status-key-dot{forced-color-adjust:none}
}
/* =========================================================
   Batch 13 — template inline styles externalized
   ========================================================= */
/* Batch 13 extracted from application-view.html inline style 1. */
.conversation-shell{padding-top:34px;padding-bottom:72px}.conversation-loading,.conversation-error{padding:42px;text-align:center;color:#8d949d;border:1px solid var(--line);border-radius:18px}.conversation-error{color:#e2a1a1}
  .conversation-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.conversation-meta-card{padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:#0d1116}.conversation-meta-card>span{display:block;color:#6f7781;font-size:.61rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.conversation-meta-card>strong{display:block;margin-top:7px;color:#e9e9e5;font-size:.8rem}
  .conversation-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,#11161d,#0d1116);padding:22px;margin-top:16px}.conversation-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.conversation-card-head h2{margin:5px 0 0;font-size:1.08rem}.conversation-public-note{color:#717985;font-size:.68rem}
  .conversation-submission-list{display:grid;gap:10px}.conversation-submission-item{padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:#090c10}.conversation-submission-item span{display:block;color:#727a84;text-transform:uppercase;letter-spacing:.07em;font-size:.58rem;font-weight:850;margin-bottom:7px}.conversation-submission-item p,.conversation-submission-legacy{margin:0;white-space:pre-wrap;color:#b8bec6;font-size:.77rem;line-height:1.65;word-break:break-word}.conversation-submission-legacy{padding:15px;border:1px solid var(--line);border-radius:13px;background:#090c10}
  .conversation-thread{display:grid;gap:12px}.conversation-message{padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:#090c10}.conversation-message-staff{border-color:rgba(228,164,71,.2);background:rgba(228,164,71,.035)}.conversation-message.is-resolution{border-color:rgba(228,164,71,.35);background:rgba(228,164,71,.065)}.conversation-message.is-status{border-style:dashed}.conversation-message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}.conversation-message-head strong{display:block;color:#f0f0ed;font-size:.78rem}.conversation-message-head span{display:block;margin-top:3px;color:#7d8590;font-size:.62rem}.conversation-message-head time{color:#656d77;font-size:.62rem;white-space:nowrap}.conversation-message p{margin:0;white-space:pre-wrap;color:#bbc1c9;font-size:.78rem;line-height:1.65;word-break:break-word}
  .conversation-empty-thread{padding:34px 18px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:#767e88}.conversation-empty-thread strong{display:block;color:#d9dad7;margin-bottom:5px}.conversation-empty-thread span{font-size:.72rem}.conversation-closed{margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:#0a0d11}.conversation-closed strong{display:block;color:#d7d8d5;font-size:.78rem}.conversation-closed span{display:block;margin-top:4px;color:#747c86;font-size:.68rem}
  .conversation-reply-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.conversation-reply-form label>span{display:block;margin-bottom:8px;color:#adb4bd;font-size:.74rem;font-weight:800}.conversation-reply-form textarea{width:100%;resize:vertical;min-height:120px;border:1px solid var(--line-strong);border-radius:13px;background:#090c10;color:#fff;padding:13px 14px;outline:none;font:inherit;font-size:.8rem}.conversation-reply-form textarea:focus{border-color:rgba(228,164,71,.5);box-shadow:0 0 0 3px rgba(228,164,71,.07)}.conversation-reply-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.conversation-reply-actions .feedback{margin:0;min-height:0}
  @media(max-width:900px){.conversation-meta-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.conversation-meta-grid{grid-template-columns:1fr}.conversation-card{padding:17px}.conversation-card-head,.conversation-reply-actions{align-items:stretch;flex-direction:column}.conversation-message-head{flex-direction:column}.conversation-reply-actions .button{width:100%}}
/* Batch 13 extracted from application-view.html inline style 2. */
.conversation-page .conversation-card{box-shadow:0 18px 48px rgba(0,0,0,.13)}
  .conversation-page .conversation-message{position:relative;padding-left:20px}
  .conversation-page .conversation-message-player{border-left:2px solid rgba(255,255,255,.13)}
  .conversation-page .conversation-message-staff{border-left:2px solid #e4a447;background:linear-gradient(90deg,rgba(228,164,71,.055),rgba(228,164,71,.018))}
  .conversation-page .conversation-message-staff::after{content:"AURIX STAFF";position:absolute;right:13px;bottom:10px;color:rgba(228,164,71,.35);font-size:.48rem;letter-spacing:.12em;font-weight:950}
  @media(max-width:600px){.conversation-page .conversation-message-staff::after{display:none}}
/* Batch 13 extracted from login.html inline style 1. */
.auth-page{min-height:100vh;position:relative;display:grid;place-items:center;padding:84px 22px 54px;background:#07090c;overflow:hidden}
  .auth-page::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 43%,rgba(199,125,31,.065),transparent 23rem)}
  .auth-back{position:absolute;top:20px;left:20px;z-index:2;display:inline-flex;align-items:center;gap:10px;color:#aeb3ba;font-size:.79rem;transition:color .15s ease,transform .15s ease}
  .auth-back:hover{color:#fff;transform:translateX(-2px)}
  .auth-back-arrow{font-size:1.05rem;line-height:1}
  .auth-card{position:relative;z-index:1;width:min(390px,100%);border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(13,15,18,.96);padding:40px 36px 34px;box-shadow:0 28px 80px rgba(0,0,0,.38)}
  .auth-logo{width:52px;height:62px;object-fit:contain;margin:0 auto 30px;filter:drop-shadow(0 0 20px rgba(228,164,71,.16))}
  .auth-card h1{margin:0;text-align:center;font-size:1.42rem;letter-spacing:-.025em}
  .auth-subtitle{margin:8px 0 28px;text-align:center;color:#9a9fa7;font-size:.82rem;line-height:1.6}
  .auth-field{display:block;margin-top:18px}
  .auth-field:first-of-type{margin-top:0}
  .auth-field-label{display:block;margin-bottom:8px;color:#c0c4ca;font-size:.74rem}
  .auth-input{width:100%;height:44px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#0b0d10;color:#fff;padding:0 14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
  .auth-input::placeholder{color:#616771}
  .auth-input:focus{border-color:rgba(228,164,71,.78);box-shadow:0 0 0 3px rgba(199,125,31,.09)}
  .auth-forgot{display:block;width:max-content;margin:8px 0 18px auto;color:#e4a447;font-size:.72rem}
  .auth-forgot:hover,.auth-inline-link:hover{color:#f1bd69}
  .auth-submit{width:100%;height:44px;border:0;border-radius:11px;background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#171006;font-weight:850;font-size:.78rem;cursor:pointer;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;box-shadow:0 12px 28px rgba(199,125,31,.18)}
  .auth-submit:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 15px 34px rgba(199,125,31,.23)}
  .auth-submit:active{transform:none}
  .auth-divider{height:1px;background:rgba(255,255,255,.08);margin:22px 0}
  .auth-bottom{text-align:center;color:#999fa8;font-size:.74rem}
  .auth-inline-link{color:#e4a447}
  .auth-feedback{min-height:18px;margin-top:10px;color:#b7bdc5;text-align:center;font-size:.7rem}
  .register-steps{display:grid;gap:20px;margin-top:4px}
  .register-step{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start}
  .register-step-number{width:34px;height:34px;border-radius:999px;background:linear-gradient(180deg,var(--accent-2),var(--accent));display:grid;place-items:center;color:#171006;font-weight:900;font-size:.78rem}
  .register-step strong{display:block;margin:2px 0 3px;font-size:.79rem}
  .register-step p{margin:0;color:#979da6;font-size:.74rem;line-height:1.55}
  .auth-code{display:inline-block;padding:2px 6px;border-radius:5px;background:rgba(199,125,31,.14);color:#e4a447;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.69rem}
  @media(max-width:520px){.auth-page{padding:74px 16px 34px}.auth-card{padding:34px 25px 29px}.auth-back{top:16px;left:16px}.auth-logo{margin-bottom:26px}}
/* Batch 13 extracted from register.html inline style 1. */
.auth-page{min-height:100vh;position:relative;display:grid;place-items:center;padding:84px 22px 54px;background:#07090c;overflow:hidden}
  .auth-page::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 43%,rgba(199,125,31,.065),transparent 23rem)}
  .auth-back{position:absolute;top:20px;left:20px;z-index:2;display:inline-flex;align-items:center;gap:10px;color:#aeb3ba;font-size:.79rem;transition:color .15s ease,transform .15s ease}
  .auth-back:hover{color:#fff;transform:translateX(-2px)}
  .auth-back-arrow{font-size:1.05rem;line-height:1}
  .auth-card{position:relative;z-index:1;width:min(390px,100%);border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(13,15,18,.96);padding:40px 36px 34px;box-shadow:0 28px 80px rgba(0,0,0,.38)}
  .auth-logo{width:52px;height:62px;object-fit:contain;margin:0 auto 30px;filter:drop-shadow(0 0 20px rgba(228,164,71,.16))}
  .auth-card h1{margin:0;text-align:center;font-size:1.42rem;letter-spacing:-.025em}
  .auth-subtitle{margin:8px 0 28px;text-align:center;color:#9a9fa7;font-size:.82rem;line-height:1.6}
  .auth-field{display:block;margin-top:18px}
  .auth-field:first-of-type{margin-top:0}
  .auth-field-label{display:block;margin-bottom:8px;color:#c0c4ca;font-size:.74rem}
  .auth-input{width:100%;height:44px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#0b0d10;color:#fff;padding:0 14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
  .auth-input::placeholder{color:#616771}
  .auth-input:focus{border-color:rgba(228,164,71,.78);box-shadow:0 0 0 3px rgba(199,125,31,.09)}
  .auth-forgot{display:block;width:max-content;margin:8px 0 18px auto;color:#e4a447;font-size:.72rem}
  .auth-forgot:hover,.auth-inline-link:hover{color:#f1bd69}
  .auth-submit{width:100%;height:44px;border:0;border-radius:11px;background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#171006;font-weight:850;font-size:.78rem;cursor:pointer;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;box-shadow:0 12px 28px rgba(199,125,31,.18)}
  .auth-submit:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 15px 34px rgba(199,125,31,.23)}
  .auth-submit:active{transform:none}
  .auth-divider{height:1px;background:rgba(255,255,255,.08);margin:22px 0}
  .auth-bottom{text-align:center;color:#999fa8;font-size:.74rem}
  .auth-inline-link{color:#e4a447}
  .auth-feedback{min-height:18px;margin-top:10px;color:#b7bdc5;text-align:center;font-size:.7rem}
  .register-steps{display:grid;gap:20px;margin-top:4px}
  .register-step{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start}
  .register-step-number{width:34px;height:34px;border-radius:999px;background:linear-gradient(180deg,var(--accent-2),var(--accent));display:grid;place-items:center;color:#171006;font-weight:900;font-size:.78rem}
  .register-step strong{display:block;margin:2px 0 3px;font-size:.79rem}
  .register-step p{margin:0;color:#979da6;font-size:.74rem;line-height:1.55}
  .auth-code{display:inline-block;padding:2px 6px;border-radius:5px;background:rgba(199,125,31,.14);color:#e4a447;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.69rem}
  .register-account-note{margin:0 0 20px;padding:13px 14px;border:1px solid rgba(228,164,71,.16);border-radius:11px;background:rgba(199,125,31,.055)}
  .register-account-label{display:block;margin-bottom:4px;color:#777f89;font-size:.58rem;font-weight:850;letter-spacing:.16em}
  .register-account-note strong{display:block;color:#fff;font-size:.82rem}
  .register-complete-submit{margin-top:20px}
  @media(max-width:520px){.auth-page{padding:74px 16px 34px}.auth-card{padding:34px 25px 29px}.auth-back{top:16px;left:16px}.auth-logo{margin-bottom:26px}}
/* Batch 13 extracted from reset-password.html inline style 1. */
.auth-page{min-height:100vh;position:relative;display:grid;place-items:center;padding:84px 22px 54px;background:#07090c;overflow:hidden}
  .auth-page::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 43%,rgba(199,125,31,.065),transparent 23rem)}
  .auth-back{position:absolute;top:20px;left:20px;z-index:2;display:inline-flex;align-items:center;gap:10px;color:#aeb3ba;font-size:.79rem;transition:color .15s ease,transform .15s ease}
  .auth-back:hover{color:#fff;transform:translateX(-2px)}
  .auth-back-arrow{font-size:1.05rem;line-height:1}
  .auth-card{position:relative;z-index:1;width:min(390px,100%);border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(13,15,18,.96);padding:40px 36px 34px;box-shadow:0 28px 80px rgba(0,0,0,.38)}
  .auth-logo{width:52px;height:62px;object-fit:contain;margin:0 auto 30px;filter:drop-shadow(0 0 20px rgba(228,164,71,.16))}
  .auth-card h1{margin:0;text-align:center;font-size:1.42rem;letter-spacing:-.025em}
  .auth-subtitle{margin:8px 0 28px;text-align:center;color:#9a9fa7;font-size:.82rem;line-height:1.6}
  .auth-field{display:block;margin-top:18px}
  .auth-field:first-of-type{margin-top:0}
  .auth-field-label{display:block;margin-bottom:8px;color:#c0c4ca;font-size:.74rem}
  .auth-input{width:100%;height:44px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#0b0d10;color:#fff;padding:0 14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
  .auth-input::placeholder{color:#616771}
  .auth-input:focus{border-color:rgba(228,164,71,.78);box-shadow:0 0 0 3px rgba(199,125,31,.09)}
  .auth-forgot{display:block;width:max-content;margin:8px 0 18px auto;color:#e4a447;font-size:.72rem}
  .auth-forgot:hover,.auth-inline-link:hover{color:#f1bd69}
  .auth-submit{width:100%;height:44px;border:0;border-radius:11px;background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#171006;font-weight:850;font-size:.78rem;cursor:pointer;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;box-shadow:0 12px 28px rgba(199,125,31,.18)}
  .auth-submit:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 15px 34px rgba(199,125,31,.23)}
  .auth-submit:active{transform:none}
  .auth-divider{height:1px;background:rgba(255,255,255,.08);margin:22px 0}
  .auth-bottom{text-align:center;color:#999fa8;font-size:.74rem}
  .auth-inline-link{color:#e4a447}
  .auth-feedback{min-height:18px;margin-top:10px;color:#b7bdc5;text-align:center;font-size:.7rem}
  .register-steps{display:grid;gap:20px;margin-top:4px}
  .register-step{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start}
  .register-step-number{width:34px;height:34px;border-radius:999px;background:linear-gradient(180deg,var(--accent-2),var(--accent));display:grid;place-items:center;color:#171006;font-weight:900;font-size:.78rem}
  .register-step strong{display:block;margin:2px 0 3px;font-size:.79rem}
  .register-step p{margin:0;color:#979da6;font-size:.74rem;line-height:1.55}
  .auth-code{display:inline-block;padding:2px 6px;border-radius:5px;background:rgba(199,125,31,.14);color:#e4a447;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.69rem}
  @media(max-width:520px){.auth-page{padding:74px 16px 34px}.auth-card{padding:34px 25px 29px}.auth-back{top:16px;left:16px}.auth-logo{margin-bottom:26px}}
/* Batch 13 extracted from staff.html inline style 1. */
[data-staff-detail-dialog]{max-width:760px;width:min(760px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto}
  .staff-detail-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
  .staff-detail-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
  .staff-detail-section-head span{color:#727a84;text-transform:uppercase;letter-spacing:.08em;font-size:.58rem;font-weight:850}
  .staff-detail-section-head strong{color:#ecece8;font-size:.82rem}
  .staff-thread-list{display:grid;gap:10px}
  .staff-thread-message{padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:#0a0d11}
  .staff-thread-message.is-staff{border-color:rgba(228,164,71,.2);background:rgba(228,164,71,.035)}
  .staff-thread-message.is-resolution{border-color:rgba(228,164,71,.34);background:rgba(228,164,71,.065)}
  .staff-thread-message.is-status{border-style:dashed}
  .staff-thread-message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
  .staff-thread-message-head strong{display:block;color:#efefec;font-size:.76rem}.staff-thread-message-head span{display:block;margin-top:3px;color:#737b86;font-size:.61rem}.staff-thread-message-head time{color:#646c76;font-size:.61rem;white-space:nowrap}
  .staff-thread-message p{margin:0;color:#b9bfc7;font-size:.76rem;line-height:1.62;white-space:pre-wrap;word-break:break-word}
  .staff-thread-empty{padding:28px 16px;border:1px dashed var(--line);border-radius:13px;text-align:center;color:#747c86}.staff-thread-empty strong{display:block;color:#d9dad7;margin-bottom:5px}.staff-thread-empty span{font-size:.7rem}
  .staff-thread-reply{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#0a0d11}.staff-thread-reply label>span{display:block;margin-bottom:8px;color:#aeb4bd;font-size:.74rem;font-weight:800}.staff-thread-reply textarea{width:100%;resize:vertical;min-height:108px;border:1px solid var(--line-strong);border-radius:13px;background:#080b0f;color:#fff;padding:12px 13px;outline:none;font:inherit;font-size:.8rem}.staff-thread-reply textarea:focus{border-color:rgba(228,164,71,.45);box-shadow:0 0 0 3px rgba(228,164,71,.07)}
  .staff-thread-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}.staff-thread-actions .feedback{margin:0;min-height:0}
  .staff-thread-locked{margin-top:18px;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:#0a0d11}.staff-thread-locked strong{display:block;color:#d8d9d6;font-size:.77rem}.staff-thread-locked span{display:block;margin-top:4px;color:#747c86;font-size:.68rem}
  .staff-status-section{margin-bottom:2px}.staff-resolution-field small{display:block;margin-top:6px;color:#666e78;font-size:.63rem;line-height:1.45}
  @media(max-width:600px){.staff-detail-section-head,.staff-thread-message-head,.staff-thread-actions{align-items:stretch;flex-direction:column}.staff-thread-actions .button{width:100%}}
/* Batch 13 extracted from ticket-view.html inline style 1. */
.conversation-shell{padding-top:34px;padding-bottom:72px}.conversation-loading,.conversation-error{padding:42px;text-align:center;color:#8d949d;border:1px solid var(--line);border-radius:18px}.conversation-error{color:#e2a1a1}
  .conversation-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.conversation-meta-card{padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:#0d1116}.conversation-meta-card>span{display:block;color:#6f7781;font-size:.61rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.conversation-meta-card>strong{display:block;margin-top:7px;color:#e9e9e5;font-size:.8rem}
  .conversation-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,#11161d,#0d1116);padding:22px;margin-top:16px}.conversation-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.conversation-card-head h2{margin:5px 0 0;font-size:1.08rem}.conversation-public-note{color:#717985;font-size:.68rem}
  .conversation-submission-list{display:grid;gap:10px}.conversation-submission-item{padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:#090c10}.conversation-submission-item span{display:block;color:#727a84;text-transform:uppercase;letter-spacing:.07em;font-size:.58rem;font-weight:850;margin-bottom:7px}.conversation-submission-item p,.conversation-submission-legacy{margin:0;white-space:pre-wrap;color:#b8bec6;font-size:.77rem;line-height:1.65;word-break:break-word}.conversation-submission-legacy{padding:15px;border:1px solid var(--line);border-radius:13px;background:#090c10}
  .conversation-thread{display:grid;gap:12px}.conversation-message{padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:#090c10}.conversation-message-staff{border-color:rgba(228,164,71,.2);background:rgba(228,164,71,.035)}.conversation-message.is-resolution{border-color:rgba(228,164,71,.35);background:rgba(228,164,71,.065)}.conversation-message.is-status{border-style:dashed}.conversation-message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}.conversation-message-head strong{display:block;color:#f0f0ed;font-size:.78rem}.conversation-message-head span{display:block;margin-top:3px;color:#7d8590;font-size:.62rem}.conversation-message-head time{color:#656d77;font-size:.62rem;white-space:nowrap}.conversation-message p{margin:0;white-space:pre-wrap;color:#bbc1c9;font-size:.78rem;line-height:1.65;word-break:break-word}
  .conversation-empty-thread{padding:34px 18px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:#767e88}.conversation-empty-thread strong{display:block;color:#d9dad7;margin-bottom:5px}.conversation-empty-thread span{font-size:.72rem}.conversation-closed{margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:#0a0d11}.conversation-closed strong{display:block;color:#d7d8d5;font-size:.78rem}.conversation-closed span{display:block;margin-top:4px;color:#747c86;font-size:.68rem}
  .conversation-reply-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.conversation-reply-form label>span{display:block;margin-bottom:8px;color:#adb4bd;font-size:.74rem;font-weight:800}.conversation-reply-form textarea{width:100%;resize:vertical;min-height:120px;border:1px solid var(--line-strong);border-radius:13px;background:#090c10;color:#fff;padding:13px 14px;outline:none;font:inherit;font-size:.8rem}.conversation-reply-form textarea:focus{border-color:rgba(228,164,71,.5);box-shadow:0 0 0 3px rgba(228,164,71,.07)}.conversation-reply-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.conversation-reply-actions .feedback{margin:0;min-height:0}
  @media(max-width:900px){.conversation-meta-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.conversation-meta-grid{grid-template-columns:1fr}.conversation-card{padding:17px}.conversation-card-head,.conversation-reply-actions{align-items:stretch;flex-direction:column}.conversation-message-head{flex-direction:column}.conversation-reply-actions .button{width:100%}}
/* Batch 13 extracted from ticket-view.html inline style 2. */
.conversation-page .conversation-card{box-shadow:0 18px 48px rgba(0,0,0,.13)}
  .conversation-page .conversation-message{position:relative;padding-left:20px}
  .conversation-page .conversation-message-player{border-left:2px solid rgba(255,255,255,.13)}
  .conversation-page .conversation-message-staff{border-left:2px solid #e4a447;background:linear-gradient(90deg,rgba(228,164,71,.055),rgba(228,164,71,.018))}
  .conversation-page .conversation-message-staff::after{content:"AURIX STAFF";position:absolute;right:13px;bottom:10px;color:rgba(228,164,71,.35);font-size:.48rem;letter-spacing:.12em;font-weight:950}
  @media(max-width:600px){.conversation-page .conversation-message-staff::after{display:none}}
/* Batch 15A: staff operations + truthful account settings */
.staff-queue-controls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,210px);gap:12px;padding:15px 21px;border-bottom:1px solid var(--line);background:rgba(8,11,15,.5)}
.staff-queue-controls[hidden]{display:none}
.staff-search-field,.staff-filter-field{display:grid;gap:6px}
.staff-search-field>span,.staff-filter-field>span{color:#7c858f;font-size:.61rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
.staff-search-field input,.staff-filter-field select{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:11px;background:#090c10;color:#f1f2ef;padding:10px 12px;font:inherit;font-size:.78rem;outline:none}
.staff-search-field input:focus,.staff-filter-field select:focus{border-color:rgba(228,164,71,.46);box-shadow:0 0 0 3px rgba(228,164,71,.07)}
.staff-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:15px 20px;border-top:1px solid var(--line);background:#0a0d11}
.staff-pagination[hidden]{display:none}
.staff-pagination>span{min-width:180px;text-align:center;color:#858d97;font-size:.7rem;font-weight:750}
.staff-row-meta-label{display:none!important}
.staff-row-status{min-width:92px}
.staff-row-status .account-status-pill{margin-top:0;text-align:center}
.staff-row-skeleton{pointer-events:none}
.staff-skeleton{display:block!important;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,.09),rgba(255,255,255,.045));background-size:220% 100%;animation:staffSkeleton 1.4s ease-in-out infinite}
.staff-skeleton-title{width:min(240px,72%);height:13px}.staff-skeleton-copy{width:min(180px,52%);height:9px;margin-top:9px!important}.staff-skeleton-meta{width:105px;height:10px}.staff-skeleton-status{width:76px;height:24px}.staff-skeleton-button{width:78px;height:34px}
.staff-status-save{display:flex;align-items:end}
.staff-status-save .button{width:100%}
.account-feature-note{display:grid;gap:7px;margin:18px 0 22px;padding:17px 18px;border:1px solid rgba(228,164,71,.2);border-radius:14px;background:rgba(228,164,71,.045)}
.account-feature-note strong{color:#f0d09a;font-size:.82rem}.account-feature-note span{color:#858d97;font-size:.73rem;line-height:1.55}
@keyframes staffSkeleton{0%{background-position:100% 0}100%{background-position:-120% 0}}
@media(max-width:700px){.staff-panel-head{align-items:flex-start}.staff-queue-controls{grid-template-columns:1fr}.staff-pagination{justify-content:space-between;gap:8px}.staff-pagination>span{min-width:0;flex:1}.staff-pagination .button{padding-inline:11px}}
@media(max-width:560px){.staff-row-status{min-width:0}.staff-row-status .account-status-pill{font-size:.56rem}.staff-skeleton-status{width:62px}.staff-toolbar{align-items:flex-start}.staff-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.staff-tab{white-space:nowrap}}
/* Batch 15B: premium finish + staff operations console */
:root{--font-display:"Inter Tight","Avenir Next Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;--font-ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{font-family:var(--font-ui);font-feature-settings:"kern" 1,"liga" 1,"calt" 1}
h1,h2,h3,.brand-name,.section-title,.join-card h2,.staff-overview-card strong{font-variation-settings:"wght" 760}
.button-danger{color:#fff;background:linear-gradient(180deg,#a9453e,#7b2925);border-color:rgba(255,255,255,.08);box-shadow:0 12px 28px rgba(123,41,37,.24)}
.button-danger:hover{filter:brightness(1.08);box-shadow:0 16px 36px rgba(123,41,37,.3)}
.aurix-confirm-dialog{width:min(470px,calc(100vw - 30px));border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:0;background:#0e1218;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.58)}
.aurix-confirm-dialog::backdrop{background:rgba(2,4,7,.76);backdrop-filter:blur(8px)}
.aurix-confirm-frame{padding:27px}.aurix-confirm-frame h2{margin:7px 0 10px;font-family:var(--font-display);font-size:1.45rem;letter-spacing:-.025em}.aurix-confirm-frame p{margin:0;color:#969da7;font-size:.82rem;line-height:1.65}.aurix-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
.aurix-icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.aurix-icon-fill{fill:currentColor;stroke:none}
.home-social-icon .aurix-icon{width:23px;height:23px}.home-footer-social .aurix-icon{width:18px;height:18px}.social-mini .aurix-icon{width:19px;height:19px}
.home-social-icon,.home-footer-social{font-size:0}.home-social-icon.youtube{color:#fff}.home-social-row:hover .home-social-icon{border-color:rgba(228,164,71,.28)}
.staff-panel-premium{overflow:visible;background:transparent;border:0}
.staff-workspace{display:grid;grid-template-columns:minmax(440px,.86fr) minmax(0,1.14fr);gap:16px;align-items:start}
.staff-queue-pane,.staff-inspector{border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,#11161d,#0d1116);overflow:hidden;box-shadow:0 20px 56px rgba(0,0,0,.15)}
.staff-inspector{position:sticky;top:94px;max-height:calc(100vh - 116px);overflow:auto}
.staff-inspector[hidden]{display:none!important}.staff-inspector-head{position:sticky;top:0;z-index:3;background:rgba(14,18,24,.96);backdrop-filter:blur(15px)}.staff-inspector-body{padding-top:18px}
.staff-row{transition:background .15s ease,border-color .15s ease}[data-staff-item]{cursor:pointer}.staff-row:hover{background:rgba(255,255,255,.018)}.staff-row.is-selected{background:linear-gradient(90deg,rgba(228,164,71,.085),rgba(228,164,71,.018));box-shadow:inset 3px 0 0 #e4a447}.staff-row.is-selected .button{border-color:rgba(228,164,71,.34)}
.staff-row-owner{display:block!important;margin-top:6px!important;color:#646d77!important;font-size:.62rem!important;font-weight:760;letter-spacing:.015em}.staff-row-owner.is-mine{color:#d8aa64!important}
.staff-assignment-section{padding:16px;border:1px solid rgba(228,164,71,.15);border-radius:14px;background:linear-gradient(135deg,rgba(228,164,71,.055),rgba(255,255,255,.012))}.staff-assignment-section.staff-detail-section{margin-top:4px;border-top-color:rgba(228,164,71,.15)}
.staff-assignment-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.staff-assignment-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.staff-assignment-row b{display:block;color:#e5e6e2;font-size:.77rem}.staff-assignment-row small{display:block;margin-top:4px;color:#747d87;font-size:.64rem;line-height:1.5}
.staff-note-section{padding:16px;border:1px solid rgba(112,151,194,.14);border-radius:14px;background:rgba(73,105,142,.035)}.staff-note-section.staff-detail-section{border-top-color:rgba(112,151,194,.14)}
.staff-note-list{display:grid;gap:9px;margin-bottom:12px}.staff-note{padding:12px 13px;border:1px solid rgba(112,151,194,.16);border-radius:12px;background:#090d12}.staff-note>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.staff-note strong{font-size:.72rem;color:#d9e4ef}.staff-note span{color:#647486;font-size:.57rem}.staff-note p{margin:7px 0 0;white-space:pre-wrap;color:#9fabb8;font-size:.72rem;line-height:1.55;word-break:break-word}.staff-note-empty{padding:18px;border:1px dashed rgba(112,151,194,.16);border-radius:12px;text-align:center;color:#6f7c89;font-size:.68rem;margin-bottom:12px}
.staff-note-form{padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.staff-note-form label>span{display:block;margin-bottom:7px;color:#aeb7c0;font-size:.7rem;font-weight:800}.staff-note-form textarea{width:100%;min-height:82px;resize:vertical;border:1px solid var(--line-strong);border-radius:12px;background:#080b0f;color:#fff;padding:11px 12px;outline:none;font:inherit;font-size:.76rem}.staff-note-form textarea:focus{border-color:rgba(112,151,194,.42);box-shadow:0 0 0 3px rgba(112,151,194,.07)}
.staff-detail-section-head strong{font-weight:820}.staff-detail-grid{margin-top:2px}.staff-panel-head h2{font-family:var(--font-display);font-size:1.18rem;letter-spacing:-.018em}.staff-overview-card{position:relative;overflow:hidden}.staff-overview-card::after{content:"";position:absolute;inset:auto -18px -35px auto;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(228,164,71,.1),transparent 68%)}
.error-page{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:70px 20px}.error-card{width:min(680px,100%);text-align:center;padding:52px 38px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(155deg,#12171e,#0c1015);box-shadow:0 30px 80px rgba(0,0,0,.26)}.error-code{font-family:var(--font-display);font-size:clamp(5rem,18vw,9rem);line-height:.82;letter-spacing:-.07em;color:rgba(228,164,71,.22)}.error-card h1{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.7rem);line-height:.95;letter-spacing:-.045em;text-transform:uppercase;margin:19px 0 14px}.error-card p{max-width:500px;margin:0 auto;color:#929aa4}.error-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:27px}
@media(max-width:1100px){.staff-workspace{grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr)}}
@media(max-width:979px){.staff-workspace{display:block}.staff-inspector{display:none!important}.staff-panel-premium{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(155deg,#11161d,#0d1116)}.staff-queue-pane{border:0;border-radius:0;box-shadow:none}.staff-row.is-selected{background:transparent;box-shadow:none}}
@media(max-width:600px){.aurix-confirm-actions{display:grid;grid-template-columns:1fr}.aurix-confirm-actions .button{width:100%}.staff-assignment-row,.staff-note>div{align-items:stretch;flex-direction:column}.staff-assignment-actions{width:100%;display:grid;grid-template-columns:1fr}.staff-assignment-row .button{width:100%}.error-card{padding:38px 22px}}
/* AURIX DESKTOP LEADERBOARD FINAL ALIGNMENT */
@media (min-width:981px){
  .leaderboard-toolbar{
    grid-template-columns:1fr auto 1fr !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    column-gap:14px !important;
    row-gap:12px !important;
  }
  .leaderboard-title-wrap{
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:start !important;
  }
  .metric-tabs{
    grid-column:2 !important;
    grid-row:1 !important;
    justify-self:center !important;
  }
  .player-search{
    grid-column:1 !important;
    grid-row:2 !important;
    justify-self:start !important;
    width:220px !important;
    max-width:220px !important;
  }
}
.player-head{
  overflow:hidden;
}
.player-head-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  image-rendering:pixelated;
}
/*
 * AURIX / Heritage Gold — visual-only redesign layer.
 * Design direction: cinematic game discovery, restrained competitive dashboards,
 * consistent application, account and staff surfaces.
 * Intentionally contains no API logic, form names, event listeners or route changes.
 * Build replaces __ART_*__ with content-fingerprinted screenshot filenames.
 */
:root{
 --bg:#0a0a0c;--bg-2:#100e0e;
 --surface:#161315;--surface-2:#1b1718;--surface-3:#231c1c;
 --text:#fff9ef;--muted:#ada4a0;--muted-2:#e0d8d0;
 --line:rgba(245,198,139,.105);--line-strong:rgba(255,215,155,.19);
 --accent:#d98a2c;--accent-2:#ffbf69;--accent-3:#a55e19;
 --accent-soft:rgba(239,153,49,.115);--content:1270px;
 --radius:18px;--shadow:0 22px 74px rgba(0,0,0,.42)
}
html{background:var(--bg)}
body{background:radial-gradient(ellipse 900px 480px at 70% -220px,rgba(210,103,22,.085),transparent),#0a0a0c;color:var(--text)}
body::before{background:radial-gradient(ellipse at 10% 45%,rgba(163,80,16,.028),transparent 55%),radial-gradient(ellipse at 88% 81%,rgba(185,114,38,.025),transparent 48%)}
:focus-visible{outline:2px solid #ffc77b;outline-offset:3px}
.site-header,.site-header.is-scrolled{background:rgba(9,9,11,.91);border-bottom:1px solid rgba(255,220,168,.1);backdrop-filter:blur(24px);box-shadow:0 8px 28px rgba(0,0,0,.16)}
.nav-shell{min-height:78px;gap:37px}
.brand-mark{width:36px;height:45px;filter:drop-shadow(0 0 12px rgba(255,168,76,.33))}
.brand-name{font-size:.95rem;letter-spacing:.24em}
.desktop-nav{gap:27px}
.desktop-nav a{font-size:.72rem;letter-spacing:.105em;color:#b9aba4}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:#ffcc8e}
.nav-state{border:1px solid rgba(255,196,121,.18);border-radius:999px;padding:7px 12px;color:#d6a365;background:rgba(209,114,28,.07)}
.button,.auth-submit{border-radius:11px;letter-spacing:.075em}
.button-primary,.auth-submit{background:linear-gradient(135deg,#ffd08b,#f9a640 56%,#d77c24);color:#241309;box-shadow:0 10px 32px rgba(223,119,21,.22),inset 0 1px 0 rgba(255,255,255,.25)}
.button-primary:hover,.auth-submit:hover{box-shadow:0 14px 40px rgba(223,119,21,.31),inset 0 1px 0 rgba(255,255,255,.25)}
.button-secondary{background:rgba(14,12,14,.75);border-color:rgba(255,199,126,.27);color:#fff2e1}
.button-secondary:hover{background:rgba(255,171,76,.09);border-color:rgba(255,205,145,.5)}
.section-kicker,.section-kicker.reveal,.eyebrow{color:#f6b86c;letter-spacing:.19em}
.section-kicker::before{background:#f1ac55}
.section-title,.page-hero h1,.account-banner h1{letter-spacing:-.045em}
.section-subtitle{color:#b7ada8;line-height:1.7}
.section-head{margin-bottom:28px}
.surface{background:linear-gradient(156deg,rgba(29,24,24,.96),rgba(15,14,17,.97));border-color:rgba(245,197,135,.12);box-shadow:0 18px 55px rgba(0,0,0,.21),inset 0 1px 0 rgba(255,255,255,.02)}
/* Full-size authentic Minecraft photo as the first impression. Text remains live HTML. */
.hero{min-height:750px;background:
 linear-gradient(90deg,rgba(7,7,9,.97) 0%,rgba(8,7,9,.86) 29%,rgba(9,7,8,.57) 56%,rgba(9,7,8,.32) 75%,rgba(9,7,8,.76) 100%),
 linear-gradient(180deg,rgba(5,5,7,.38),rgba(9,8,10,.34) 51%,rgba(10,9,11,.93)),
 url('aurix-hub-hero.36a715cedfc9.webp') center 48% / cover no-repeat;
 border-bottom-color:rgba(249,171,81,.2)}
.hero::after{background:linear-gradient(transparent,#0a0a0c)}
.hero-grid{opacity:.05}
.hero-orb{opacity:.35;filter:blur(25px)}
.hero-shell{grid-template-columns:minmax(0,1.18fr) minmax(290px,.72fr);gap:clamp(28px,5vw,85px);padding:100px 0 116px}
.hero-copy{max-width:725px}
.hero-brand-lockup{margin-bottom:16px;gap:13px}
.hero-logo{width:47px;height:64px;filter:drop-shadow(0 0 25px rgba(255,180,87,.4))}
.hero-brand-text{font-size:.88rem;letter-spacing:.24em}
.hero h1{font-size:clamp(4rem,6.55vw,7.7rem);line-height:.89;margin:22px 0 26px;letter-spacing:-.065em;text-shadow:0 4px 40px rgba(0,0,0,.3)}
.hero h1 span{color:#ffc075;text-shadow:0 3px 42px rgba(234,118,28,.24)}
.hero-copy>p{font-size:clamp(1.04rem,1.4vw,1.22rem);color:#eee0d5;line-height:1.65;max-width:595px}
.hero-mode-line{margin-top:25px;gap:11px}
.hero-mode-line span{color:#d6bbb0}
.hero-actions{margin-top:30px}
.hero-play-button{min-width:195px}
.network-status{color:#c0a89b}
.join-card,.network-command-card{background:linear-gradient(155deg,rgba(27,20,20,.88),rgba(11,10,12,.94));border:1px solid rgba(255,198,122,.24);backdrop-filter:blur(24px);box-shadow:0 28px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,235,208,.09);border-radius:23px}
.join-card::before{background:linear-gradient(90deg,#ffd28b,#e18b32,transparent)}
.join-card-label{color:#d0b9a8}
.join-card p{color:#b7aaa3}
.join-note{color:#b29a88}
.network-mode-mini-grid>div{background:rgba(10,9,11,.3);border-color:rgba(255,194,120,.1)}
/* Photo-led gamemode tiles, each backed by a real Aurix screenshot. */
.home-mode-section{padding-top:88px}
.mode-grid{gap:17px}
.mode-card{min-height:325px;border-radius:18px;border-color:rgba(255,215,163,.16);background:#111015;box-shadow:0 12px 35px rgba(0,0,0,.17)}
.mode-card::before{inset:0;opacity:1;transform:none;z-index:-2;
 background-size:cover;background-position:center;
 background-image:linear-gradient(180deg,rgba(9,8,11,.1),rgba(9,8,11,.26) 27%,rgba(10,9,12,.91) 60%,#101012 100%)}
.mode-card-uhc::before{background-image:linear-gradient(180deg,rgba(9,8,11,.02),rgba(9,8,11,.2) 26%,rgba(10,9,12,.9) 61%,#101012 100%),url('aurix-cw-arena.ff1961b7583e.webp')}
.mode-card-sg::before{background-image:linear-gradient(180deg,rgba(9,8,11,.02),rgba(9,8,11,.22) 28%,rgba(10,9,12,.93) 61%,#101012 100%),url('aurix-sg-arena.68d20ccf2945.webp')}
.mode-card-sgm::before{background-image:linear-gradient(180deg,rgba(9,8,11,.02),rgba(9,8,11,.22) 28%,rgba(10,9,12,.93) 61%,#101012 100%),url('aurix-sgm-updated.6918833af9fc.webp')}
.mode-card-cw::before{background-image:linear-gradient(180deg,rgba(9,8,11,.02),rgba(9,8,11,.22) 28%,rgba(10,9,12,.93) 61%,#101012 100%),url('aurix-sgm-arena.11d1e5a63b2f.webp')}
.mode-card-meetup::before{background-image:linear-gradient(180deg,rgba(9,8,11,.16),rgba(9,8,11,.29) 28%,rgba(10,9,12,.92) 61%,#101012 100%),url('aurix-uhc-cave.918dd4a9a849.webp');background-position:70% center}
.mode-card-practice::before{background-image:linear-gradient(180deg,rgba(9,8,11,.08),rgba(9,8,11,.24) 28%,rgba(10,9,12,.93) 61%,#101012 100%),url('aurix-practice-arena.f5972242efb1.webp');background-size:cover;background-position:center}
.mode-card:hover{border-color:rgba(255,184,94,.56);background:#141218;box-shadow:0 25px 65px rgba(0,0,0,.34)}
.mode-card:hover::before{opacity:1;transform:scale(1.045)}
.mode-card-grid{opacity:.1}
.mode-card-top{padding:22px 22px 0}
.mode-card .mode-icon{width:43px;height:43px;background:rgba(13,11,13,.68);color:#ffcc8b;border-color:rgba(255,199,117,.35);backdrop-filter:blur(6px)}
.mode-live{background:rgba(7,8,9,.78);color:#e5d1bc;border-color:rgba(255,200,120,.18);backdrop-filter:blur(8px)}
.mode-card-body{margin-top:auto;padding-top:38px}
.mode-card-body strong{font-size:1.45rem;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.mode-card-body>span{color:#d1c6c0;font-size:.81rem}
.mode-card-foot{background:rgba(8,8,9,.36);color:#c2a99c;border-top-color:rgba(255,206,139,.13)}
.mode-card-foot b{color:#ffbe70}
.mode-card-index{color:rgba(255,255,255,.045)}
.home-uhc-card{border-color:rgba(255,190,99,.2);background:linear-gradient(105deg,rgba(24,17,14,.92),rgba(12,11,13,.93)),url('aurix-uhc-cave.918dd4a9a849.webp') center/cover}
.home-champions-panel,.home-leader-panel{border-color:rgba(255,197,119,.14)}
.home-community{background:linear-gradient(90deg,rgba(9,8,10,.96) 0%,rgba(9,8,10,.93) 50%,rgba(9,8,10,.80)),url('aurix-hub-showcase.89a389e21156.webp') center/cover}
/* Professional page banners: cinematic image present, content first. */
.page-hero,.account-banner,.profile-hero{background:
 linear-gradient(90deg,rgba(11,10,13,.95),rgba(11,10,13,.84) 56%,rgba(11,10,13,.65)),
 linear-gradient(180deg,rgba(10,9,12,.06),rgba(10,9,12,.88)),
 url('aurix-hub-showcase.89a389e21156.webp') center 46%/cover no-repeat;
 border-bottom-color:rgba(255,193,111,.16)}
.page-hero{padding:81px 0 65px}
.page-hero::after,.account-banner::after{content:"";pointer-events:none;position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,transparent,rgba(241,143,50,.62),transparent);opacity:.4}
.page-hero h1{font-size:clamp(3rem,5vw,5.5rem);line-height:.98;text-shadow:0 5px 35px rgba(0,0,0,.4)}
.page-hero p{color:#d0c1b5;max-width:690px}
body[data-page="uhc"] .page-hero{background-image:linear-gradient(90deg,rgba(10,9,11,.94),rgba(10,9,11,.63)),url('aurix-uhc-cave.918dd4a9a849.webp')}
body[data-page="support"] .page-hero{background-image:linear-gradient(90deg,rgba(10,9,11,.94),rgba(10,9,11,.65)),url('aurix-cw-forest.8329cd6c5e4c.webp')}
body[data-page="news"] .page-hero{background-image:linear-gradient(90deg,rgba(10,9,11,.94),rgba(10,9,11,.6)),url('aurix-hub-showcase.89a389e21156.webp')}
body[data-page="leaderboards"] .page-hero{background-image:linear-gradient(90deg,rgba(10,9,11,.93),rgba(10,9,11,.55)),url('aurix-hub-showcase.89a389e21156.webp')}
.account-banner{position:relative;padding:57px 0 52px}
.account-banner h1{font-size:clamp(2.3rem,3.2vw,3.4rem);color:#fff7ec}
.account-banner p{color:#dfc9ba;max-width:645px}
body[data-page="applications"] .account-banner,body[data-page="application-new"] .account-banner{background-image:linear-gradient(90deg,rgba(10,9,12,.95),rgba(10,9,12,.69)),url('aurix-cw-forest.8329cd6c5e4c.webp')}
body[data-page="tickets"] .account-banner,body[data-page="ticket-new"] .account-banner{background-image:linear-gradient(90deg,rgba(10,9,12,.95),rgba(10,9,12,.7)),url('aurix-hub-showcase.89a389e21156.webp')}
body[data-page="staff"] .account-banner{background-image:linear-gradient(90deg,rgba(10,9,12,.96),rgba(10,9,12,.76)),url('aurix-cw-arena.ff1961b7583e.webp')}
.profile-hero{background-image:linear-gradient(90deg,rgba(10,9,12,.97),rgba(10,9,12,.8)),url('aurix-hub-showcase.89a389e21156.webp')}
.profile-hero-avatar{border-color:rgba(255,192,114,.34);box-shadow:0 10px 34px rgba(0,0,0,.25)}
/* Dense competitive surfaces should be clean instead of photoreal. */
.leaderboard-layout{gap:19px}
.mode-tabs,.leaderboard-main,.account-profile-card,.account-stat-card,.staff-overview-card,.staff-inspector,.staff-queue-panel{border-color:rgba(255,204,141,.12);background:linear-gradient(165deg,#171417,#111114)}
.leaderboard-main,.leaderboard-table{font-variant-numeric:tabular-nums}
.leaderboard-table th{color:#bca694}
.leaderboard-table tbody tr:hover{background:rgba(255,196,107,.05)}
.mode-tab.is-active,.account-mode-tabs .is-active{border-color:rgba(255,186,91,.42);background:rgba(224,125,32,.12);color:#ffd098}
.support-card{background:linear-gradient(160deg,#211a18,#111013);padding:32px;border-color:rgba(255,200,123,.15)}
.support-card:hover{border-color:rgba(255,186,96,.43)}
.support-icon{color:#ffbd6b}
.news-item,.news-feature,.hub-card,.home-social-row{border-color:rgba(255,200,123,.15);background:linear-gradient(150deg,rgba(30,24,23,.9),rgba(15,14,16,.95))}
/* Application center: clear information hierarchy, roomy form inputs. */
.flow-choice-shell{padding-top:36px}
.flow-choice-grid{gap:17px}
.flow-choice-card{min-height:228px;border-radius:17px;background:linear-gradient(165deg,#1e1918,#121114);border-color:rgba(255,201,130,.17);box-shadow:0 10px 36px rgba(0,0,0,.12);padding:27px 20px}
.flow-choice-card:hover,.flow-choice-card:focus-visible{background:linear-gradient(165deg,#302016,#161315);border-color:#e7a45a;box-shadow:0 17px 43px rgba(0,0,0,.22)}
.flow-choice-icon{background:rgba(246,149,43,.09);border-color:rgba(255,188,98,.28);color:#ffc47b;width:54px;height:54px}
.flow-choice-card strong{font-size:.99rem;letter-spacing:.01em}
.flow-choice-card>span:last-child{color:#c1b4aa;font-size:.76rem}
.flow-form-heading{border-bottom-color:rgba(255,196,111,.18)}
.flow-form{padding-top:25px}
.flow-form [data-flow-fields]{gap:23px}
.flow-field>span,.flow-choice-field legend{font-size:.82rem;color:#ead9c9}
.flow-field small,.flow-choice-field small{color:#a9998d;font-size:.72rem}
.flow-field input,.flow-field select,.flow-field textarea,.account-dialog-form input,.account-dialog-form select,.account-dialog-form textarea,.account-wide-form input,.account-wide-form select,.auth-input{background:#110f11;border:1px solid rgba(255,202,127,.17);border-radius:12px;color:#fff9f1;min-height:47px}
.flow-field input:hover,.flow-field select:hover,.flow-field textarea:hover,.auth-input:hover{border-color:rgba(255,202,127,.32)}
.flow-field input:focus,.flow-field select:focus,.flow-field textarea:focus,.auth-input:focus{background:#161215;border-color:#ffbd68;box-shadow:0 0 0 3px rgba(255,183,94,.12)}
.flow-inline-choice span{background:#171315;border-color:rgba(255,200,125,.14);border-radius:12px}
.flow-inline-choice input:checked+span{color:#ffd4a0;border-color:#ffbd6b;background:rgba(235,134,39,.11)}
.account-list-summary,.account-table-wrap,.account-settings-content{color:#dacac0}
.account-table-head{color:#c6aa93;background:rgba(255,188,93,.035)}
.account-table-row:hover{background:rgba(255,191,109,.035)}
.account-empty{background:radial-gradient(circle at center,rgba(195,107,30,.07),transparent 62%)}
.account-settings-nav{border-right-color:rgba(255,200,124,.14)}
.account-settings-nav a.is-active{border-left-color:#f3ac56;background:rgba(231,128,31,.095)}
.account-settings-list>a,.conversation-card,.conversation-message,.staff-thread-message{border-color:rgba(255,203,138,.12)}
.account-settings-list>a:hover,.staff-row:hover{background:rgba(255,187,100,.035)}
.staff-overview-grid>*{box-shadow:inset 0 1px 0 rgba(255,229,192,.035)}
/* Account sign-in retains every field and listener; only the stage and card change. */
.auth-page{background:
 linear-gradient(90deg,rgba(8,8,10,.94),rgba(10,8,10,.69) 48%,rgba(8,8,10,.89)),
 linear-gradient(180deg,rgba(9,9,11,.12),rgba(9,9,11,.87)),
 url('aurix-hub-showcase.89a389e21156.webp') center / cover no-repeat}
.auth-page::before{background:radial-gradient(ellipse at 50% 42%,rgba(250,156,47,.085),transparent 32rem)}
.auth-card{position:relative;background:linear-gradient(145deg,rgba(31,24,24,.96),rgba(12,11,14,.98));border:1px solid rgba(255,204,132,.25);backdrop-filter:blur(19px);box-shadow:0 25px 90px rgba(0,0,0,.53),inset 0 1px 0 rgba(255,237,215,.07);border-radius:22px}
.auth-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#ffb85e,transparent);pointer-events:none}
.auth-card h1{color:#fff7ed}
.auth-subtitle,.auth-bottom{color:#c2b2a9}
.auth-logo{filter:drop-shadow(0 0 22px rgba(239,147,56,.19))}
.auth-field-label{color:#decbbd}
.auth-back{color:#efceaa}
.auth-inline-link,.auth-forgot{color:#ffc37b}
/* Feedback, motion and mobile legibility. */
.breadcrumb{color:#b8a79b}
dialog,.account-dialog{border-color:rgba(255,190,102,.22);background:#171315;color:#fff4e8}
.dialog-head{border-bottom-color:rgba(255,195,117,.16)}
@media(max-width:1050px){.hero-shell{grid-template-columns:minmax(0,1fr) minmax(265px,.65fr);gap:30px}.hero h1{font-size:clamp(3.9rem,6.5vw,6rem)}}
@media(max-width:980px){.hero-shell{grid-template-columns:1fr;padding:73px 0 86px}.hero h1{font-size:clamp(4rem,9vw,6.5rem)}.join-card{max-width:575px}.hero{background-position:center}}
@media(max-width:680px){
 .nav-shell{min-height:68px}.hero{min-height:auto;background-position:62% center}
 .hero-shell{padding:65px 0 77px}.hero h1{font-size:clamp(3.4rem,12vw,5.5rem)}
 .hero-copy>p{color:#f0e1d8}.hero-mode-line{margin-top:18px}
 .join-card{padding:23px}.mode-card{min-height:300px}.mode-card-body{padding-top:40px}
 .page-hero{padding:58px 0 49px}.account-banner{padding:40px 0 37px}
 .flow-choice-card{min-height:177px}.flow-choice-grid{gap:11px}
 .support-card{padding:25px}.auth-card{border-radius:17px}
}
/* AURIX STAGE 2 — exact gamemode assets and gold application icons. */
.mode-card {border-color:rgba(249,154,51,.30);box-shadow:0 14px 32px #0008,inset 0 1px #ffcf9b0b}
.mode-card:hover,.mode-card:focus-visible{border-color:#ffa739;box-shadow:0 18px 40px #000a,0 0 0 1px #faab4d66,0 0 23px #df862e31}
.mode-card .mode-icon{width:67px;height:67px;border-radius:50%;border:1px solid #ffb64f9e;background:radial-gradient(circle at 50% 30%,#302017,#100c0d 72%);box-shadow:0 0 25px #ef8b2a3a,inset 0 0 18px #f7a24a16;overflow:hidden;display:grid;place-items:center}
.mode-item-img{width:100%;height:100%;object-fit:contain;image-rendering:auto;display:block}
.mode-card .mode-icon:has(.mode-item-img){padding:0}
.mode-card-practice .mode-live{display:none}
.mode-card-practice .mode-card-top::after{content:'COMING SOON';position:absolute;right:17px;top:22px;color:#ffe3be;background:#20140fee;border:1px solid #f4a64aa8;border-radius:30px;padding:7px 11px;font-size:.58rem;letter-spacing:.12em;font-weight:900}
.mode-card-practice .mode-card-foot b{color:#ffd6a3}
.mode-card .mode-card-body strong{color:#fff6ea}
.flow-choice-grid-four{gap:16px}
.flow-choice-card{position:relative;justify-content:flex-start;min-height:356px;padding:0 0 26px;gap:11px;overflow:hidden;border:1px solid #f4a94e69;border-radius:17px;background:linear-gradient(#21140f,#0f0b0c 68%);box-shadow:inset 0 0 0 1px #ffd29608,0 17px 34px #0007}
.flow-choice-card:hover,.flow-choice-card:focus-visible{background:linear-gradient(#331b10,#151011);border-color:#ffad42;box-shadow:0 0 30px #fa9a3638,0 20px 40px #0009}
.flow-choice-card .flow-choice-art{display:block;width:100%;height:209px;object-fit:cover;object-position:50% 40%;border-radius:0;mask-image:linear-gradient(black 85%,transparent 100%)}
.flow-choice-card strong{font-size:1.01rem;text-transform:uppercase;line-height:1.1;color:#fff8f0;letter-spacing:.035em;padding:0 12px}
.flow-choice-card>span:last-child{max-width:270px;color:#dfcbbb;font-size:.79rem;line-height:1.6;padding:0 16px}
.flow-choice-card::after{content:'EXPLORE APPLICATION  →';margin-top:auto;color:#e4a253;font-size:.62rem;letter-spacing:.12em;font-weight:900}
@media(max-width:700px){.flow-choice-card{min-height:305px}.flow-choice-card .flow-choice-art{height:185px}.flow-choice-grid-four{grid-template-columns:1fr 1fr;gap:11px}.flow-choice-card strong{font-size:.75rem}.flow-choice-card>span:last-child{font-size:.69rem}.flow-choice-card::after{font-size:.52rem}.mode-card .mode-icon{width:60px;height:60px}}
@media(max-width:410px){.flow-choice-grid-four{grid-template-columns:1fr}.flow-choice-card{min-height:320px}.flow-choice-card .flow-choice-art{height:220px}.flow-choice-card strong{font-size:.95rem}}
/* AURIX STAGE 3 — understated, production-friendly card refinement.
   The same Minecraft imagery and illustrations remain; only presentation changes. */
.mode-card{
  min-height:312px;
  border-color:rgba(255,237,215,.13);
  border-radius:16px;
  background:#121013;
  box-shadow:0 12px 32px rgba(0,0,0,.27);
}
.mode-card::before{filter:saturate(.84) brightness(.88)}
.mode-card::after{opacity:.22}
.mode-card:hover,.mode-card:focus-visible{
  border-color:rgba(245,179,105,.54);
  box-shadow:0 15px 36px rgba(0,0,0,.36),0 0 0 1px rgba(242,165,82,.10);
}
.mode-card:hover{transform:translateY(-3px)}
.mode-card:hover::before{transform:scale(1.018)}
.mode-card .mode-icon{
  width:49px;height:49px;border-radius:13px;
  border:1px solid rgba(240,188,128,.24);
  background:rgba(15,12,13,.83);
  box-shadow:0 4px 18px rgba(0,0,0,.25);
  backdrop-filter:blur(8px);
}
.mode-item-img{width:92%;height:92%;filter:saturate(.78) brightness(.88)}
.mode-card .mode-card-body strong{color:#f7f2ed;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.mode-card-body>span{color:#c2b9b4}
.mode-card-foot{border-top-color:rgba(255,255,255,.09);background:rgba(10,10,12,.27)}
.mode-card-foot b{color:#e1ae70}
.mode-card-practice .mode-card-top::after{
  right:18px;top:21px;padding:6px 10px;
  color:#e9c69a;background:rgba(18,15,16,.87);
  border:1px solid rgba(244,172,93,.35);
  box-shadow:none;letter-spacing:.09em;
}
/* Applications use quiet editorial cards: artwork is a small accent,
   not a full-card promotional illustration. */
.flow-choice-grid-four{gap:16px}
.flow-choice-card{
  min-height:277px;
  padding:23px 23px 21px;
  align-items:flex-start;justify-content:flex-start;text-align:left;
  gap:12px;border-radius:15px;overflow:hidden;
  background:linear-gradient(155deg,#191619,#121114 80%);
  border:1px solid rgba(252,220,174,.16);
  box-shadow:0 12px 28px rgba(0,0,0,.17);
}
.flow-choice-card:hover,.flow-choice-card:focus-visible{
  background:linear-gradient(155deg,#211a19,#151215);
  border-color:rgba(237,170,94,.56);
  box-shadow:0 14px 34px rgba(0,0,0,.25);
  transform:translateY(-2px);
}
.flow-choice-card .flow-choice-art{
  display:block;
  width:120px;height:105px;
  max-width:100%;
  object-fit:cover;object-position:center;
  margin:0 0 5px -4px;
  border-radius:0;
  filter:brightness(.83) saturate(.73);
  -webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,#000 48%,transparent 99%);
  mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,#000 48%,transparent 99%);
}
.flow-choice-card strong{
  font-size:.99rem;line-height:1.2;letter-spacing:.008em;
  color:#f9f0e8;padding:0;margin:0;
}
.flow-choice-card>span:last-child{
  max-width:310px;color:#b8aaa2;font-size:.79rem;
  line-height:1.6;padding:0;
}
.flow-choice-card::after{
  content:'VIEW APPLICATION  →';
  margin-top:auto;color:#d6a16c;
  font-size:.61rem;font-weight:800;letter-spacing:.075em;
}
@media(max-width:1050px){
 .flow-choice-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .flow-choice-card{min-height:246px}
}
@media(max-width:700px){
 .mode-card .mode-icon{width:44px;height:44px}
 .flow-choice-grid-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .flow-choice-card{min-height:260px;padding:18px 16px;gap:9px}
 .flow-choice-card .flow-choice-art{width:95px;height:88px;margin-bottom:3px}
 .flow-choice-card strong{font-size:.82rem}
 .flow-choice-card>span:last-child{font-size:.73rem}
 .flow-choice-card::after{font-size:.55rem}
}
@media(max-width:410px){
 .flow-choice-grid-four{grid-template-columns:1fr}
 .flow-choice-card{min-height:196px;display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto auto 1fr;column-gap:15px;row-gap:8px;align-content:start}
 .flow-choice-card .flow-choice-art{grid-row:1 / 4;grid-column:1;width:80px;height:84px;margin:0 0 0 -7px}
 .flow-choice-card strong{grid-column:2;grid-row:1;font-size:.92rem;align-self:end}
 .flow-choice-card>span:last-child{grid-column:2;grid-row:2;font-size:.76rem}
 .flow-choice-card::after{grid-column:2;grid-row:3;align-self:end;margin:0;font-size:.57rem}
}
/* Slightly shorter choice cards on narrow phones. */
@media(max-width:410px){.flow-choice-card{min-height:158px;padding:16px 14px}}
/* =========================================================================
   AURIX STAGE 4 — brand-forward cinematic hero, clear competitive dashboards
   Visual-only cascade. Existing selectors, API/data hooks, and form UX retained.
   ========================================================================= */
/* Final, approved icons: square gradient boxes, quiet borders (no glowing edges). */
.mode-card .mode-icon{
 width:54px;height:54px;border-radius:11px;
 background:linear-gradient(145deg,rgba(87,55,27,.93),rgba(20,17,19,.96) 70%);
 border:1px solid rgba(220,164,90,.20);
 box-shadow:0 5px 16px rgba(0,0,0,.32);
 backdrop-filter:none;
}
.mode-card .mode-icon::after{display:none!important}
.mode-card:hover .mode-icon,.mode-card:focus-visible .mode-icon{
 border-color:rgba(220,164,90,.25);box-shadow:0 5px 16px rgba(0,0,0,.32)
}
.mode-item-img{width:88%;height:88%;image-rendering:pixelated;object-fit:contain;filter:saturate(.94) brightness(.98)}
/* Homepage cinematic, but visuals subordinate to content. */
.hero{min-height:735px;background:
 linear-gradient(90deg,rgba(6,7,9,.97) 0%,rgba(7,7,9,.84) 27%,rgba(8,7,9,.52) 58%,rgba(7,7,9,.50) 100%),
 linear-gradient(180deg,rgba(6,7,9,.38),rgba(8,8,10,.26) 50%,#0a0a0c 100%),
 url('aurix-hub-hero.36a715cedfc9.webp') center 49% / cover no-repeat;
}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(90deg,rgba(13,9,5,.16),transparent 65%),radial-gradient(ellipse 800px 440px at 85% 18%,rgba(209,122,35,.08),transparent 75%)}
.hero-shell{padding-top:94px;padding-bottom:105px;gap:clamp(32px,4.5vw,80px);grid-template-columns:minmax(0,1.15fr) minmax(300px,.68fr)}
.hero-brand-lockup{gap:10px;margin-bottom:22px}
.hero-logo{width:43px;height:55px;filter:drop-shadow(0 5px 22px rgba(255,180,100,.12))}
.hero-brand-text{letter-spacing:.27em;color:#f9f4ea}
.hero h1{font-size:clamp(4.1rem,6.3vw,7rem);line-height:.9;letter-spacing:-.064em;margin:22px 0 23px}
.hero h1 span{color:#efad63;text-shadow:none}
.hero-copy>p{font-size:clamp(1rem,1.34vw,1.17rem);max-width:575px;line-height:1.7;color:#dbd0c8}
.hero-mode-line{margin-top:23px;color:#bda899;gap:9px}
.hero-mode-line span{font-size:.61rem;letter-spacing:.12em;color:#baa79b}
.hero-actions{margin-top:32px}
.hero .button-primary{box-shadow:0 7px 18px rgba(197,112,25,.15)}
.network-command-card{max-width:410px;justify-self:end;padding:28px;
 background:linear-gradient(163deg,rgba(19,17,19,.88),rgba(10,10,12,.95));
 border:1px solid rgba(231,185,129,.21);border-radius:17px;
 box-shadow:0 24px 62px rgba(0,0,0,.36);backdrop-filter:blur(15px)}
.network-command-card::before{height:2px;opacity:.45}
.network-player-total strong{color:#f3ecdf}
.network-mode-mini-grid>div{background:rgba(8,8,10,.36);border-radius:9px}
.network-command-card .button-primary{box-shadow:none}
.home-uhc-section{padding-top:38px}
.home-uhc-card{border-radius:17px;padding:30px 34px;background:
 linear-gradient(105deg,rgba(25,19,18,.96),rgba(15,13,15,.89) 65%,rgba(15,13,15,.82)),url('aurix-uhc-cave.918dd4a9a849.webp') 75% center/cover}
.home-uhc-card::before{width:2px;opacity:.7}
.home-uhc-countdown{color:#f4e8db}
.home-live-strip{padding-top:24px}
.home-mode-section{padding-top:75px}
.home-competition-section .surface{border-radius:17px}
.home-competition-section .home-panel-head h3{letter-spacing:-.025em}
.hub-card{border-radius:16px}
/* Leaderboards — leaderboard data, active modes and empty states remain authoritative. */
.leaderboard-hero{padding:64px 0 58px;background:
 linear-gradient(90deg,rgba(9,9,11,.98),rgba(11,10,12,.92) 60%,rgba(11,10,12,.67)),
 url('aurix-hub-showcase.89a389e21156.webp') center 51%/cover no-repeat}
.leaderboard-hero::after{opacity:.13;box-shadow:none}
.leaderboard-hero h1{font-size:clamp(3rem,4.4vw,5rem);margin:13px 0 11px}
.leaderboard-hero p{max-width:585px;line-height:1.65;color:#c6b9ae}
.leaderboards-page .section-tight{padding-top:30px}
.leaderboard-layout{grid-template-columns:218px minmax(0,1fr);gap:20px}
.mode-tabs{border-radius:16px;padding:16px 12px;gap:5px;background:#151316;border-color:rgba(242,195,133,.13)}
.leaderboard-mode-label{padding:8px 11px 15px;color:#a7907d;letter-spacing:.16em}
.mode-tab{min-height:45px;border-radius:9px;padding:11px 13px;font-size:.78rem;letter-spacing:.015em;color:#aca09a}
.mode-tab.is-active{background:rgba(227,159,75,.095);color:#f9c686;box-shadow:inset 2px 0 0 #c99550}
.mode-tab:hover{background:rgba(255,204,140,.055)}
.leaderboard-content-stack{gap:17px}
.leaderboard-podium-card{border-radius:15px;min-height:176px;background:linear-gradient(148deg,#191719,#111113);border-color:rgba(229,199,156,.13)}
.leaderboard-podium-card.rank-1{border-color:rgba(237,179,101,.3);background:linear-gradient(145deg,#25201d,#131113)}
.leaderboard-podium-card::after{opacity:.2}
.leaderboard-podium-rank{font-variant-numeric:tabular-nums}
.leaderboard-main{border-radius:17px;background:linear-gradient(158deg,#181518,#111113);border:1px solid rgba(227,194,150,.15)}
.leaderboard-toolbar{padding:25px 27px;gap:18px;border-color:rgba(242,214,177,.10)}
.leaderboard-title-wrap h2{font-size:1.35rem;letter-spacing:-.03em}
.leaderboard-scope{font-size:.73rem;color:#ac9e93}
.leaderboard-table th{padding:16px 25px;color:#a7978c;border-color:rgba(255,255,255,.08)}
.leaderboard-table td{padding:16px 25px;border-color:rgba(255,255,255,.055)}
.leaderboard-table tbody tr:nth-child(even){background:rgba(255,255,255,.013)}
.leaderboard-table tbody tr:hover{background:rgba(242,175,97,.045)}
.leaderboard-main .empty-state{padding:44px 27px;min-height:160px;color:#c5b8ae}
/* Profiles — clean player identity and authoritative stats, without demo numbers. */
.profile-hero{padding:56px 0 48px;background:
 linear-gradient(90deg,rgba(10,10,13,.96),rgba(13,12,14,.87) 55%,rgba(9,10,12,.60)),
 url('aurix-hub-showcase.89a389e21156.webp') center 44%/cover no-repeat}
.profile-hero-inner{gap:25px}
.profile-hero-avatar{width:100px;height:100px;border-radius:16px;padding:8px;border-color:rgba(237,182,110,.21);background:rgba(14,13,15,.8);box-shadow:0 16px 42px rgba(0,0,0,.25)}
.profile-hero-avatar img{border-radius:10px}
.profile-hero-copy h1{font-size:clamp(2.5rem,4.5vw,4.35rem);letter-spacing:-.055em;margin:4px 0 12px}
.profile-hero-copy p{color:#c7b8ac;line-height:1.65;font-size:.85rem;max-width:610px}
.profile-rank-badge{border-radius:6px;padding:5px 10px;color:#f9c486;background:rgba(238,170,88,.1);border-color:rgba(236,176,93,.22)}
.profile-hero-joined{color:#baa89a}
.profile-page .account-profile-shell{padding-top:30px;padding-bottom:78px;grid-template-columns:minmax(238px,275px) minmax(0,1fr);gap:24px}
.profile-page .account-profile-card{border-radius:16px;padding:28px 23px;top:105px}
.profile-page .account-profile-card::before{background:radial-gradient(circle at 50% 18%,rgba(220,149,64,.045),transparent 45%)}
.profile-page .account-player-body-wrap{margin-top:14px}
.profile-page .account-profile-summary{padding:14px 12px;background:#110f12;border-color:rgba(239,187,120,.12);color:#b8a99d}
.profile-page .account-page-heading{margin-bottom:22px}
.profile-page .account-page-heading h2{font-size:2.25rem}
.profile-page .account-page-heading p{color:#b6a69b}
.profile-page .account-mode-tabs{margin-bottom:16px;gap:9px}
.profile-page .account-mode-tabs button{border-radius:8px}
.profile-page .account-stat-card{border-radius:16px;min-height:322px;padding:31px 33px;background:linear-gradient(145deg,#1d191a,#111114);box-shadow:0 18px 44px rgba(0,0,0,.20)}
.profile-page .account-stat-card::before{background:linear-gradient(115deg,rgba(228,164,71,.065),transparent 43%)}
.profile-page .account-stat-grid{border-color:rgba(252,208,151,.12)}
.profile-page .account-profile-info-card{border-radius:15px;padding:25px;min-height:155px;background:linear-gradient(150deg,#191719,#121114)}
.profile-page .account-profile-info-card p{color:#b6a69e}
@media(max-width:980px){
 .hero-shell{grid-template-columns:1fr;gap:31px;padding:80px 0 75px}
 .network-command-card{max-width:100%;justify-self:stretch}
 .leaderboard-layout{grid-template-columns:1fr}
 .mode-tabs{position:relative;top:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .leaderboard-mode-label{grid-column:1/-1;padding:2px 7px 6px}
 .profile-page .account-profile-shell{grid-template-columns:1fr}
 .profile-page .account-profile-card{position:static}
}
@media(max-width:650px){
 .hero{min-height:0;background-position:60% center}
 .hero-shell{padding:58px 0 66px;gap:27px}
 .hero-logo{width:37px;height:49px}
 .hero-brand-lockup{margin-bottom:13px}
 .hero h1{font-size:clamp(3.2rem,11.2vw,4.45rem);margin:20px 0}
 .hero-copy>p{font-size:1rem}
 .hero-mode-line{gap:8px}
 .network-command-card{padding:23px;border-radius:14px}
 .home-uhc-card{padding:22px}
 .mode-card .mode-icon{width:47px;height:47px;border-radius:10px}
 .leaderboard-hero{padding:48px 0 43px}
 .leaderboard-hero h1{font-size:clamp(2.5rem,11vw,3.2rem)}
 .leaderboards-page .section-tight{padding-top:22px}
 .mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:11px}
 .mode-tab{min-height:40px;font-size:.7rem}
 .leaderboard-toolbar{padding:21px 18px}
 .leaderboard-table th,.leaderboard-table td{padding:14px 16px}
 .profile-hero{padding:42px 0 36px}
 .profile-hero-inner{grid-template-columns:75px minmax(0,1fr);gap:16px}
 .profile-hero-avatar{width:75px;height:75px}
 .profile-hero-copy h1{font-size:2.5rem}
 .profile-hero-status{grid-column:1/-1}
 .profile-page .account-profile-shell{padding-top:22px;gap:24px}
 .profile-page .account-profile-card{padding:18px}
 .profile-page .account-stat-card{padding:22px 18px}
}
/* Honest pre-data placeholders. Replaced by the existing JS whenever live data arrives. */
.leaderboard-podium-placeholder{width:100%;grid-column:1/-1;min-height:190px;position:relative;overflow:hidden;border:1px solid rgba(234,184,125,.15);border-radius:16px;background:linear-gradient(115deg,#1a1718,#111114);padding:30px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.leaderboard-podium-placeholder strong{font-size:1.55rem;letter-spacing:-.035em;color:#eee3d8;margin:7px 0 0}
.leaderboard-podium-placeholder p{margin:5px 0 0;font-size:.85rem;color:#b6a69b;max-width:500px}
.podium-loading-bars{position:absolute;right:7%;bottom:0;display:flex;gap:12px;align-items:flex-end;opacity:.16}
.podium-loading-bars i{display:block;width:58px;height:80px;border-radius:9px 9px 0 0;background:#e0a65b}
.podium-loading-bars i:nth-child(2){height:120px}
.podium-loading-bars i:nth-child(3){height:65px}
.profile-hero-avatar:has(img[src=""]){background:linear-gradient(145deg,#25202a,#121218)}
.profile-hero-avatar img[src=""],.account-player-body[src=""]{visibility:hidden}
.account-player-body-wrap:has(img[src=""])::before{content:"PLAYER SKIN";position:absolute;color:#796c63;font-size:.66rem;letter-spacing:.14em;font-weight:800}
.profile-page .account-profile-card .account-player-body-wrap{position:relative}
.profile-stat-loading{position:relative;z-index:1;grid-column:1/-1;align-self:center;text-align:left;width:100%;max-width:580px;padding:20px 0}
.profile-loading-label{font-size:.72rem;color:#d9ad78;letter-spacing:.13em;text-transform:uppercase;font-weight:850}
.profile-loading-bars{display:grid;grid-template-columns:1.2fr .85fr .95fr 1fr;gap:12px;margin:23px 0}
.profile-loading-bars i{display:block;height:49px;background:linear-gradient(110deg,rgba(255,205,145,.045),rgba(255,205,145,.13),rgba(255,205,145,.04));border:1px solid rgba(255,210,155,.075);border-radius:9px}
.profile-stat-loading p{font-size:.82rem;color:#b8a99c;margin:0}
@media(max-width:650px){.leaderboard-podium-placeholder{padding:26px 20px;min-height:190px}.podium-loading-bars{opacity:.08;right:-35px}.profile-loading-bars{grid-template-columns:1fr 1fr}.profile-stat-loading{padding:12px 0}}
/* Final polish: clearly legible item pixels and mobile mode tabs. */
.mode-card .mode-item-img{width:100%;height:100%;transform:scale(1.38);filter:saturate(1.05) brightness(1.06)}
.mode-card-meetup .mode-item-img{transform:scale(1.01)}
@media(max-width:980px){
 .leaderboards-page .mode-tabs{display:grid;overflow:visible;white-space:normal;grid-template-columns:repeat(3,minmax(0,1fr))}
 .leaderboards-page .mode-tab{min-width:0;width:100%;white-space:normal}
}
@media(max-width:650px){
 .leaderboards-page .mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .leaderboards-page .mode-tab{font-size:.75rem;min-height:42px}
}
/* ============================================================
   Aurix Stage 4.1 — leaderboard toolbar alignment only
   Desktop: title left, ranking metrics truly centered, search right.
   Mid/small screens: stack responsibly without overflow.
   No changes to search/filter/rank/podium functionality.
   ============================================================ */
@media (min-width: 981px) {
  .leaderboard-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: center;
    column-gap: 18px;
    row-gap: 0 !important;
  }
  .leaderboard-toolbar .leaderboard-tools { display: contents; }
  .leaderboard-toolbar .leaderboard-title-wrap {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    min-width: 0;
  }
  .leaderboard-toolbar .leaderboard-tools .metric-tabs {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    width: max-content;
    max-width: 100%;
  }
  .leaderboard-toolbar .leaderboard-tools .player-search {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: min(100%, 250px) !important;
    max-width: 250px !important;
    min-width: 0;
    margin: 0;
  }
}
@media (min-width: 701px) and (max-width: 980px) {
  .leaderboard-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 16px;
  }
  .leaderboard-toolbar .leaderboard-tools {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    width: 100%;
    align-items: center;
    gap: 12px;
  }
  .leaderboard-toolbar .leaderboard-tools .metric-tabs { grid-column: 2; justify-self: center; }
  .leaderboard-toolbar .leaderboard-tools .player-search {
    grid-column: 3;
    justify-self: end;
    min-width: 0;
    width: min(100%, 230px);
  }
}
@media (max-width: 700px) {
  .leaderboard-toolbar { grid-template-columns: minmax(0, 1fr) !important; gap: 14px; }
  .leaderboard-toolbar .leaderboard-tools {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    width: 100%;
  }
  .leaderboard-toolbar .leaderboard-tools .metric-tabs {
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
    justify-content: center;
    overflow-x: auto;
  }
  .leaderboard-toolbar .leaderboard-tools .player-search {
    width: 100%;
    max-width: none;
    min-width: 0;
    flex: 0 0 auto;
  }
}
/* ==============================================================
 AURIX STAGE 5 / Account & support surface refinement
 Presentation layer only. Form selectors, fields, validation, API,
 routes, permissions, and account scripts are untouched.
 =============================================================== */
/* Auth screens: quiet split composition, no artificial UI metrics. */
.auth-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:center;justify-content:center;gap:clamp(28px,5vw,92px);padding:110px max(5vw,28px) 74px;max-width:none;min-height:100vh;background:linear-gradient(90deg,rgba(8,8,10,.95) 0%,rgba(8,8,10,.86) 45%,rgba(8,8,10,.88) 100%),url('aurix-hub-showcase.89a389e21156.webp') center/cover no-repeat}
.auth-page::before{background:radial-gradient(circle at 8% 65%,rgba(223,134,52,.1),transparent 29rem),linear-gradient(0deg,rgba(6,6,9,.32),transparent 45%)}
.auth-story{justify-self:end;max-width:600px;width:100%;color:#f7efe4;display:flex;flex-direction:column;gap:42px;z-index:1}
.auth-story-eyebrow{display:block;color:#e7ae6a;font-size:.68rem;letter-spacing:.18em;font-weight:850;margin-bottom:27px}
.auth-story h2{margin:0;font-family:'Inter Tight','Avenir Next Condensed',Inter,system-ui,sans-serif;font-size:clamp(3.4rem,5vw,5.9rem);font-weight:850;line-height:.98;letter-spacing:-.06em}
.auth-story h2 em{font-style:normal;color:#f3b768}
.auth-story p{font-size:1.03rem;line-height:1.7;max-width:460px;color:#c2b3a6;margin:26px 0 0}
.auth-story-footer{display:flex;align-items:center;gap:14px;color:#8f857d;font-size:.62rem;font-weight:750;letter-spacing:.11em}
.auth-story-rule{display:block;width:31px;height:1px;background:#bb8951}
.auth-card{width:100%;max-width:440px;justify-self:start;padding:44px 39px 36px;border:1px solid rgba(229,191,146,.17);box-shadow:0 25px 85px rgba(0,0,0,.36);background:linear-gradient(158deg,rgba(27,23,24,.97),rgba(13,12,15,.99));border-radius:18px}
.auth-card::before{display:none}
.auth-logo{width:45px;height:53px;margin-bottom:24px;filter:drop-shadow(0 5px 17px rgba(224,137,39,.1))}
.auth-card h1{font-size:1.72rem;letter-spacing:-.04em}
.auth-subtitle{margin-top:7px;margin-bottom:27px;font-size:.83rem;color:#ac9e95}
.auth-input{height:49px;border-color:rgba(226,187,143,.16);background:#100f12;box-shadow:none}
.auth-input:focus{border-color:#e4a35d;box-shadow:0 0 0 3px rgba(215,145,71,.1)}
.auth-field-label{font-size:.77rem;font-weight:750;color:#d8c9bd}
.auth-submit{height:48px;border-radius:10px;background:#e8a95c;box-shadow:none;font-size:.78rem;font-weight:900}
.auth-submit:hover{box-shadow:0 7px 25px rgba(206,134,53,.13);transform:translateY(-1px)}
.auth-back{left:max(24px,5vw);top:27px;font-weight:750;color:#d6c5b8}
.register-steps{gap:12px}.register-step{border:1px solid rgba(235,204,171,.095);padding:13px;border-radius:12px;grid-template-columns:33px 1fr;gap:13px;background:rgba(255,255,255,.018)}
.register-step-number{background:rgba(230,164,85,.13);border:1px solid rgba(230,164,85,.3);color:#efba7b;border-radius:10px;width:33px;height:33px}
.register-step strong{font-size:.82rem}.register-step p{color:#a99e98}
.auth-card:has(.register-steps){max-width:480px}
/* Support discovery: readable informational hierarchy, no competing glows. */
body[data-page="support"] .page-hero{padding:72px 0 59px}
body[data-page="support"] .support-grid{gap:17px}
body[data-page="support"] .support-card{min-height:292px;border-radius:16px;padding:29px;background:linear-gradient(170deg,#1b1719,#111013);border:1px solid rgba(232,192,143,.15);box-shadow:none}
body[data-page="support"] .support-card:hover{border-color:rgba(240,188,119,.32);box-shadow:0 14px 38px rgba(0,0,0,.2);transform:translateY(-2px)}
body[data-page="support"] .support-card h2{font-size:1.24rem;margin:19px 0 10px;letter-spacing:-.028em}
body[data-page="support"] .support-card p{font-size:.86rem;color:#b3a9a5;line-height:1.7}
body[data-page="support"] .support-icon{width:46px;height:46px;background:rgba(228,158,83,.07);border:1px solid rgba(228,158,83,.16);border-radius:12px;box-shadow:none}
body[data-page="support"] .support-action .button{border-color:rgba(225,175,111,.25);background:rgba(235,157,69,.065);color:#eac092}
body[data-page="support"] .support-note{border:1px solid rgba(242,201,143,.12);border-radius:13px;background:#151215;color:#a99f9b}
/* Settings: distinct sidebar and polished list rows; security actions retain original markup. */
.account-page{background:linear-gradient(180deg,#0a0a0d,#09090c)}
.account-settings-layout{gap:28px;grid-template-columns:248px minmax(0,1fr);padding-top:42px;padding-bottom:72px;min-height:530px}
.account-settings-top{padding-top:64px}
.account-settings-nav{height:max-content;padding:18px 12px;border:1px solid rgba(232,191,136,.13);border-radius:15px;background:linear-gradient(160deg,#191517,#101013);box-shadow:0 14px 40px rgba(0,0,0,.16)}
.account-settings-nav>span{padding:5px 15px 15px;color:#e2a764;font-size:.64rem}
.account-settings-nav a{border:0;border-radius:9px;min-height:49px;padding:0 15px;font-weight:770;color:#aaa19b;font-size:.82rem}
.account-settings-nav a.is-active{border:1px solid rgba(234,174,97,.18);background:rgba(234,154,75,.085);color:#f6e6d1}
.account-settings-nav a:hover{background:rgba(234,154,75,.05);color:#f3e4d5}
.account-settings-content{padding:31px 33px 37px;max-width:none;min-width:0;border:1px solid rgba(231,193,150,.13);background:linear-gradient(155deg,#191518,#101013);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.1)}
.account-settings-content>h1,.account-settings-content>h2{font-size:1.9rem;line-height:1.12;color:#fff5e9}
.account-settings-content>p{font-size:.88rem;color:#b3a6a0;line-height:1.65;margin-top:10px}
.account-settings-list{display:grid;gap:10px;border:0;margin-top:23px}
.account-settings-list>a{min-height:96px;border:1px solid rgba(245,202,149,.11);border-radius:12px;background:rgba(10,10,12,.5);padding:20px 40px 20px 57px}
.account-settings-list>a::before{left:21px;width:13px;height:13px;border-radius:4px;border-width:1px;opacity:.7}
.account-settings-list>a:hover{background:rgba(224,147,62,.07);transform:none;border-color:rgba(228,170,101,.26)}
.account-settings-list strong{font-size:.88rem}.account-settings-list span{font-size:.78rem;color:#a69a92;line-height:1.55}
.account-feature-note{background:rgba(233,161,79,.045);border-color:rgba(233,180,116,.16);border-radius:12px;gap:6px}
.account-feature-note strong{color:#efd0a2;font-size:.85rem}
.account-feature-note span{color:#ada29b;font-size:.78rem;line-height:1.6}
.account-wide-form{padding-top:10px}.account-wide-form label>span{color:#e1cfba}
.account-wide-form input{background:#110e11;border:1px solid rgba(241,207,169,.18);min-height:48px;border-radius:10px}
.account-wide-form input:focus{border-color:rgba(238,177,107,.6);box-shadow:0 0 0 3px rgba(239,179,104,.09)}
.account-current-value,.account-info-box{border-color:rgba(232,190,135,.12);background:rgba(9,9,12,.45)}
/* Ticket/application landing, inner forms, replies: reduce visual noise and improve rhythm. */
.account-banner{padding:55px 0 52px}
.flow-choice-shell{padding-top:34px;padding-bottom:66px}
.flow-choice-card{border-color:rgba(226,188,140,.15);background:linear-gradient(150deg,#1a1618,#101013);box-shadow:none;transition:background .16s,border-color .16s,transform .16s}
.flow-choice-card:hover,.flow-choice-card:focus-visible{background:linear-gradient(155deg,#242024,#121114);border-color:rgba(244,188,111,.39);box-shadow:0 12px 35px rgba(0,0,0,.21)}
.flow-choice-card strong{color:#f4e6da;font-size:1rem;letter-spacing:-.02em}
.flow-choice-card>span:last-child{font-size:.8rem;line-height:1.58;color:#b6a7a0}
.flow-choice-icon{width:51px;height:51px;border:1px solid rgba(227,163,88,.19);background:rgba(237,167,85,.075);border-radius:13px;box-shadow:none}
.flow-form-shell{padding-top:28px;padding-bottom:74px;max-width:1040px}
.flow-form-heading{margin-bottom:12px;padding-bottom:24px;border-bottom-color:rgba(241,203,156,.13)}
.flow-form-intro{color:#b9aaa0;line-height:1.6}
.flow-form{border:1px solid rgba(233,195,141,.14);background:linear-gradient(165deg,#191518,#111014);border-radius:17px;padding:30px;box-shadow:0 14px 44px rgba(0,0,0,.14)}
.flow-form [data-flow-fields]{gap:24px}
.flow-field>span,.flow-choice-field legend{color:#e9d4c0;font-size:.85rem}
.flow-field small,.flow-choice-field small{color:#a89e98}
.flow-field input,.flow-field select,.flow-field textarea{background:#0f0d10;border-color:rgba(244,207,161,.16);color:#fbf3e8}
.flow-inline-choice span{background:#131114;border-color:rgba(234,190,140,.13)}
.flow-inline-choice input:checked+span{box-shadow:inset 0 0 0 1px rgba(238,182,109,.22)}
.flow-submit-row{margin-top:26px;border-top-color:rgba(244,207,156,.11)}
/* Private case inbox and reply screens */
.account-table-wrap{padding-top:24px;padding-bottom:75px}
.account-list-summary{border:1px solid rgba(237,197,148,.14);background:linear-gradient(160deg,#1a1618,#100f12);border-radius:14px 14px 0 0}
.account-table-head{border-color:rgba(237,197,148,.12);background:rgba(232,165,83,.04)}
.account-empty-polished{border:1px dashed rgba(238,198,145,.18);background:radial-gradient(circle at 50% 40%,rgba(226,146,59,.045),transparent 70%);border-radius:15px}
.account-empty-polished h2{font-size:1.18rem;color:#f5e6d8}
.account-empty-polished p{font-size:.82rem;color:#aaa09b}
.conversation-meta-card{background:#181417;border:1px solid rgba(238,196,148,.13);border-radius:12px;padding:19px}
.conversation-meta-card>span{color:#aa9381}
.conversation-card{background:linear-gradient(155deg,#191518,#111014);border:1px solid rgba(239,198,150,.14);border-radius:15px;box-shadow:none;padding:27px}
.conversation-submission-item,.conversation-message{background:#100e11;border-color:rgba(238,196,142,.12)}
.conversation-message-staff{background:rgba(230,161,77,.052);border-left-color:#da9a50}
.conversation-message-staff::after{color:rgba(229,180,115,.3)}
.conversation-reply-form textarea{background:#100e11;border-color:rgba(238,196,142,.19)}
@media(max-width:980px){
 .auth-page{grid-template-columns:1fr;gap:20px;padding:85px 24px 54px}
 .auth-story{justify-self:center;max-width:480px;gap:14px;text-align:center}
 .auth-story h2{font-size:clamp(2.6rem,7vw,3.7rem)}
 .auth-story p,.auth-story-footer{display:none}
 .auth-story-eyebrow{margin-bottom:13px}
 .auth-card{justify-self:center;max-width:480px}
 .account-settings-layout{grid-template-columns:1fr;gap:17px}
 .account-settings-nav{display:flex;gap:8px;padding:11px}
 .account-settings-nav>span{display:none}
 .account-settings-nav a{flex:1;justify-content:center}
 .account-settings-content{padding:27px 24px}
}
@media(max-width:680px){
 .auth-page{padding:74px 16px 32px;gap:17px}
 .auth-story h2{font-size:2.55rem}
 .auth-story-eyebrow{font-size:.6rem}
 .auth-back{top:17px;left:18px}
 .auth-card{padding:30px 23px 29px;border-radius:16px}
 .auth-logo{width:38px;height:44px;margin-bottom:15px}
 .auth-card h1{font-size:1.5rem}
 .auth-subtitle{margin-bottom:20px}
 .auth-story h2{line-height:1.04}
 .register-step{padding:12px}
 .account-settings-layout{padding-top:25px;padding-bottom:45px}
 .account-settings-content{padding:24px 19px}
 .account-settings-list>a{padding:16px 31px 16px 42px}
 .account-settings-list>a::before{left:16px}
 .account-settings-content>h1,.account-settings-content>h2{font-size:1.6rem}
 .flow-form{padding:20px 17px;border-radius:13px}
 .flow-choice-card{min-height:150px}
 .conversation-card{padding:18px}
 .conversation-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .conversation-meta-card{min-width:0;padding:14px}
 .conversation-meta-card strong{overflow-wrap:anywhere}
 body[data-page="support"] .support-card{min-height:245px;padding:23px}
}
/* =========================================================================
   AURIX STAGE 6 — Quiet gold emblems, creator portal, spacious readable forms.
   Keep original data attributes, form field names, validation and API routes.
   ========================================================================= */
body[data-page="support"] .page-hero h1{font-size:clamp(2.45rem,5vw,4.4rem)}
body[data-page="support"] .page-hero p{font-size:clamp(1rem,1.35vw,1.13rem);max-width:650px;line-height:1.7}
.aurix-support-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
body[data-page="support"] .aurix-support-card{min-height:310px;padding:27px 24px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(158deg,#1a1719,#101012);border:1px solid rgba(229,198,155,.15);border-radius:16px;transform:none}
body[data-page="support"] .aurix-support-card h2{font-size:1.16rem;margin:18px 0 7px;color:#f6eee6;line-height:1.2}
body[data-page="support"] .aurix-support-card p{font-size:.9rem;color:#bfb3ab;line-height:1.65;margin:0}
.aurix-support-card .support-action{margin-top:auto;padding-top:25px}
.aurix-card-link{color:#e7b476;text-decoration:none;font-size:.82rem;font-weight:750;letter-spacing:.02em}
.aurix-card-link:hover{text-decoration:underline;color:#ffe0b2}
.aurix-gold-medallion{display:flex;align-items:center;justify-content:center;flex:none;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#34251b 0%,#1b1717 52%,#0c0c10 100%);border:1px solid rgba(224,161,81,.34);box-shadow:inset 0 0 0 5px rgba(9,8,11,.65);overflow:hidden}
.aurix-gold-medallion svg{width:70px;height:70px;filter:drop-shadow(0 2px 5px rgba(197,123,45,.11))}
.aurix-gold-medallion .medallion-ring{fill:none;stroke:rgba(231,170,93,.25);stroke-width:1.5}
body[data-page="ticket-new"] .aurix-ticket-choice{min-height:258px;padding:28px 22px;align-items:flex-start;gap:12px}
.aurix-ticket-choice .aurix-gold-medallion{width:82px;height:82px;margin-bottom:8px}
.aurix-ticket-choice strong{font-size:1.1rem}
.aurix-ticket-choice>span:last-child{font-size:.91rem;line-height:1.6}
/* Media/Famous/Partner field only; other forms continue to use their original radio groups. */
.aurix-rank-field{border:0;padding:0;min-width:0;margin:0}
.aurix-rank-field legend{font-size:1.25rem!important;font-weight:750;color:#f8eee4!important;line-height:1.3;margin-bottom:10px}
.aurix-rank-hint{color:#b9aca4;font-size:.95rem;line-height:1.7;max-width:750px;margin:0 0 22px}
.aurix-rank-list{display:grid;gap:15px}
.aurix-rank-card{background:linear-gradient(150deg,#1b181a,#101013);border:1px solid rgba(232,191,137,.2);border-radius:16px;padding:25px 27px 20px;transition:border-color .22s ease,background .22s ease;min-width:0}
.aurix-rank-card:has(input:checked){border-color:rgba(225,165,88,.67);background:linear-gradient(155deg,#211a19,#141115)}
.aurix-rank-select{display:flex;align-items:center;gap:18px;cursor:pointer}
.aurix-rank-select>input{position:absolute;width:1px;height:1px;opacity:0}
.aurix-rank-radio{width:24px;height:24px;border:1.5px solid rgba(234,199,159,.38);border-radius:50%;flex:none;position:relative}
.aurix-rank-select input:checked+.aurix-rank-radio{border-color:#e7ad64}
.aurix-rank-select input:checked+.aurix-rank-radio:after{content:'';position:absolute;inset:5px;border-radius:50%;background:#e7ad64}
.aurix-rank-select input:focus-visible+.aurix-rank-radio{outline:3px solid rgba(247,190,113,.5);outline-offset:4px}
.aurix-rank-text{display:flex;flex-direction:column;gap:7px;min-width:0}
.aurix-rank-text strong{font-size:1.32rem;color:#fff6ec;line-height:1.18}
.aurix-rank-text small{font-size:.96rem;line-height:1.5;color:#bfb0a6}
.aurix-rank-toggle{margin:18px 0 0 42px;padding:7px 0;display:inline-flex;align-items:center;gap:11px;color:#e5ae6f;background:none;border:0;font:inherit;font-weight:720;font-size:.88rem;cursor:pointer}
.aurix-rank-toggle>span{font-size:1.2rem;transition:transform .22s ease}
.aurix-rank-toggle[aria-expanded=true]>span{transform:rotate(180deg)}
.aurix-rank-accordion{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s ease,opacity .2s ease}
.aurix-rank-card.is-expanded .aurix-rank-accordion{grid-template-rows:1fr;opacity:1}
.aurix-rank-accordion-inner{min-height:0;overflow:hidden;margin:0 0 0 42px;color:#ccbdb0}
.aurix-rank-accordion-inner p{margin:18px 0 8px;color:#e7d8c8;font-size:.94rem}
.aurix-rank-accordion-inner ul{margin:0 0 12px;padding-left:20px;display:grid;gap:8px;font-size:.91rem;line-height:1.55}
.aurix-rank-accordion-inner li::marker{color:#dc9f58}
.aurix-rank-accordion-inner small{font-size:.79rem;color:#a99b92;display:block;line-height:1.65;padding:8px 0 12px}
body[data-page="application-new"] .flow-form-shell{max-width:1120px}
body[data-page="application-new"] .flow-form{padding:clamp(22px,4vw,49px)}
body[data-page="application-new"] .flow-form [data-flow-fields]{gap:30px}
body[data-page="application-new"] .flow-field>span,body[data-page="application-new"] .flow-choice-field legend{font-size:1.04rem;line-height:1.4;font-weight:690}
body[data-page="application-new"] .flow-field small{font-size:.88rem;line-height:1.6}
body[data-page="application-new"] .flow-field input:not([type=radio]),body[data-page="application-new"] .flow-field select{min-height:55px;border-radius:10px;font-size:1rem;padding-inline:18px}
body[data-page="application-new"] .flow-field textarea{min-height:145px;border-radius:10px;font-size:1rem;line-height:1.65;padding:17px 18px}
body[data-page="application-new"] .flow-field select{cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#dca461 50%),linear-gradient(135deg,#dca461 50%,transparent 50%);background-position:calc(100% - 22px) 51%,calc(100% - 16px) 51%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:43px}
body[data-page="application-new"] .flow-inline-choices{gap:13px}
body[data-page="application-new"] .flow-inline-choice span{padding:17px 21px;font-size:.96rem;line-height:1.5;border-radius:11px;transition:background .18s,border-color .18s}
@media(max-width:1020px){.aurix-support-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.aurix-support-options{grid-template-columns:1fr;gap:12px}body[data-page="support"] .aurix-support-card{min-height:0;padding:22px 23px}body[data-page="ticket-new"] .aurix-ticket-choice{min-height:0}.aurix-rank-card{padding:22px 18px 16px}.aurix-rank-text strong{font-size:1.16rem}.aurix-rank-text small{font-size:.9rem}.aurix-rank-select{gap:13px}.aurix-rank-toggle,.aurix-rank-accordion-inner{margin-left:37px}.aurix-rank-field legend{font-size:1.14rem!important}}
/* Ticket choice actions must not inherit application labels. */
body[data-page="ticket-new"] .aurix-ticket-choice::after{content:"CREATE TICKET  →"}
/* Stage 6.1 — Creator rank, content format, details & review wizard. */
body[data-page="application-new"] .aurix-media-stage[hidden],body[data-page="application-new"] .aurix-media-progress[hidden],body[data-page="application-new"] .aurix-media-actions[hidden],body[data-page="application-new"] [data-media-previous][hidden],body[data-page="application-new"] [data-media-next][hidden],body[data-page="application-new"] [data-flow-submit-row][hidden]{display:none!important}
.aurix-media-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 36px;padding-bottom:25px;border-bottom:1px solid rgba(240,199,141,.12);scroll-margin-top:115px}
.aurix-media-progress>div{display:flex;align-items:center;gap:11px;font-weight:620;color:#9e918a;font-size:.84rem}
.aurix-media-progress b{width:36px;height:36px;border-radius:50%;background:#242022;border:1px solid rgba(230,196,149,.15);display:grid;place-items:center;color:#ab9b91;font-size:.76rem}
.aurix-media-progress .is-current,.aurix-media-progress .is-completed{color:#f8e7d7}
.aurix-media-progress .is-current b{color:#191214;background:#e4ab66;border-color:#e4ab66}
.aurix-media-progress .is-completed b{background:rgba(222,162,91,.12);color:#efbd7d;border-color:rgba(222,162,91,.4)}
.aurix-step-heading{margin-bottom:30px}.aurix-step-heading>span{color:#e4af6d;font-size:.76rem;font-weight:800;letter-spacing:.17em}.aurix-step-heading h2{font-size:clamp(1.75rem,3vw,2.4rem);margin:11px 0 8px;color:#fff4e8;line-height:1.13;letter-spacing:-.035em}.aurix-step-heading p{font-size:1.02rem;color:#bdaeaa;line-height:1.6;max-width:700px;margin:0}
.aurix-media-actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:28px}.aurix-media-actions [data-media-next]{margin-left:auto;min-width:180px}
.aurix-rank-list{gap:14px}.aurix-rank-card{padding:22px 25px 18px}.aurix-rank-text strong{font-size:1.37rem}
.aurix-rank-criteria{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:14px;align-items:start;margin-top:17px}.aurix-rank-criteria>div{background:rgba(5,7,9,.34);border:1px solid rgba(217,177,117,.13);border-radius:11px;padding:18px 16px 10px;min-width:0}
.aurix-rank-criteria h4{margin:0 0 10px;color:#f9d3a6;font-size:.96rem}.aurix-rank-criteria ul{font-size:.91rem;line-height:1.6}.aurix-rank-or{color:#bba38b;font-weight:800;font-size:.72rem;padding-top:52px;text-align:center}
.aurix-rank-commitment{display:flex;flex-direction:column;gap:4px;border-left:2px solid rgba(234,172,100,.6);padding:10px 15px;margin:18px 0 4px;background:rgba(227,154,72,.045);line-height:1.65;font-size:.92rem}.aurix-rank-commitment strong{color:#efc28b}.aurix-rank-commitment span{color:#c3b2a7}
.aurix-content-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.aurix-content-card{min-width:0;position:relative;display:flex;min-height:230px;flex-direction:column;align-items:flex-start;gap:9px;padding:26px 21px;cursor:pointer;background:linear-gradient(145deg,#1d191c,#111013);border:1px solid rgba(227,186,135,.19);border-radius:15px;transition:border-color .2s,background .2s,transform .2s}
.aurix-content-card:hover{border-color:rgba(228,169,96,.45);background:linear-gradient(145deg,#262024,#141115);transform:translateY(-2px)}
.aurix-content-card:has(input:checked){background:linear-gradient(145deg,#30251f,#161214);border-color:#e1a665}
.aurix-content-card input{position:absolute;width:1px;height:1px;opacity:0}.aurix-content-card:has(input:focus-visible){outline:3px solid #e0ab72;outline-offset:3px}
.aurix-content-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:14px;color:#e4ac6d;background:rgba(229,168,88,.085);margin-bottom:14px}.aurix-content-icon svg{width:34px;height:34px}
.aurix-content-card strong{font-size:1.15rem;color:#fff2e4}.aurix-content-card small{font-size:.91rem;color:#bcaea4;line-height:1.5}.aurix-content-check{margin-top:auto;align-self:flex-end;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(231,192,142,.34);border-radius:50%;color:transparent;font-size:.9rem}.aurix-content-card:has(input:checked) .aurix-content-check{background:#e1a665;border-color:#e1a665;color:#211510}
.aurix-media-details{display:grid;gap:29px}.aurix-review-item{padding:20px 0;border-bottom:1px solid rgba(233,197,154,.13);display:grid;gap:7px}.aurix-review-item>span{font-size:.8rem;letter-spacing:.015em;color:#b5a69b}.aurix-review-item>strong{font-size:1.06rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;color:#f9efe5;font-weight:540}
body[data-page="application-new"] .aurix-media-stage .aurix-rank-field legend,body[data-page="application-new"] .aurix-media-stage .aurix-content-field legend{font-size:1.04rem!important}
@media(max-width:800px){.aurix-content-list{grid-template-columns:1fr}.aurix-content-card{min-height:130px;display:grid;grid-template-columns:62px 1fr;column-gap:16px;row-gap:5px;align-content:center}.aurix-content-icon{grid-row:1/4;grid-column:1;margin:0;width:58px;height:58px}.aurix-content-card strong,.aurix-content-card small,.aurix-content-check{grid-column:2}.aurix-content-check{position:absolute;right:16px;top:18px}.aurix-rank-criteria{grid-template-columns:1fr}.aurix-rank-or{padding:0}.aurix-rank-criteria>div{padding:15px}}
@media(max-width:520px){.aurix-media-progress{gap:4px;margin-bottom:25px}.aurix-media-progress>div{flex-direction:column;gap:6px;font-size:.68rem}.aurix-media-progress b{width:30px;height:30px;font-size:.69rem}.aurix-rank-card{padding:22px 18px 15px}.aurix-step-heading h2{font-size:1.8rem}.aurix-step-heading p{font-size:.94rem}.aurix-media-actions{flex-wrap:wrap}.aurix-media-actions .button{flex:1;min-width:0}.aurix-media-actions [data-media-next]{min-width:125px}}
/* Remove native fieldset chrome from the redesigned content format cards. */
.aurix-content-field{border:0;padding:0;margin:0;min-width:0}
.aurix-content-field legend{display:block;width:100%;padding:0 0 8px;margin:0;color:#efe4db}
.aurix-content-field .aurix-rank-hint{margin-bottom:20px}
/* ============================================================================
   AURIX STAGE 7 — STAFF / NEWS / UHC : presentation-only refinements
   All data hooks, permissions, APIs, forms and button handlers are unchanged.
   ============================================================================ */
/* Staff dashboard — premium internal workspace; no simulated figures. */
body[data-page="staff"] .staff-banner{background-image:linear-gradient(90deg,rgba(10,10,12,.97) 0%,rgba(10,10,12,.88) 48%,rgba(10,10,12,.60)),url('aurix-cw-arena.ff1961b7583e.webp');background-position:center 47%;min-height:310px;display:flex;align-items:center}
body[data-page="staff"] .staff-banner h1{font-size:clamp(2.7rem,4.4vw,4.55rem);font-weight:800;letter-spacing:-.058em;line-height:1.02}
body[data-page="staff"] .staff-banner p{font-size:1rem;line-height:1.75;max-width:680px;color:#c9bab0}
.stage7-title-dot{color:#edb166}
.stage7-staff-identity{display:inline-flex;align-items:center;gap:9px;margin-top:19px;padding:9px 15px;border:1px solid rgba(243,194,128,.18);border-radius:100px;background:rgba(8,9,11,.58);font-size:.76rem;color:#b9a9a2}
.stage7-staff-identity strong{color:#f5dcba}
.stage7-identity-dot,.stage7-workspace-chip span{width:7px;height:7px;flex:none;border-radius:50%;background:#d89b54}
body[data-page="staff"] .staff-dashboard{padding-top:39px}
.stage7-workspace-lead,.stage7-queue-lead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.stage7-workspace-lead h2,.stage7-queue-lead h2{font-size:clamp(1.55rem,2.25vw,2rem);margin:6px 0;letter-spacing:-.035em;color:#f8f0e8}
.stage7-workspace-lead p,.stage7-queue-lead p{margin:0;color:#a99d97;font-size:.85rem;line-height:1.6}
.stage7-workspace-chip{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid rgba(228,186,130,.14);border-radius:100px;padding:10px 15px;background:#131116;font-size:.71rem;color:#bea994}
body[data-page="staff"] .staff-overview-grid{gap:14px;margin-bottom:38px}
body[data-page="staff"] .staff-overview-card{min-height:125px;padding:23px;border:1px solid rgba(226,192,147,.15);border-radius:15px;background:linear-gradient(150deg,#1b1719,#121215);box-shadow:none}
body[data-page="staff"] .staff-overview-card strong{font-size:2.4rem;color:#fff4e7;letter-spacing:-.045em}
body[data-page="staff"] .staff-overview-card span{font-size:.70rem;color:#b4a39b;letter-spacing:.085em}
body[data-page="staff"] .staff-overview-card::after{opacity:.4}
body[data-page="staff"] .staff-toolbar{margin-bottom:16px}
body[data-page="staff"] .staff-tabs{padding:6px;background:#171418;border:1px solid rgba(228,186,130,.13);border-radius:13px;gap:4px}
body[data-page="staff"] .staff-tab{border-radius:9px;min-height:40px;padding-inline:17px;font-weight:760;font-size:.78rem;letter-spacing:.015em}
body[data-page="staff"] .staff-tab.is-active{background:rgba(225,151,72,.13);color:#ffd39d;border-color:rgba(222,166,96,.20);box-shadow:none}
body[data-page="staff"] .staff-queue-pane,body[data-page="staff"] .staff-inspector{background:linear-gradient(160deg,#1a171a,#101115);border:1px solid rgba(222,191,147,.14);border-radius:16px;box-shadow:none}
body[data-page="staff"] .staff-queue-controls{background:#151317;border-bottom-color:rgba(233,191,136,.12);padding:20px}
body[data-page="staff"] .staff-search-field input,body[data-page="staff"] .staff-filter-field select{background:#0e0e11;border:1px solid rgba(243,201,147,.19);border-radius:10px;min-height:46px;font-size:.85rem;color:#f3eae0}
body[data-page="staff"] .staff-panel-head{padding:22px 22px 19px}
body[data-page="staff"] .staff-panel-head h2{font-size:1.4rem;margin-top:6px}
body[data-page="staff"] .staff-panel-head p{color:#a49a95;font-size:.82rem;line-height:1.6}
.stage7-panel-eyebrow{color:#d9aa6e;font-size:.60rem;letter-spacing:.13em;font-weight:800}
body[data-page="staff"] .staff-row{border-color:rgba(233,202,158,.09)}
body[data-page="staff"] .staff-inspector-head{background:#1a171b}
body[data-page="staff"] .staff-access-denied{margin-top:36px;margin-bottom:45px;border-color:rgba(229,189,136,.15);padding:45px;max-width:730px}
/* News — editorial focus, restrained imagery, generous reading sizes. */
body[data-page="news"] .page-hero-news{padding:72px 0 75px;min-height:410px;background-image:linear-gradient(90deg,rgba(10,10,13,.98) 0%,rgba(10,10,13,.88) 45%,rgba(10,10,13,.54)),url('aurix-hub-showcase.89a389e21156.webp');background-position:center 38%}
.stage7-news-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;align-items:end;margin-top:27px}
.stage7-news-hero-copy{max-width:770px}
body[data-page="news"] .page-hero h1{font-size:clamp(3.15rem,5.6vw,6rem);max-width:760px;letter-spacing:-.055em;line-height:1}
body[data-page="news"] .page-hero h1 em,body[data-page="uhc"] .page-hero h1 em{font-style:normal;color:#e8ae68}
body[data-page="news"] .page-hero p{font-size:1rem;line-height:1.75;max-width:630px;color:#d3c2b4}
.stage7-news-hero-aside{border-left:1px solid rgba(238,187,120,.35);padding:8px 0 8px 23px;position:relative}
.stage7-news-hero-aside strong{display:block;color:#f0be80;letter-spacing:.13em;font-size:.66rem}
.stage7-news-hero-aside p{color:#b8aaa1!important;line-height:1.6!important;font-size:.81rem!important;margin:11px 0!important}
.stage7-news-seal{display:block;color:rgba(255,206,145,.24);font-size:2.2rem;font-weight:900;letter-spacing:-.09em;margin-top:17px}
body[data-page="news"] .news-hub{padding-top:60px;padding-bottom:90px}
body[data-page="news"] .news-feature{border-radius:18px;overflow:hidden;border-color:rgba(235,194,141,.16);background:#151316;box-shadow:0 24px 64px rgba(0,0,0,.14)}
body[data-page="news"] .news-feature-art{background:linear-gradient(120deg,rgba(17,13,13,.2),rgba(11,12,15,.75)),url('aurix-hub-showcase.89a389e21156.webp') center/cover;min-height:295px}
body[data-page="news"] .news-feature-art span{font-size:5.5rem;opacity:.82;filter:none}
body[data-page="news"] .news-feature-copy{padding:42px}
body[data-page="news"] .news-feature-copy p{font-size:.95rem;color:#c0b1a9;line-height:1.7}
body[data-page="news"] .news-feature-copy h2{color:#fff0df}
body[data-page="news"] .news-list{gap:15px}
body[data-page="news"] .news-item{padding:27px 30px;border:1px solid rgba(226,185,135,.15);background:linear-gradient(150deg,#1b1719,#111113);border-radius:15px;box-shadow:none}
body[data-page="news"] .news-item:hover{border-color:rgba(234,174,102,.37);transform:translateY(-2px)}
body[data-page="news"] .news-item h2{font-size:1.18rem;letter-spacing:-.02em;color:#f9ede0}
body[data-page="news"] .news-item p{font-size:.9rem;line-height:1.7;color:#aea3a0}
body[data-page="news"] .news-section-heading{margin:0 0 23px}
body[data-page="news"] .news-section-heading h2{font-size:clamp(1.8rem,3.2vw,2.65rem);letter-spacing:-.04em;margin-top:8px}
.stage7-news-section-copy{color:#9f9795;font-size:.85rem;margin:6px 0 0;line-height:1.55}
body[data-page="news"] .news-live-note{font-size:.69rem;color:#c3af9d;white-space:nowrap}
body[data-page="news"] .news-live-note span{color:#d49b55;margin-right:7px;font-size:.5rem}
body[data-page="news"] .news-article-body{font-size:1rem;line-height:1.85}
/* UHC calendar — schedule controls retain their original data wiring. */
body[data-page="uhc"] .uhc-page-hero{min-height:430px;padding:80px 0 76px;background-image:linear-gradient(90deg,rgba(9,9,11,.97) 0%,rgba(9,9,11,.83) 45%,rgba(9,9,11,.48)),url('aurix-uhc-cave.918dd4a9a849.webp');background-position:center 57%}
body[data-page="uhc"] .uhc-page-hero h1{font-size:clamp(3rem,5.8vw,5.9rem);letter-spacing:-.059em;line-height:1.04}
body[data-page="uhc"] .uhc-page-hero p{max-width:690px;font-size:1rem;line-height:1.8;color:#d0c1b3}
.stage7-uhc-hero-link{margin-top:23px;min-height:42px;display:inline-flex;gap:13px;align-items:center;border-color:rgba(238,185,115,.26);color:#ffcc92}
body[data-page="uhc"] .uhc-source-pill{font-size:.72rem;background:rgba(15,13,16,.78);border:1px solid rgba(236,186,124,.19);border-radius:100px;padding:12px 15px;color:#e6ccae}
body[data-page="uhc"] .uhc-overview-section{padding-top:37px}
body[data-page="uhc"] .uhc-grid{align-items:stretch;gap:20px}
body[data-page="uhc"] .uhc-feature{background:linear-gradient(95deg,rgba(23,18,18,.94),rgba(14,13,15,.88)),url('aurix-uhc-cave.918dd4a9a849.webp') center/cover;border:1px solid rgba(232,192,140,.15);border-radius:17px;padding:32px;overflow:hidden}
body[data-page="uhc"] .uhc-feature h2{font-size:clamp(2rem,3.5vw,3.15rem);letter-spacing:-.045em;line-height:1.1}
body[data-page="uhc"] .uhc-feature p{max-width:590px;font-size:.91rem;color:#c0b2a6;line-height:1.7}
.stage7-uhc-features{margin-top:29px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.stage7-uhc-features>div{padding:16px 12px;border:1px solid rgba(238,192,140,.14);border-radius:11px;background:rgba(15,13,15,.65);min-width:0}
.stage7-uhc-features span{display:block;color:#d6a35f;font-size:.63rem;font-weight:850;margin-bottom:8px}
.stage7-uhc-features strong{display:block;color:#f9ebdb;font-size:.78rem;line-height:1.3}
.stage7-uhc-features small{display:block;color:#aea29b;font-size:.68rem;line-height:1.5;margin-top:5px}
body[data-page="uhc"] .uhc-next-card{border:1px solid rgba(239,189,122,.17);border-radius:17px;background:linear-gradient(145deg,#211b1b,#101013);padding:30px}
body[data-page="uhc"] .schedule-label{color:#daa25c;letter-spacing:.12em}
body[data-page="uhc"] .uhc-next-card h3{font-size:clamp(1.3rem,2.1vw,1.9rem);letter-spacing:-.028em}
body[data-page="uhc"] .uhc-calendar{border:1px solid rgba(222,186,137,.14);border-radius:17px;background:linear-gradient(145deg,#171519,#101115)}
body[data-page="uhc"] .uhc-calendar-toolbar{padding:22px 25px 19px}
body[data-page="uhc"] .uhc-calendar-tools button{transition:background .15s ease,border-color .15s ease,color .15s ease}
body[data-page="uhc"] .uhc-view-button.is-active{background:rgba(219,151,69,.16);border-color:rgba(241,183,111,.35);color:#ffd49a}
body[data-page="uhc"] .uhc-day-agenda{border:1px solid rgba(222,186,137,.14);border-radius:17px;background:#171519}
body[data-page="uhc"] .uhc-upcoming-list>*,body[data-page="uhc"] .uhc-upcoming-empty{border-color:rgba(226,189,141,.14);border-radius:13px}
body[data-page="uhc"] .section-head h2{font-size:clamp(1.9rem,3vw,2.9rem)}
@media(max-width:1000px){.stage7-news-hero-layout{grid-template-columns:minmax(0,1fr) 235px;gap:25px}.stage7-uhc-features{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.stage7-news-hero-layout{display:block}.stage7-news-hero-aside{display:none}body[data-page="staff"] .staff-banner{min-height:245px}body[data-page="staff"] .staff-overview-grid{gap:9px}body[data-page="staff"] .staff-overview-card{min-height:99px;padding:17px}body[data-page="staff"] .staff-overview-card strong{font-size:1.9rem}.stage7-queue-lead{margin-top:17px}}
@media(max-width:600px){body[data-page="staff"] .staff-banner{min-height:0;padding:49px 0 43px}body[data-page="staff"] .staff-banner h1{font-size:2.5rem}.stage7-workspace-lead,.stage7-queue-lead{align-items:flex-start;flex-direction:column;gap:8px}.stage7-workspace-chip{display:none}body[data-page="staff"] .staff-overview-grid{grid-template-columns:1fr 1fr}body[data-page="staff"] .staff-overview-card{padding:17px}body[data-page="staff"] .staff-toolbar{gap:13px}body[data-page="news"] .page-hero-news{padding:50px 0 55px;min-height:0}body[data-page="news"] .page-hero h1{font-size:2.8rem}body[data-page="news"] .news-hub{padding-top:35px}body[data-page="news"] .news-item{padding:21px 19px}body[data-page="news"] .news-feature-copy{padding:27px}body[data-page="news"] .news-section-heading h2{font-size:1.85rem}.stage7-news-section-copy{font-size:.79rem}body[data-page="news"] .news-live-note{white-space:normal}body[data-page="uhc"] .uhc-page-hero{padding:53px 0 60px;min-height:0}body[data-page="uhc"] .uhc-page-hero h1{font-size:2.9rem}.stage7-uhc-hero-link{font-size:.73rem}body[data-page="uhc"] .uhc-feature,body[data-page="uhc"] .uhc-next-card{padding:23px}.stage7-uhc-features{grid-template-columns:1fr}.stage7-uhc-features>div{padding:12px 14px}body[data-page="uhc"] .uhc-source-pill{font-size:.69rem}body[data-page="uhc"] .uhc-calendar-toolbar{padding:19px}}
/* Keep story dates and categories on separate lines in the narrow metadata column. */
body[data-page="news"] .news-date{display:flex;flex-direction:column;gap:5px;line-height:1.35;min-width:0}
body[data-page="news"] .news-date .news-category{margin-top:0}
@media(max-width:600px){body[data-page="news"] .news-date{gap:3px}}
/* When the case inspector is closed, the staff queue uses the available width. */
@media(min-width:980px){body[data-page="staff"] .staff-workspace:has(.staff-inspector[hidden]){grid-template-columns:minmax(0,1fr)}}
/* Stage 7.1 — understated, accessible motion for progressive dropdown UI. */
.aurix-select-field{display:block;position:relative;min-width:0;width:100%}
.aurix-select-field .aurix-select-native{position:absolute!important;inset:auto auto 0 0!important;width:1px!important;height:1px!important;min-height:0!important;max-width:1px!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important}
.aurix-select-trigger{width:100%;min-height:48px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;font:inherit;font-size:clamp(.9rem,1.2vw,1rem);color:#f7ede0;border:1px solid rgba(232,197,150,.22);border-radius:11px;background:linear-gradient(145deg,#151316,#100f11);cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.aurix-select-trigger:hover{border-color:rgba(224,164,91,.44);background:#1b1616}
.aurix-select-trigger:focus-visible{outline:2px solid #efb66f;outline-offset:3px}
.aurix-select-field.is-open .aurix-select-trigger{border-color:rgba(232,177,107,.65);box-shadow:0 0 0 3px rgba(218,147,66,.10)}
.aurix-select-field.is-placeholder .aurix-select-caption{color:#b5a59b}
.aurix-select-field.is-disabled .aurix-select-trigger{opacity:.55;cursor:not-allowed}
.aurix-select-chevron{color:#dba05c;display:inline-grid;place-items:center;font-size:1.3rem;line-height:1;transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.aurix-select-field.is-open .aurix-select-chevron{transform:rotate(180deg)}
.aurix-select-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aurix-select-popover{position:fixed;z-index:2000;overflow-y:auto;overscroll-behavior:contain;padding:6px;border-radius:12px;border:1px solid rgba(224,166,97,.28);background:#161316;box-shadow:0 18px 46px rgba(0,0,0,.55),0 1px 0 rgba(255,226,192,.06) inset;opacity:0;transform:translateY(-5px) scale(.985);transform-origin:top center;pointer-events:none;transition:opacity .17s ease,transform .17s cubic-bezier(.2,.7,.2,1)}
.aurix-select-popover.is-upward{transform:translateY(5px) scale(.985);transform-origin:bottom center}
.aurix-select-popover.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.aurix-select-option{display:block;width:100%;min-height:41px;padding:10px 12px;border:0;border-radius:8px;background:transparent;text-align:left;font:inherit;font-size:.94rem;line-height:1.4;color:#e7ded6;cursor:pointer;transition:background .13s ease,color .13s ease}
.aurix-select-option:hover,.aurix-select-option:focus-visible{background:rgba(225,156,77,.11);color:#fff9ee;outline:0}
.aurix-select-option[aria-selected="true"]{background:rgba(225,156,77,.15);color:#f9c784}
.aurix-select-option:disabled{opacity:.38;cursor:not-allowed}
/* Existing mobile and account menus already have entrance motion; keep it restrained. */
/* ============================================================================
   STAGE 10.1 — LIVE STAGING VISUAL POLISH
   Actual user-supplied 16x16 Minecraft sprites; layout, motion and honest
   empty-state fixes. Does not change API, authentication or form contracts.
   ============================================================================ */
/* Balanced auth composition: neither card hugs the viewport edge. */
@media(min-width:981px){
 .auth-page{grid-template-columns:minmax(0,550px) minmax(360px,440px);
   gap:clamp(46px,5vw,94px);padding-left:clamp(30px,4vw,68px);
   padding-right:clamp(30px,4vw,68px);justify-content:center}
 .auth-story{justify-self:start;max-width:550px}
 .auth-card{justify-self:end;max-width:440px}
}
/* Original, precise pixel sprites; no enlarged filtered artwork. */
.mode-card .mode-icon{display:grid;place-items:center;overflow:hidden;width:58px;height:58px;
  border-radius:13px;background:linear-gradient(140deg,rgba(69,44,26,.90),rgba(20,18,20,.94));
  border:1px solid rgba(224,166,91,.22);transition:transform .4s cubic-bezier(.2,.75,.22,1),border-color .4s ease,background .4s ease}
.mode-card .mode-icon .mode-item-img,
.mode-card .mode-item-img,
.mode-card-meetup .mode-item-img{width:41px;height:41px;max-width:none;max-height:none;
  transform:none;image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain;
  filter:none;transition:transform .36s cubic-bezier(.2,.75,.22,1)}
/* Gentle but visibly responsive motion. */
.mode-card{transition:transform .46s cubic-bezier(.2,.75,.22,1),border-color .35s ease,
  box-shadow .46s ease,background .36s ease}
.mode-card::before{transition:transform .8s cubic-bezier(.2,.75,.22,1),filter .6s ease;
  will-change:transform;transform-origin:center center}
.mode-card:hover,.mode-card:focus-visible{transform:translateY(-6px);border-color:rgba(238,179,98,.49);
  box-shadow:0 24px 56px rgba(0,0,0,.39),0 0 0 1px rgba(239,175,95,.08)}
.mode-card:hover::before,.mode-card:focus-visible::before{transform:scale(1.065);filter:saturate(.94) brightness(.99)}
.mode-card:hover .mode-icon,.mode-card:focus-visible .mode-icon{transform:translateY(-2px);
  border-color:rgba(235,184,123,.43)}
.mode-card:hover .mode-item-img,.mode-card:focus-visible .mode-item-img{transform:scale(1.06)}
.mode-card-foot b{transition:transform .32s cubic-bezier(.2,.75,.22,1),color .3s ease}
.mode-card:hover .mode-card-foot b,.mode-card:focus-visible .mode-card-foot b{transform:translateX(5px)}
/* Frosted independent social cards, with quiet overlay rather than hard flat stripes. */
.home-social-list{display:grid;gap:12px;border:0}
.home-social-row{position:relative;min-height:87px;padding:14px 19px;overflow:hidden;
  border:1px solid rgba(242,209,172,.12);border-radius:17px;
  background:linear-gradient(115deg,rgba(38,32,32,.58),rgba(24,23,28,.44));
  backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);
  box-shadow:0 8px 23px rgba(0,0,0,.10);
  transition:transform .42s cubic-bezier(.2,.75,.22,1),border-color .4s ease,
    background .4s ease,box-shadow .4s ease}
.home-social-row::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,rgba(234,170,91,.08),transparent 46%);
  opacity:0;transition:opacity .38s ease}
.home-social-row>*{position:relative;z-index:1}
.home-social-row:hover,.home-social-row:focus-visible{transform:translateY(-3px);
  border-color:rgba(232,172,100,.31);
  background:linear-gradient(115deg,rgba(48,38,35,.71),rgba(30,27,30,.63));
  box-shadow:0 14px 37px rgba(0,0,0,.22)}
.home-social-row:hover::before,.home-social-row:focus-visible::before{opacity:1}
.home-social-icon{width:53px;height:53px;border-radius:13px}
.home-social-arrow{transition:transform .36s ease,color .3s ease}
.home-social-row:hover .home-social-arrow{transform:translateX(4px)}
@media(max-width:600px){.home-social-row{grid-template-columns:48px minmax(0,1fr) 16px;
  padding:12px 13px;gap:12px;min-height:78px}.home-social-icon{width:48px;height:48px}}
/* Existing layered shorthand sized only the last layer. After background-image
   overrides, the photo fell back to native dimensions and repeated/tiled. */
body[data-page="news"] .page-hero,
body[data-page="support"] .page-hero{background-size:cover;background-repeat:no-repeat;background-attachment:scroll}
body[data-page="news"] .page-hero{background-position:center 44%}
body[data-page="support"] .page-hero{background-position:center 48%}
@media(max-width:650px){
 body[data-page="news"] .page-hero{background-position:52% 44%}
 body[data-page="support"] .page-hero{background-position:57% 48%}
 .mode-card .mode-icon{width:50px;height:50px}
 .mode-card .mode-item-img,.mode-card .mode-icon .mode-item-img{width:35px;height:35px}
}
/* Podium/position placeholders stay visible until genuine ranking data exists. */
.leaderboards-page .leaderboard-podium-placeholder{min-height:184px}
.leaderboards-page .your-rank-card{display:flex;gap:18px;min-height:90px;
  border:1px solid rgba(235,191,130,.16);border-radius:14px;
  background:linear-gradient(118deg,rgba(32,25,25,.94),rgba(18,17,20,.96))}
.leaderboards-page .your-rank-card[hidden]{display:none}
.leaderboards-page .your-rank-card a{color:#f4bf79;font-size:.8rem;font-weight:750}
.leaderboards-page .your-rank-card a:hover{text-decoration:underline}
/* Stage 10.3 — deliberately visible, elegant scroll choreography.
   JS enables the hidden pre-reveal state only after it is running; cards remain
   accessible if scripts fail, and OS reduced-motion settings are respected.
   Keyframes (rather than opacity transitions) prevent card hover CSS from
   swallowing the entrance and let the 3 desktop columns visibly cascade. */
/* Keep gamecards visible without JavaScript, unlike the legacy .reveal. */
.mode-grid .mode-card.reveal { opacity:1; transform:none; filter:none }
.mode-grid .mode-card.reveal:hover,
.mode-grid .mode-card.reveal:focus-visible {transform:translate3d(0,-7px,0)}
body.aurix-mode-motion .mode-grid .mode-card.reveal:not(.is-visible) {
    opacity: 0;
    transform: translate3d(0,72px,0) scale(.95);
    filter: blur(4px) brightness(.55);
  }
  body.aurix-mode-motion .mode-grid .mode-card.reveal.is-visible {
    --mode-stage-delay: 0ms;
    opacity: 1;
    transform: none;
    filter: none;
    animation: aurix-mode-arrive 1.3s cubic-bezier(.18,.72,.17,1) var(--mode-stage-delay) backwards;
    transition: transform .48s cubic-bezier(.17,.72,.18,1),
                filter .42s ease, border-color .36s ease,
                box-shadow .48s ease, background .4s ease;
  }
  body.aurix-mode-motion .mode-grid .mode-card.reveal.is-visible:nth-child(3n + 2) { --mode-stage-delay: 230ms; }
  body.aurix-mode-motion .mode-grid .mode-card.reveal.is-visible:nth-child(3n) { --mode-stage-delay: 460ms; }
  @keyframes aurix-mode-arrive {
    0% { opacity: 0; transform: translate3d(0,72px,0) scale(.95); filter:blur(4px) brightness(.55); }
    38% { opacity: .86; filter:blur(1px) brightness(.85); }
    70% { opacity: 1; filter:blur(0) brightness(.99); }
    100% { opacity: 1; transform:translate3d(0,0,0) scale(1); filter:none; }
  }
  body.aurix-mode-motion .mode-grid .mode-card.reveal.is-visible:hover,
  body.aurix-mode-motion .mode-grid .mode-card.reveal.is-visible:focus-visible {
    transform: translate3d(0,-7px,0);
    transition-delay: 0ms;
  }
@media (min-width:681px) and (max-width:980px) {
  body.aurix-mode-motion .mode-grid .mode-card.reveal.is-visible:nth-child(n) {--mode-stage-delay:0ms}
  body.aurix-mode-motion .mode-grid .mode-card.reveal.is-visible:nth-child(even) {--mode-stage-delay:240ms}
}
@media (max-width:680px) {
  body.aurix-mode-motion .mode-grid .mode-card.reveal.is-visible:nth-child(n) {--mode-stage-delay:0ms}
}
/* In-page opt-out takes priority and applies regardless of system settings. */
body.aurix-mode-motion-off .mode-grid .mode-card.reveal,
body.aurix-mode-motion-off .mode-grid .mode-card.reveal.is-visible {
  opacity:1; filter:none; transform:none; animation:none!important;
  transition:none!important;
}
.mode-motion-toggle {
  align-self:center;flex:0 0 auto;white-space:nowrap;
  border:1px solid rgba(232,181,114,.26);border-radius:999px;
  background:rgba(24,21,22,.7);color:#e9c49a;
  font-size:.7rem;font-weight:700;line-height:1.2;letter-spacing:.045em;
  padding:10px 14px;cursor:pointer;
  transition:background .3s ease,border-color .3s ease,color .3s ease;
}
.mode-motion-toggle:hover,.mode-motion-toggle:focus-visible {
  background:rgba(232,181,114,.12);border-color:rgba(232,181,114,.65);color:#ffe0b8;
}
.mode-motion-toggle:focus-visible {outline:2px solid #e7ad66;outline-offset:3px}
@media(max-width:680px){.mode-motion-toggle{margin-top:14px;align-self:start;padding:9px 13px}}
/* =========================================================================
   STAGE 10.5 — staging-reviewed account hero, consistent application medallions,
   readable back links and default-on application/support motion.
   ========================================================================= */
/* Important: stage 10.4 rendered two background-image layers while the old
   shorthand provided three layer sizes; the photo then tiled at native size.
   Always size every listed layer, never repeat the source photograph. */
body[data-page="tickets"] .account-banner,
body[data-page="applications"] .account-banner,
body[data-page="ticket-new"] .account-banner,
body[data-page="application-new"] .account-banner {
  background-repeat:no-repeat,no-repeat!important;
  background-size:cover,cover!important;
  background-position:center center,center 46%!important;
  background-attachment:scroll,scroll!important;
  isolation:isolate;
}
@media(max-width:700px){
 body[data-page="tickets"] .account-banner,
 body[data-page="applications"] .account-banner,
 body[data-page="ticket-new"] .account-banner,
 body[data-page="application-new"] .account-banner{background-position:center center,53% center!important}
}
/* Visual unity: same medallion as support/tickets, rather than mixed artwork. */
body[data-page="application-new"] .flow-choice-card .aurix-application-medallion {
 width:82px;height:82px;margin:0 0 10px;position:relative;
 transition:transform .36s cubic-bezier(.18,.75,.26,1),border-color .3s ease,box-shadow .3s ease;
}
.aurix-application-medallion .aurix-medallion-ring {
 position:absolute;inset:7px;border-radius:50%;border:1.5px solid rgba(231,170,93,.25);pointer-events:none;
}
.aurix-application-medallion .aurix-uhc-host-icon {
 display:block;width:40px;height:40px;object-fit:contain;image-rendering:pixelated;
 filter:drop-shadow(0 5px 8px rgba(0,0,0,.5)) drop-shadow(0 0 4px rgba(246,166,76,.33));
}
body[data-page="application-new"] .flow-choice-card:hover .aurix-application-medallion,
body[data-page="application-new"] .flow-choice-card:focus-visible .aurix-application-medallion,
body[data-page="ticket-new"] .flow-choice-card:hover .aurix-gold-medallion,
body[data-page="ticket-new"] .flow-choice-card:focus-visible .aurix-gold-medallion {
 transform:translateY(-3px) scale(1.045);
 border-color:rgba(249,185,105,.62);
 box-shadow:inset 0 0 0 5px rgba(9,8,11,.65),0 0 22px rgba(214,142,59,.14);
}
body[data-page="application-new"] .flow-choice-card,
body[data-page="ticket-new"] .flow-choice-card,
body[data-page="support"] .aurix-support-card {
 transition:transform .34s cubic-bezier(.18,.75,.26,1),background .28s ease,border-color .28s ease,box-shadow .32s ease!important;
}
body[data-page="support"] .aurix-support-card:hover,
body[data-page="support"] .aurix-support-card:focus-within,
body[data-page="application-new"] .flow-choice-card:hover,
body[data-page="application-new"] .flow-choice-card:focus-visible,
body[data-page="ticket-new"] .flow-choice-card:hover,
body[data-page="ticket-new"] .flow-choice-card:focus-visible {transform:translateY(-5px)!important}
/* Low-contrast tiny back/intro copy was difficult to find. */
body[data-page="application-new"] .flow-back-link,
body[data-page="ticket-new"] .flow-back-link {
 display:inline-flex;align-items:center;min-height:42px;
 padding:8px 12px;margin:0 0 16px -12px;
 font-size:clamp(.9rem,1.2vw,.98rem);font-weight:650;letter-spacing:.01em;
 line-height:1.5;color:#e9c5a1;border-radius:9px;
 transition:color .22s ease,background .22s ease,transform .22s ease!important;
}
body[data-page="application-new"] .flow-back-link:hover,
body[data-page="ticket-new"] .flow-back-link:hover {color:#fff0d6;background:rgba(227,169,98,.11);transform:translateX(-3px)}
body[data-page="application-new"] .flow-back-link:focus-visible,
body[data-page="ticket-new"] .flow-back-link:focus-visible{outline:2px solid #edb169;outline-offset:3px}
body[data-page="application-new"] .flow-form-intro,
body[data-page="ticket-new"] .flow-form-intro{font-size:clamp(.9rem,1.15vw,.98rem);color:#cfbfb6;line-height:1.75}
body[data-page="application-new"] .flow-form-intro strong,
body[data-page="ticket-new"] .flow-form-intro strong{color:#f7e5d1}
@media(max-width:410px){
 body[data-page="application-new"] .flow-choice-card .aurix-application-medallion{width:68px;height:68px;grid-column:1;grid-row:1 / 4;margin:0}
 body[data-page="application-new"] .flow-choice-card .aurix-application-medallion svg{width:60px;height:60px}
 body[data-page="application-new"] .flow-choice-card{grid-template-columns:70px 1fr}
 body[data-page="application-new"] .flow-choice-card strong{font-size:.94rem}
}
/* Page cards enter gently when JS attaches; no-JS fallback remains visible. */
body.aurix-subpage-motion .flow-choice-card.aurix-subpage-card:not(.is-motion-visible),
body.aurix-subpage-motion .aurix-support-card.aurix-subpage-card:not(.is-motion-visible){opacity:0;transform:translateY(27px) scale(.978)}
body.aurix-subpage-motion .aurix-subpage-card.is-motion-entering {
 animation:aurixSubpageCardIn .76s cubic-bezier(.21,.77,.3,1) both;
 animation-delay:var(--card-enter-delay,0ms);
}
body.aurix-subpage-motion .aurix-subpage-card.is-motion-visible:not(.is-motion-entering){opacity:1;transform:none;}
@keyframes aurixSubpageCardIn{from{opacity:0;transform:translateY(27px) scale(.978)}to{opacity:1;transform:translateY(0) scale(1)}}
/* Hover never cancels the entrance keyframes; leaving can't restart them. */
body.aurix-subpage-motion .aurix-subpage-card.is-motion-visible:not(.is-motion-entering):hover,
body.aurix-subpage-motion .aurix-subpage-card.is-motion-visible:not(.is-motion-entering):focus-visible,
body.aurix-subpage-motion .aurix-subpage-card.is-motion-visible:not(.is-motion-entering):focus-within {transform:translateY(-4px)!important;}
/* Requested: animations on by default, independently of OS/browser preference.
   The existing gamecard motion opt-out remains available; do not disable
   keyboard interactions or hide content if JavaScript is unavailable. */
/* STAGE 10.6 — icon harmony, publication art, responsive staff queue */
.aurix-application-medallion .aurix-application-mark {position:absolute!important;top:50%;left:50%;width:24px!important;height:31px!important;object-fit:contain;transform:translate(-50%,-50%);filter:brightness(0) saturate(100%) invert(80%) sepia(24%) saturate(939%) hue-rotate(342deg) brightness(102%) contrast(94%) drop-shadow(0 0 3px rgba(255,184,90,.65));pointer-events:none}
.aurix-application-medallion .aurix-uhc-host-icon{width:30px;height:30px;position:relative;filter:sepia(.45) saturate(1.1) drop-shadow(0 0 3px rgba(247,166,74,.4));}
.aurix-application-medallion:has(.aurix-uhc-host-icon)::before{content:"";position:absolute;inset:16px;border:1.6px solid rgba(235,168,90,.65);border-radius:50%;box-shadow:inset 0 0 8px rgba(247,164,85,.09)}
body[data-page="staff"] .staff-row {grid-template-columns:minmax(0,1.5fr) minmax(105px,.7fr) minmax(96px,auto) auto;column-gap:16px;}
body[data-page="staff"] .staff-row > *{min-width:0;}
body[data-page="staff"] .staff-row-status{min-width:max-content;white-space:nowrap;justify-self:end;}
body[data-page="staff"] .staff-row-status .account-status-pill{display:inline-flex;white-space:nowrap;max-width:none;line-height:1.2;font-size:.73rem;padding:6px 13px;text-transform:capitalize;}
body[data-page="staff"] .staff-row .button{white-space:nowrap;min-width:88px;justify-content:center;}
@media(max-width:850px){body[data-page="staff"] .staff-row{grid-template-columns:minmax(0,1fr) max-content;row-gap:6px}body[data-page="staff"] .staff-row-meta{display:none}body[data-page="staff"] .staff-row-status{grid-column:1;grid-row:2;justify-self:start}body[data-page="staff"] .staff-row .button{grid-column:2;grid-row:1/3}}
.stage7-news-seal-logo{width:34px;height:45px;object-fit:contain;opacity:.5;margin-top:17px;filter:brightness(0) saturate(100%) invert(80%) sepia(22%) saturate(934%) hue-rotate(340deg)}
body[data-page="news"] .news-feature-art img.news-feature-logo{display:block;width:115px;height:135px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(246,176,94,.3));opacity:.85;position:relative;z-index:1}
body[data-page="news"] .news-feature-art img.news-feature-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:0}
.news-article-body h2{font-size:1.5rem;color:#fff4e5;margin:26px 0 10px}.news-article-body h3{font-size:1.2rem;color:#f9d19b;margin:19px 0 10px}.news-article-body p,.news-article-body li{line-height:1.7;color:#ded2c7}.news-article-body ul{padding-left:22px;margin:12px 0 20px}.news-article-body strong{color:#fff3db}
.aurix-article-image{margin:25px 0 8px}.aurix-article-image img{display:block;max-width:100%;max-height:520px;object-fit:contain;border:1px solid rgba(231,172,91,.17);border-radius:15px}.aurix-editor-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:9px 0}.aurix-editor-toolbar button{border:1px solid rgba(227,165,83,.3);border-radius:8px;background:#231b18;color:#f1c792;padding:8px 12px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.aurix-editor-toolbar button:hover,.aurix-editor-toolbar button:focus-visible{background:#35251b;border-color:#dfa55c}.aurix-editor-toolbar+textarea{display:block;width:100%}
/* Stage 10.7 — standalone rules page and manager editor; no changes to legacy forms */
body[data-page="rules"] .aurix-rules-hero{min-height:390px;padding:75px 0 66px;background-image:linear-gradient(90deg,rgba(9,9,12,.96),rgba(11,9,11,.81) 52%,rgba(9,9,12,.57)),url('aurix-cw-forest.8329cd6c5e4c.webp');background-size:cover,cover!important;background-repeat:no-repeat,no-repeat!important;background-position:center,center 45%}
.aurix-rules-hero h1{font-size:clamp(2.65rem,5vw,4.7rem);margin:16px 0 12px;line-height:1.09;color:#fff4e6}
.aurix-rules-hero h1 em{font-style:normal;color:#ecac59}
.aurix-rules-hero p{max-width:640px;line-height:1.7;color:#d6c9bd}
.aurix-rules-hero-foot{display:flex;align-items:center;gap:10px;margin-top:25px;font-size:12px;letter-spacing:.08em;color:#edd7b6}
.aurix-rules-live-dot{width:7px;height:7px;border-radius:50%;background:#daa15a;box-shadow:0 0 12px rgba(236,169,87,.3)}
.aurix-rules-layout{display:grid;grid-template-columns:minmax(225px,265px) minmax(0,1fr);gap:25px;align-items:start;padding-top:48px;padding-bottom:85px}
.aurix-rules-sidebar{position:sticky;top:100px;padding:24px 20px!important;border:1px solid rgba(222,167,102,.16);border-radius:18px}
.aurix-rules-sidebar h2{font-size:23px;margin:8px 0 20px}
.aurix-rules-sidebar nav{display:grid;gap:5px}.aurix-rules-filter{display:flex;align-items:center;width:100%;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;color:#c7b8a9;padding:12px 13px;cursor:pointer;font-size:14px;transition:background .3s,border-color .3s,color .3s,transform .3s}
.aurix-rules-filter:hover,.aurix-rules-filter:focus-visible{background:#241d19;color:#fff2df;transform:translateX(3px)}
.aurix-rules-filter.is-active{background:rgba(211,147,75,.12);border-color:rgba(232,161,76,.26);color:#f4ba77;font-weight:750}
.aurix-rules-report{display:flex;justify-content:space-between;gap:8px;margin-top:19px;border-top:1px solid rgba(255,255,255,.1);padding:21px 6px 0;font-size:13px;color:#ecaa67;text-decoration:none}
.aurix-rules-top{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:19px}.aurix-rules-top h2{font-size:clamp(1.65rem,3vw,2.3rem);margin:7px 0 0}
.aurix-rules-search input{background:#101013;border:1px solid rgba(228,171,103,.23);border-radius:12px;padding:13px 16px;color:#f6ebe0;min-width:235px;font-size:14px}.aurix-rules-search input:focus{outline:1px solid #ebac58}
.aurix-rules-panels{display:grid;gap:13px;min-height:140px}.aurix-rule-panel{overflow:hidden;border:1px solid rgba(233,175,112,.17)!important;border-radius:15px!important;transition:border-color .3s,background .3s,transform .3s;animation:aurix-rule-in .55s ease both}
@keyframes aurix-rule-in{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}
.aurix-rule-panel:hover{border-color:rgba(234,168,86,.4)!important}.aurix-rule-panel[open]{border-color:rgba(234,168,86,.39)!important}
.aurix-rule-panel-header{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:92px;padding:20px 26px;cursor:pointer}.aurix-rule-panel-header::-webkit-details-marker{display:none}
.aurix-rule-panel-titleblock{display:grid;gap:9px}.aurix-rule-panel-category{font-size:10px;font-weight:800;letter-spacing:.16em;color:#e2a65d;text-transform:uppercase}.aurix-rule-panel-titleblock strong{font-size:19px;color:#fff3e4;font-weight:750}
.aurix-rule-toggle{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(225,159,80,.25);font-size:23px;color:#ebac60;transition:transform .3s,background .3s}
.aurix-rule-panel[open] .aurix-rule-toggle{transform:rotate(45deg);background:rgba(221,156,81,.13)}
.aurix-rule-panel-body{border-top:1px solid rgba(245,200,150,.09);padding:20px 27px 26px;animation:aurix-rule-in .35s ease both}.aurix-rule-panel-body p{font-size:15px;line-height:1.78;color:#d9cbc0;margin:0 0 11px;white-space:pre-wrap}.aurix-rule-panel-body strong{color:#f0c38c}.aurix-rule-bullet{padding-left:19px;position:relative}.aurix-rule-bullet:before{content:'•';position:absolute;left:1px;color:#e9a758}
.aurix-rules-last-edit{display:block;margin-top:22px;color:#9b8b7d;font-size:11px}.aurix-rules-empty{padding:33px!important;color:#cbbcad;line-height:1.7;border-radius:15px}
.aurix-rules-footnote{margin-top:25px;line-height:1.7;font-size:12px;color:#98897e}
.aurix-staff-top-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:end}
body[data-page="rules-admin"] .account-banner{background-image:linear-gradient(90deg,rgba(10,10,12,.96),rgba(11,10,14,.8)),url('aurix-cw-forest.8329cd6c5e4c.webp');background-size:cover,cover!important;background-repeat:no-repeat,no-repeat!important}
.aurix-rules-editor-wrap{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.5fr);gap:20px;padding-top:40px;padding-bottom:95px}
.aurix-rules-editor-queue,.aurix-rules-editor-form{padding:26px!important;border-radius:16px!important;border:1px solid rgba(232,169,93,.17)!important}
.aurix-rules-editor-queue-top,.aurix-rules-editor-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.aurix-rules-editor-head h2{margin:6px 0 0}
.aurix-rules-editor-list{display:grid;gap:8px}.aurix-rules-editor-item{display:grid;text-align:left;gap:6px;padding:14px 15px;background:#131114;color:#fbf1e5;border:1px solid rgba(215,163,97,.13);border-radius:10px;cursor:pointer;transition:background .25s,border-color .25s}
.aurix-rules-editor-item small{color:#bfae9f}.aurix-rules-editor-item:hover,.aurix-rules-editor-item.is-active{border-color:rgba(235,170,87,.48);background:#241b18}
.aurix-rules-editor-form label{display:grid;gap:9px;color:#e5c6a9;font-size:13px;font-weight:650;margin-bottom:19px}.aurix-rules-editor-form input:not([type=checkbox]),.aurix-rules-editor-form textarea,.aurix-rules-editor-form select{width:100%;background:#0d0c0e;color:#f4e9dd;border:1px solid rgba(222,171,105,.28);border-radius:11px;padding:13px 15px;font:inherit;font-size:15px}
.aurix-rules-editor-form input:focus,.aurix-rules-editor-form textarea:focus,.aurix-rules-editor-form select:focus{outline:1px solid #e2a45c}
.aurix-rules-editor-form textarea{resize:vertical;min-height:210px;line-height:1.7}
.aurix-rules-form-row{display:grid;grid-template-columns:1.6fr .7fr;gap:14px}
.aurix-rules-checks{display:flex;flex-wrap:wrap;gap:30px}.aurix-rules-editor-form .aurix-rules-checks label{display:flex;align-items:center;gap:10px;color:#e0d1c0}
.aurix-rules-draft-pill{border:1px solid rgba(231,178,99,.22);border-radius:30px;padding:7px 12px;color:#efb86f;font-size:11px}
.aurix-rules-editor-help{color:#a99c8b;font-size:12px;line-height:1.65;margin-bottom:22px}
.aurix-rules-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.aurix-rules-editor-actions [role=status]{color:#eaba7c;font-size:13px}
.aurix-rules-history{margin-top:27px;border-top:1px solid rgba(220,166,102,.17);padding-top:18px;color:#c9b6a3}.aurix-rules-history summary{cursor:pointer}.aurix-rules-history-entry{margin:13px 0;font-size:12px}.aurix-rules-history-entry pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#0c0c0e;padding:15px;border-radius:8px}
.aurix-rules-admin-denied{padding:35px!important;margin-top:42px;margin-bottom:55px}
@media(max-width:860px){.aurix-rules-layout{grid-template-columns:1fr}.aurix-rules-sidebar{position:static}.aurix-rules-sidebar nav{display:flex;flex-wrap:wrap}.aurix-rules-filter{width:auto}.aurix-rules-editor-wrap{grid-template-columns:1fr}}
@media(max-width:600px){.aurix-rules-hero{min-height:0!important;padding:48px 0 53px!important}.aurix-rules-hero h1{font-size:2.75rem}.aurix-rules-layout{padding-top:27px}.aurix-rules-top{align-items:stretch;flex-direction:column}.aurix-rules-search input{width:100%;min-width:0}.aurix-rule-panel-header{padding:19px}.aurix-rule-panel-body{padding:18px 20px}.aurix-rules-editor-wrap{padding-top:26px}.aurix-rules-editor-queue,.aurix-rules-editor-form{padding:19px!important}.aurix-rules-form-row{grid-template-columns:1fr}.aurix-staff-top-actions{justify-content:flex-start}}
/* Stage 10.8 — launch-finish polish: centered rule glyph, gold controls and modal. */
.aurix-rule-toggle{position:relative;display:grid;place-items:center;flex:0 0 34px;font-size:0;line-height:1;}
.aurix-rule-toggle::before,.aurix-rule-toggle::after{content:"";position:absolute;top:50%;left:50%;width:13px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%);pointer-events:none;}
.aurix-rule-toggle::after{transform:translate(-50%,-50%) rotate(90deg);}
/* Scrollbars remain unobtrusive and consistent across Chromium/WebKit/Firefox. */
:root{color-scheme:dark;scrollbar-color:#765431 #100e11;scrollbar-width:thin;}
*,*::before,*::after{scrollbar-color:#765431 #100e11;scrollbar-width:thin;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#100e11;border-radius:20px;}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#936736,#654725);border:2px solid #100e11;border-radius:20px;}
::-webkit-scrollbar-thumb:hover{background:#c08b4d;}
::-webkit-scrollbar-corner{background:#100e11;}
/* Keep native keyboard/validation behavior; replace only the unsightly spinner. */
.aurix-number-stepper{display:block;position:relative;width:100%;max-width:100%;}
.aurix-number-stepper>input[type=number]{width:100%;padding-right:52px!important;appearance:textfield;-moz-appearance:textfield;}
.aurix-number-stepper>input[type=number]::-webkit-inner-spin-button,
.aurix-number-stepper>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.aurix-number-buttons{position:absolute;right:3px;top:3px;bottom:3px;width:42px;display:grid;grid-template-rows:1fr 1fr;z-index:2;overflow:hidden;border-left:1px solid rgba(232,169,99,.25);border-radius:0 9px 9px 0;}
.aurix-number-buttons button{position:relative;display:grid;place-items:center;width:100%;min-height:0;min-width:0;padding:0;margin:0;border:0;color:#eaba79;background:#241a16;cursor:pointer;line-height:1;transition:background .18s ease,color .18s ease;}
.aurix-number-buttons button:first-child{border-bottom:1px solid rgba(232,169,99,.2);}
.aurix-number-buttons button:hover{background:#50351f;color:#fff1d9;}
.aurix-number-buttons button:focus-visible{outline:2px solid #ffc176;outline-offset:-2px;z-index:1;}
.aurix-number-buttons button:disabled{cursor:not-allowed;opacity:.48;}
.aurix-number-buttons button::before{content:"";display:block;width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;}
.aurix-number-buttons [data-number-step="up"]::before{border-bottom:6px solid currentColor;}
.aurix-number-buttons [data-number-step="down"]::before{border-top:6px solid currentColor;}
/* Extra mode details reuse the existing join dialog instead of introducing pages. */
.aurix-mode-intro{margin:0 0 19px;padding:0 0 17px;border-bottom:1px solid rgba(236,187,124,.15);}
.aurix-mode-intro[hidden]{display:none!important;}
.aurix-mode-intro p{font-size:.94rem;line-height:1.7;color:#e4d5c4;margin:0 0 12px;}
.aurix-mode-facts{display:flex;gap:7px;flex-wrap:wrap;}
.aurix-mode-facts span{font-size:.69rem;font-weight:750;letter-spacing:.045em;color:#eec08b;padding:7px 10px;border:1px solid rgba(232,170,97,.25);border-radius:20px;background:rgba(209,140,61,.075);}
.aurix-mode-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:14px;}
.aurix-mode-links a{color:#eeb979;font-size:.79rem;font-weight:750;text-decoration:none;}
.aurix-mode-links a:hover,.aurix-mode-links a:focus-visible{color:#fff0d6;text-decoration:underline;}
[data-join-dialog] .dialog-body>p[data-join-copy]{font-size:.87rem;line-height:1.65;color:#baac9e;}
[data-join-dialog] [data-copy-server]{white-space:nowrap;}
@media(max-width:440px){.aurix-number-buttons{width:40px;}.aurix-mode-facts span{font-size:.66rem;}}
/* Keep labels associated with exactly one form input (buttons sit outside labels). */
.flow-field.aurix-number-field > label{font-size:1.04rem;line-height:1.4;font-weight:690;color:#ead9c9;}
.aurix-rules-number-field{display:grid;gap:9px;color:#e5c6a9;font-size:13px;font-weight:650;margin-bottom:19px;}
.aurix-rules-number-field>label{display:block;margin:0;color:inherit;font:inherit;}
