/* Liquid-glass polish: all motion is optional and respects accessibility settings. */
:root { --glass-edge: rgba(255,255,255,.24); --glass-light: rgba(255,255,255,.075); }
body { overflow-x: hidden; }
body::before { content:""; position:fixed; z-index:-2; inset:0; pointer-events:none; background:linear-gradient(112deg,transparent 0 42%,rgba(255,255,255,.028) 49%,transparent 57%); background-size:230% 230%; animation:glass-drift 18s ease-in-out infinite alternate; }
.topbar { position:sticky; top:0; z-index:7; border-radius:0 0 18px 18px; box-shadow:0 15px 42px rgba(0,0,0,.12); }
.topbar,.filters,.recruit-card,.modal,.admin-panel,.stat,.live-metrics div,.wizard-choices button,.mode-choices button,.wizard-slider-block,.country-search,.game-detail { position:relative; overflow:hidden; }
.topbar::after,.filters::after,.recruit-card::after,.modal::after,.admin-panel::after,.stat::after,.wizard-choices button::after,.mode-choices button::after,.wizard-slider-block::after,.country-search::after { content:""; position:absolute; pointer-events:none; inset:0; border-radius:inherit; background:linear-gradient(120deg,rgba(255,255,255,.13),transparent 22% 67%,rgba(255,255,255,.055)); opacity:.82; }
.primary,.secondary,.circle-button,.language-button,.account-button,.discord,.match-button,.admin-action { transition:transform .38s cubic-bezier(.16,1.4,.3,1),box-shadow .38s ease,background .25s ease,border-color .25s ease !important; }
.primary:active,.secondary:active,.circle-button:active,.language-button:active,.account-button:active,.discord:active,.match-button:active,.admin-action:active { transform:translateY(2px) scale(.96) !important; }
.primary:hover { transform:translateY(-3px) scale(1.018); box-shadow:0 12px 26px rgba(255,255,255,.13),0 5px 0 rgba(255,255,255,.16) !important; }
.secondary:hover,.circle-button:hover,.language-button:hover,.account-button:hover,.admin-action:hover { transform:translateY(-2px); border-color:var(--glass-edge)!important; box-shadow:0 12px 24px rgba(0,0,0,.18); }
.hero-copy { animation:rise-in .7s cubic-bezier(.18,1,.3,1) both; }
.hero-art { animation:rise-in .9s .12s cubic-bezier(.18,1,.3,1) both; transform-style:preserve-3d; }
.orbit-a { animation:spin-slow 24s linear infinite; }
.orbit-b { animation:spin-slow 17s linear infinite reverse; }
.squad-card { transform-style:preserve-3d; transition:transform .55s cubic-bezier(.16,1.25,.3,1),box-shadow .55s ease; animation:float-card 6s ease-in-out infinite; }
.card-b { animation-delay:-3s; }
.hero-art:hover .card-a { transform:translate3d(8px,-12px,24px) rotate(2deg); }
.hero-art:hover .card-b { transform:translate3d(-9px,9px,24px) rotate(-2deg); }
.glow-token { animation:token-breathe 2.9s ease-in-out infinite; }
.recruit-card { transform:translateZ(0); transition:transform .42s cubic-bezier(.16,1.28,.3,1),box-shadow .42s ease,border-color .3s ease !important; }
.recruit-card:hover { transform:translateY(-8px) scale(1.012); border-color:var(--glass-edge)!important; box-shadow:0 24px 45px rgba(0,0,0,.32)!important; }
.recruit-card:hover::after { animation:card-glint .8s ease both; }
.filters .search { min-height:58px; display:block; border:1px solid rgba(255,255,255,.12); border-radius:11px; background:rgba(7,7,7,.32); transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease; }
.filters .search:focus-within { border-color:rgba(255,255,255,.5); box-shadow:0 0 0 4px rgba(255,255,255,.055); transform:translateY(-1px); }
.filters .search>span { bottom:13px; left:14px; font-size:20px; line-height:1; color:#f5f5f3; opacity:.72; }
.filters .search input { height:42px; margin-top:15px; border-radius:9px; background:transparent; outline:0; font-size:13px; padding-left:40px; }
.filters select,.filters input,form input,form select,form textarea,.wizard-step select { transition:border-color .25s ease,box-shadow .25s ease,background .25s ease; }
.filters select:focus,.filters input:focus,form input:focus,form select:focus,form textarea:focus,.wizard-step select:focus { outline:0; border-color:rgba(255,255,255,.5); box-shadow:0 0 0 4px rgba(255,255,255,.055); }
.wizard-modal { perspective:1200px; transform-origin:50% 50%; animation:modal-pop .52s cubic-bezier(.18,1.35,.3,1) both; }
.wizard-modal[open] .wizard-step:not([hidden]) { animation:step-in .38s cubic-bezier(.16,1.2,.3,1) both; }
.wizard-choices button,.mode-choices button { transform:translateZ(0); transition:transform .35s cubic-bezier(.16,1.3,.3,1),box-shadow .35s ease,border-color .25s ease,background .25s ease!important; }
.wizard-choices button:hover,.mode-choices button:hover { transform:translateY(-4px) scale(1.018); box-shadow:0 14px 26px rgba(0,0,0,.22)!important; }
.wizard-choices button.selected,.mode-choices button.selected { transform:translateY(-2px); }
.language-choices button::before { margin-right:7px; }.language-choices button:nth-child(1)::before { content:"🀄"; }.language-choices button:nth-child(2)::before { content:"🌐"; }.language-choices button:nth-child(3)::before { content:"🈶"; }
.continent-choices button::before { margin-right:7px; }.continent-choices button:nth-child(1)::before { content:"🌏"; }.continent-choices button:nth-child(2)::before { content:"🌍"; }.continent-choices button:nth-child(3)::before { content:"🍁"; }.continent-choices button:nth-child(4)::before { content:"🌎"; }.continent-choices button:nth-child(5)::before { content:"🌍"; }.continent-choices button:nth-child(6)::before { content:"🌊"; }
.entry-choices button span { animation:icon-bob 2.5s ease-in-out infinite; }.entry-choices button:nth-child(1) span::before { content:"🧭"; font-size:17px; }.entry-choices button:nth-child(2) span::before { content:"✨"; font-size:17px; }.entry-choices button:nth-child(3) span::before { content:"⚡"; font-size:17px; }.entry-choices button span { font-size:0!important; }
.game-choices button::before { margin-right:7px; }.game-choices button:nth-child(1)::before { content:"🎯"; }.game-choices button:nth-child(2)::before { content:"🔫"; }.game-choices button:nth-child(3)::before { content:"⚔️"; }.game-choices button:nth-child(4)::before { content:"🛡️"; }.game-choices button:nth-child(5)::before { content:"🚀"; }.game-choices button:nth-child(6)::before { content:"⛏️"; }
.mode-choices button::before { content:"🎮"; margin-right:5px; font-size:11px; }.wizard-label::before { content:"✦"; margin-right:6px; color:#fff; }.country-search::before { content:"🗺️"; font-size:13px; }.country-search { gap:7px; }.country-search>input { position:relative; z-index:1; }
.rank-display i { box-shadow:inset 0 1px rgba(255,255,255,.62),0 9px 16px rgba(0,0,0,.25); animation:emblem-pulse 2.8s ease-in-out infinite; }
.wizard-slider-block input[type=range]::-webkit-slider-thumb { transition:transform .2s cubic-bezier(.16,1.3,.3,1),box-shadow .2s ease; }.wizard-slider-block input[type=range]:active::-webkit-slider-thumb { transform:scale(1.25); box-shadow:0 0 0 8px rgba(255,255,255,.12); }
.match-list article { transition:transform .3s cubic-bezier(.16,1.25,.3,1),background .3s ease,border-color .3s ease; }.match-list article:hover { transform:translateX(5px); background:rgba(255,255,255,.09); border-color:var(--glass-edge); }
@keyframes rise-in { from { opacity:0; transform:translateY(22px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes modal-pop { from { opacity:0; transform:perspective(1200px) translateY(20px) rotateX(-5deg) scale(.97); } to { opacity:1; transform:perspective(1200px) translateY(0) rotateX(0) scale(1); } }
@keyframes step-in { from { opacity:0; transform:translateX(18px) rotateY(-2deg); } to { opacity:1; transform:translateX(0) rotateY(0); } }
@keyframes float-card { 0%,100% { translate:0 0; } 50% { translate:0 -10px; } }
@keyframes spin-slow { to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes token-breathe { 0%,100% { transform:scale(1); box-shadow:0 0 0 14px rgba(255,255,255,.08),0 0 30px rgba(255,255,255,.12); } 50% { transform:scale(1.09); box-shadow:0 0 0 22px rgba(255,255,255,.035),0 0 44px rgba(255,255,255,.2); } }
@keyframes emblem-pulse { 0%,100% { transform:scale(1); } 50% { transform:scale(1.07) rotate(3deg); } }
@keyframes icon-bob { 0%,100% { transform:translateY(0) rotate(0); } 50% { transform:translateY(-3px) rotate(7deg); } }
@keyframes glass-drift { to { background-position:100% 100%; } }
@keyframes card-glint { from { transform:translateX(-110%); } to { transform:translateX(110%); } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.001ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.001ms!important; } }
@media (max-width:610px) { .filters .search { min-height:51px; }.filters .search input { margin-top:12px; }.topbar { border-radius:0 0 12px 12px; }.recruit-card:hover { transform:translateY(-4px); } }

/* Dense first view: let the live board appear sooner without removing key actions. */
@media (min-width:611px) {
  .hero { min-height:415px; padding-top:22px; padding-bottom:20px; gap:26px; }
  .hero h1 { font-size:clamp(40px,4.25vw,55px); max-width:530px; }
  .hero-text { margin:16px 0; line-height:1.65; max-width:455px; }
  .hero-buttons { gap:9px; }
  .trust { margin-top:15px; }
  .live-metrics { margin-top:15px; max-width:465px; }
  .live-metrics div { padding:9px 11px; }
  .hero-art { height:252px; transform:scale(.8); transform-origin:center; }
  .find-section { padding-top:48px; padding-bottom:72px; }
}

/* Real vector icon assets replace the former game emoji row. */
.game-icon,.rank-icon { display:inline-block; width:1em; height:1em; fill:currentColor; flex:0 0 auto; vertical-align:-.18em; }
.game-icon { width:17px; height:17px; margin-right:7px; }
.game-icon-valorant { color:#ff5f62; }.game-icon-cs2 { color:#eab35b; }.game-icon-lol { color:#d8bd63; }.game-icon-overwatch2 { color:#ff9a4c; }.game-icon-apex { color:#ea6a6f; }.game-icon-minecraft { color:#72b77a; }
.game-name { display:inline-flex; align-items:center; }
.tag.rank { display:inline-flex; align-items:center; gap:4px; }
.tag.rank .rank-icon { width:12px; height:12px; color:var(--game-color,#fff); }
.game-choices button { display:flex; align-items:center; justify-content:flex-start; gap:6px; }
.game-choices button::before { content:none!important; }
.game-choices button .game-icon { width:23px; height:23px; margin:0; }
.game-choices button > span { text-align:left; }
.rank-display i .rank-icon { width:23px; height:23px; fill:currentColor; }

/* Country picker has explicit flags and a spring-open second-level menu. */
.country-picker { position:relative; z-index:5; }
.country-trigger { width:100%; display:flex; align-items:center; gap:9px; border:1px solid rgba(255,255,255,.17); border-radius:10px; min-height:45px; padding:0 12px; background:rgba(8,8,8,.45); color:var(--text); font:700 12px inherit; cursor:pointer; transition:transform .28s cubic-bezier(.16,1.3,.3,1),border-color .25s ease,background .25s ease; }
.country-trigger:hover { transform:translateY(-1px); border-color:rgba(255,255,255,.45); }
.country-trigger #wizard-country-flag { font-size:17px; }.country-trigger #wizard-country-value { flex:1; text-align:left; }.country-trigger b { transition:transform .32s cubic-bezier(.16,1.3,.3,1); }
.country-picker.open .country-trigger { border-color:rgba(255,255,255,.55); background:rgba(255,255,255,.09); }.country-picker.open .country-trigger b { transform:rotate(180deg); }
.country-options { position:absolute; left:0; right:0; top:calc(100% + 7px); max-height:0; overflow:hidden; opacity:0; pointer-events:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; padding:0; border:1px solid transparent; border-radius:12px; background:rgba(18,18,18,.92); backdrop-filter:blur(26px); box-shadow:0 22px 46px rgba(0,0,0,.36); transform-origin:top; transform:translateY(-9px) scale(.98); transition:max-height .42s cubic-bezier(.16,1,.3,1),opacity .22s ease,transform .42s cubic-bezier(.16,1,.3,1),padding .32s ease,border-color .28s ease; }
.country-picker.open .country-options { max-height:280px; overflow:auto; opacity:1; pointer-events:auto; padding:7px; border-color:rgba(255,255,255,.18); transform:translateY(0) scale(1); }
.country-options button { border:1px solid transparent; min-height:37px; border-radius:8px; padding:0 8px; text-align:left; color:var(--text); background:transparent; cursor:pointer; font:650 11px inherit; transition:background .2s ease,transform .25s cubic-bezier(.16,1.3,.3,1),border-color .2s ease; }.country-options button span { margin-right:6px; font-size:14px; }.country-options button:hover,.country-options button.selected { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.16); transform:translateX(2px); }

/* The board keeps its common filters visible; advanced filters expand only on demand. */
.filters { grid-template-columns:minmax(220px,1.35fr) minmax(130px,.78fr) minmax(130px,.78fr) auto; align-items:end; overflow:visible; }
.advanced-filters { position:relative; z-index:4; align-self:end; }.advanced-filters summary { list-style:none; min-height:38px; display:flex; align-items:center; gap:6px; padding:0 12px; border:1px solid rgba(255,255,255,.16); border-radius:9px; background:rgba(8,8,8,.4); color:var(--text); cursor:pointer; font:750 11px inherit; transition:transform .26s cubic-bezier(.16,1.3,.3,1),border-color .24s ease,background .24s ease; }.advanced-filters summary::-webkit-details-marker { display:none; }.advanced-filters summary span { font-size:15px; transition:transform .32s cubic-bezier(.16,1.3,.3,1); }.advanced-filters[open] summary { border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.1); transform:translateY(-1px); }.advanced-filters[open] summary span { transform:rotate(45deg); }
.advanced-content { position:absolute; right:0; top:calc(100% + 8px); width:min(410px,calc(100vw - 40px)); display:grid; grid-template-columns:1.5fr .8fr auto; align-items:end; gap:8px; padding:12px; border:1px solid rgba(255,255,255,.18); border-radius:12px; background:rgba(17,17,17,.94); backdrop-filter:blur(26px); box-shadow:0 22px 46px rgba(0,0,0,.36); transform-origin:top right; animation:filter-unfold .38s cubic-bezier(.16,1.2,.3,1) both; }.advanced-content .reset { padding:0 4px 11px; }.advanced-content label { color:var(--muted); }
.wizard-step.step-transition { animation:step-forward .42s cubic-bezier(.16,1.15,.3,1) both!important; }
@keyframes step-forward { from { opacity:0; transform:translate3d(34px,0,-40px) rotateY(-5deg); filter:blur(3px); } to { opacity:1; transform:translate3d(0,0,0) rotateY(0); filter:blur(0); } }
@keyframes filter-unfold { from { opacity:0; transform:translateY(-10px) scaleY(.78); } to { opacity:1; transform:translateY(0) scaleY(1); } }
@media (max-width:930px) { .filters { grid-template-columns:1fr 1fr 1fr auto; }.advanced-content { right:auto; left:0; } }
@media (max-width:610px) { .filters { grid-template-columns:1fr 1fr; }.filters .search { grid-column:1/-1; }.advanced-filters { grid-column:1/-1; }.advanced-filters summary { width:100%; justify-content:center; }.advanced-content { grid-template-columns:1fr; left:0; right:0; width:auto; }.advanced-content .reset { padding:5px; }.country-options { grid-template-columns:1fr; } }

/* Softer, more translucent glass and deliberately unhurried motion. */
.topbar,.filters,.recruit-card,.modal,.admin-panel,.stat,.notice,.live-metrics div,.wizard-choices button,.mode-choices button,.wizard-slider-block,.country-search,.game-detail { background:rgba(18,18,18,.38)!important; border-color:rgba(255,255,255,.2)!important; }
.topbar { background:rgba(8,8,8,.28)!important; }.filters { background:rgba(18,18,18,.28)!important; }.recruit-card { background:rgba(22,22,22,.32)!important; }
body::before { animation-duration:34s; }.hero-copy { animation-duration:1.35s; }.hero-art { animation-duration:1.7s; }.orbit-a { animation-duration:38s; }.orbit-b { animation-duration:29s; }.squad-card { animation-duration:10s; }.glow-token { animation-duration:5.8s; }.rank-display i { animation-duration:4.8s; }.entry-choices button span { animation-duration:4.2s; }.wizard-modal { animation-duration:.85s; }.wizard-step.step-transition { animation-duration:.7s!important; }.country-options { transition-duration:.65s,.42s,.65s,.5s,.4s; }

/* Compact game launch strip replaces the old hero illustration. */
.game-launcher { padding-top:34px; padding-bottom:24px; border-bottom:1px solid var(--line); }.launcher-head { display:flex; align-items:end; justify-content:space-between; gap:28px; }.launcher-head h1 { margin:0; font-size:clamp(33px,4vw,50px); line-height:.96; letter-spacing:-2.5px; }.launcher-head h1 em { color:#fff; font-style:normal; opacity:.52; }.launcher-head .micro { margin-bottom:11px; }.launcher-stats { margin:0; min-width:370px; }.game-launcher-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:9px; margin-top:24px; }.launcher-game { min-height:66px; display:flex; align-items:center; gap:8px; padding:11px; border:1px solid rgba(255,255,255,.15); border-radius:13px; background:rgba(255,255,255,.035); color:var(--text); text-align:left; cursor:pointer; transition:transform .55s cubic-bezier(.16,1.25,.3,1),background .42s ease,border-color .42s ease,box-shadow .42s ease; }.launcher-game:hover { transform:translateY(-4px) scale(1.02); background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.48); box-shadow:0 15px 28px rgba(0,0,0,.25); }.launcher-game .game-icon { margin:0; width:22px; height:22px; }.launcher-game span { flex:1; font-size:10px; font-weight:850; line-height:1.2; }.launcher-game b { color:var(--muted); font-size:14px; font-weight:500; }

/* Bespoke listboxes replace every public lobby native select. */
.native-picker { position:absolute!important; opacity:0!important; pointer-events:none!important; width:1px!important; height:1px!important; }.custom-picker { position:relative; z-index:5; min-width:0; }.picker-trigger { width:100%; min-height:38px; display:flex; align-items:center; gap:7px; padding:0 10px; border:1px solid rgba(255,255,255,.13); border-radius:8px; background:rgba(6,6,6,.42); color:var(--text); cursor:pointer; font:650 12px inherit; text-align:left; transition:transform .38s cubic-bezier(.16,1.2,.3,1),border-color .32s ease,background .32s ease; }.picker-trigger:hover,.custom-picker.open .picker-trigger { border-color:rgba(255,255,255,.46); background:rgba(255,255,255,.1); }.picker-trigger span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; }.picker-trigger b { font-size:13px; transition:transform .45s cubic-bezier(.16,1.3,.3,1); }.custom-picker.open .picker-trigger b { transform:rotate(180deg); }.picker-trigger .game-icon { margin:0; width:15px; height:15px; }
.picker-menu { position:absolute; left:0; right:0; top:calc(100% + 7px); max-height:0; overflow:hidden; opacity:0; pointer-events:none; display:grid; gap:4px; padding:0; border:1px solid transparent; border-radius:10px; background:rgba(13,13,13,.92); backdrop-filter:blur(30px) saturate(140%); box-shadow:0 20px 42px rgba(0,0,0,.4); transform:translateY(-8px) scale(.98); transform-origin:top; transition:max-height .58s cubic-bezier(.16,1,.3,1),opacity .32s ease,transform .58s cubic-bezier(.16,1,.3,1),padding .45s ease,border-color .35s ease; }.custom-picker.open .picker-menu { max-height:310px; overflow:auto; opacity:1; pointer-events:auto; padding:6px; border-color:rgba(255,255,255,.18); transform:translateY(0) scale(1); }.picker-menu button { display:flex; align-items:center; gap:7px; min-height:34px; padding:0 8px; border:1px solid transparent; border-radius:7px; background:transparent; color:var(--text); font:650 11px inherit; text-align:left; cursor:pointer; transition:transform .36s cubic-bezier(.16,1.25,.3,1),background .26s ease,border-color .26s ease; }.picker-menu button:hover,.picker-menu button.selected { transform:translateX(3px); background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.14); }.picker-menu .game-icon { width:15px; height:15px; margin:0; }
.filters label { position:relative; }.filters .search { z-index:1; }.custom-picker { margin-top:0; }.advanced-content .custom-picker { z-index:8; }
.card-timeframe { display:flex; flex-wrap:wrap; gap:4px 10px; margin:2px 0 12px; color:var(--muted); font-size:9px; line-height:1.5; }.card-timeframe span:last-child { color:#d7d7d3; }

/* Brand and navigation get a quieter, hand-drawn identity. */
.brand-script { position:relative; isolation:isolate; overflow:visible; }.brand-script .brand-icon { color:#fff; animation:brand-mark 5.5s ease-in-out infinite; }.brand-word { position:relative; display:inline-block; font-family:Georgia,"Times New Roman",serif; font-style:italic; font-size:21px; letter-spacing:-1.25px; font-weight:700; color:#f7f7f4; background:linear-gradient(105deg,#fff 10%,#aaa 46%,#fff 72%); background-size:230% 100%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:brand-ink 5s ease-in-out infinite; }.brand-word em { font-style:inherit; }.brand-script::after { content:""; position:absolute; z-index:2; right:-2px; top:-2px; bottom:-2px; width:100%; background:rgba(9,9,9,.9); animation:write-on 1.9s .25s cubic-bezier(.52,0,.16,1) both; }.brand-script::before { content:""; position:absolute; z-index:3; right:-3px; top:50%; width:5px; height:5px; border-radius:50%; background:#fff; box-shadow:0 0 13px rgba(255,255,255,.8); animation:pen-tip 1.9s .25s cubic-bezier(.52,0,.16,1) both; }.nav-item { display:inline-flex!important; align-items:center; gap:6px; }.nav-item i { display:grid; place-content:center; width:16px; height:16px; border:1px solid rgba(255,255,255,.28); border-radius:5px; color:#fff; font-size:9px; font-style:normal; }.nav-item:hover i { background:#fff; color:#090909; }
@keyframes write-on { from { width:100%; } to { width:0; } } @keyframes pen-tip { from { right:calc(100% - 3px); opacity:1; } 90% { opacity:1; } to { right:-3px; opacity:0; } } @keyframes brand-ink { 0%,100% { background-position:0 0; } 50% { background-position:100% 0; } } @keyframes brand-mark { 0%,100% { transform:rotate(0); } 50% { transform:rotate(180deg); } }
@media(max-width:930px){.launcher-head{align-items:flex-start;flex-direction:column}.launcher-stats{min-width:0;width:100%;}.game-launcher-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:610px){.game-launcher{padding-top:24px}.launcher-head h1{font-size:34px}.game-launcher-grid{grid-template-columns:repeat(2,1fr);gap:7px}.launcher-game{min-height:54px}.launcher-stats{grid-template-columns:repeat(3,1fr)}.brand-word{font-size:18px}.brand-script::after{background:rgba(9,9,9,.94)}}

/* Admin has the same visual hierarchy as the lobby, with distinct archive states. */
.admin-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; }.admin-heading h1 { margin:0; }.admin-live { display:inline-flex; align-items:center; gap:7px; color:var(--muted); font-size:11px; }.admin-live i { width:7px; height:7px; border-radius:50%; background:#baf5bc; box-shadow:0 0 0 4px rgba(186,245,188,.12); animation:admin-live 3.2s ease-in-out infinite; }.admin-stat-grid { grid-template-columns:repeat(4,1fr); }.admin-stat-grid .stat { min-height:104px; display:flex; flex-direction:column; justify-content:flex-end; }.admin-stat-grid .stat:nth-child(3) b { color:#dfbf83; }.admin-subtabs { display:flex; gap:7px; margin:-13px 0 16px; }.admin-subtabs button { border:1px solid rgba(255,255,255,.14); border-radius:999px; background:rgba(255,255,255,.03); color:var(--muted); padding:7px 11px; font:750 10px inherit; cursor:pointer; transition:transform .35s cubic-bezier(.16,1.25,.3,1),background .3s ease,border-color .3s ease; }.admin-subtabs button:hover,.admin-subtabs button.active { color:#090909; background:#f5f5f3; border-color:#f5f5f3; transform:translateY(-1px); }.data-table tr { transition:background .25s ease; }.data-table tbody tr:hover { background:rgba(255,255,255,.04); }.data-table small { color:var(--muted); line-height:1.55; }.status.expired { color:#dfbf83; }.admin-empty { text-align:center; color:var(--muted); padding:38px!important; }.admin-panel { box-shadow:0 20px 55px rgba(0,0,0,.18); }
@keyframes admin-live { 0%,100% { transform:scale(1); box-shadow:0 0 0 4px rgba(186,245,188,.12); } 50% { transform:scale(1.18); box-shadow:0 0 0 8px rgba(186,245,188,.02); } }
@media(max-width:610px){.admin-heading{align-items:flex-start;flex-direction:column}.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-subtabs{overflow:auto;padding-bottom:3px}.admin-subtabs button{white-space:nowrap}}

/* Guided flow: a deliberately calm three-step rhythm. */
.wizard-modal { animation-duration:1.35s!important; }.wizard-modal[open] .wizard-step:not([hidden]) { animation-duration:1.05s!important; }.wizard-step.step-transition { animation-duration:1.15s!important; }.country-options { transition-duration:.9s,.55s,.9s,.65s,.5s; }.wizard-close { z-index:15; background:rgba(255,255,255,.08)!important; border:1px solid rgba(255,255,255,.22)!important; transition:transform .45s cubic-bezier(.16,1.3,.3,1),background .35s ease!important; }.wizard-close:hover { transform:rotate(90deg) scale(1.08); background:rgba(255,255,255,.2)!important; }
.continent-choices button::before,.mode-choices button::before { content:none!important; }.continent-choices button { padding-left:12px; }
.country-flag { display:block; width:18px; height:13px; object-fit:cover; border-radius:3px; box-shadow:0 1px 5px rgba(0,0,0,.35); }.country-trigger #wizard-country-flag { width:19px; height:14px; display:block; }.country-options button span { width:19px; height:14px; display:grid; place-content:center; margin-right:6px; }.country-options button span .country-flag { margin:0; }
#wizard-rank-block { display:grid; grid-template-columns:1fr 1fr; column-gap:18px; align-items:end; }.wizard-slider-block .rank-display { grid-column:1/-1; }.wizard-slider-block#rank-block label { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:9px; margin:4px 0 0; min-width:0; }.wizard-slider-block#rank-block label input[type=range] { min-width:0; margin:0; }.wizard-slider-block#rank-block label:first-of-type { color:#cfd1cc; }.wizard-slider-block#rank-block label:last-of-type { color:#fff; }
.wizard-auth-gate { position:absolute; z-index:12; inset:0; display:grid; place-content:center; text-align:center; padding:52px; background:rgba(7,7,7,.78); backdrop-filter:blur(20px) saturate(130%); animation:auth-gate-in .8s cubic-bezier(.16,1.18,.3,1) both; }.wizard-auth-gate[hidden] { display:none; }.wizard-auth-gate b { font-size:23px; letter-spacing:-1px; }.wizard-auth-gate p { max-width:360px; margin:11px auto 19px; color:var(--muted); line-height:1.65; font-size:12px; }.wizard-auth-gate>div { display:flex; justify-content:center; gap:8px; }.wizard-auth-gate button { min-width:110px; }@keyframes auth-gate-in { from { opacity:0; transform:scale(.96); } to { opacity:1; transform:scale(1); } }
@media(max-width:610px){#wizard-rank-block{grid-template-columns:1fr;gap:4px}.wizard-auth-gate{padding:32px 20px}.wizard-auth-gate b{font-size:20px}.wizard-auth-gate>div{flex-direction:column}.wizard-auth-gate button{width:100%}}

/* A restrained split-panel treatment for the onboarding card. */
@media(min-width:760px){.wizard-modal{padding-left:318px;min-height:590px}.wizard-modal::before{content:"OVERSEA\A MATE";white-space:pre;position:absolute;z-index:0;inset:0 auto 0 0;width:258px;padding:38px 27px;background:radial-gradient(circle at 75% 22%,rgba(255,255,255,.17),transparent 22%),radial-gradient(circle at 38% 72%,rgba(116,94,255,.25),transparent 39%),linear-gradient(150deg,#151515,#090909 65%);border-right:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.87);font:800 28px/1.02 Georgia,"Times New Roman",serif;letter-spacing:-1px}.wizard-modal::after{content:"YOUR SQUAD\A STARTS HERE";white-space:pre;position:absolute;z-index:1;left:28px;bottom:35px;width:185px;color:rgba(255,255,255,.52);background:none;font:800 10px/1.55 ui-sans-serif,system-ui;letter-spacing:.14em;opacity:1}.wizard-modal .wizard-top,.wizard-modal .wizard-step,.wizard-modal .wizard-nav{position:relative;z-index:2}.wizard-modal .wizard-close{z-index:14}}

/* Responsive onboarding pass: no overlapping menus, clipped controls, or runaway height. */
.wizard-modal { box-sizing:border-box!important; width:min(960px,calc(100vw - 28px))!important; max-height:calc(100dvh - 24px)!important; min-height:0!important; overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.28) transparent; }
.wizard-modal::-webkit-scrollbar { width:7px; }.wizard-modal::-webkit-scrollbar-thumb { background:rgba(255,255,255,.24); border-radius:99px; }
.wizard-modal .wizard-top { margin-bottom:16px; padding-bottom:12px; }.wizard-modal #wizard-progress { padding-right:34px; }.wizard-modal h2 { font-size:clamp(27px,3.2vw,38px); line-height:1.04; margin:5px 0 6px; }.wizard-modal .wizard-step>p { margin:0 0 13px; line-height:1.55; }
.wizard-modal .language-choices button::before,.wizard-modal .country-search::before { content:none!important; }.wizard-modal .language-choices button { min-height:58px; padding:10px 12px; }.wizard-modal .language-choices small { margin-top:2px; }
.wizard-basics-location:not([hidden]) { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:10px; align-items:start; }.wizard-basics-location h2,.wizard-basics-location>p,.wizard-basics-location .continent-choices { grid-column:1/-1; }.wizard-basics-location h2 { font-size:23px; margin-top:16px; }.wizard-basics-location>p { margin-bottom:10px!important; }.wizard-basics-location .continent-choices { grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; margin-bottom:10px; }.wizard-basics-location .continent-choices button { min-height:42px; padding:8px 5px; font-size:11px; }
.wizard-basics-location .country-search { min-height:44px; margin:0; padding:0 10px; }.wizard-basics-location .country-search input { min-width:0; }.wizard-basics-location .country-picker { min-width:0; }
.wizard-modal .country-options { position:static!important; inset:auto!important; grid-template-columns:1fr!important; width:100%; max-height:0; margin:0; transform:translateY(-5px) scale(.985); box-shadow:none; }.wizard-modal .country-picker.open .country-options { max-height:150px; margin-top:8px; padding:6px; overflow-y:auto; transform:translateY(0) scale(1); }.wizard-modal .country-options button { min-height:32px; }
.wizard-modal .wizard-nav { position:sticky!important; z-index:11!important; bottom:-1px; margin:16px -4px -4px; padding:13px 4px 4px; background:linear-gradient(to bottom,transparent,rgba(11,11,11,.93) 32%); backdrop-filter:blur(8px); }.wizard-modal .wizard-nav button { min-width:102px; }
.wizard-modal .wizard-slider-block { margin-top:13px; padding:13px; }.wizard-modal .wizard-label { margin:14px 0 7px; }.wizard-modal .game-choices { gap:7px; }.wizard-modal .game-choices button { min-height:48px; }.wizard-modal .mode-choices button { padding:7px 9px; }
@media(min-width:760px){.wizard-modal{padding:26px 30px 24px 278px!important}.wizard-modal::before{width:220px!important;padding:32px 24px!important;font-size:25px!important}.wizard-modal::after{left:24px!important;bottom:28px!important}.wizard-modal .wizard-close{position:fixed;right:calc((100vw - min(960px,calc(100vw - 28px)))/2 + 16px);top:calc((100dvh - min(620px,calc(100dvh - 24px)))/2 + 16px)}}
@media(min-width:760px) and (max-width:900px){.wizard-modal{padding-left:238px!important}.wizard-modal::before{width:185px!important}.wizard-modal::after{width:145px!important}.wizard-basics-location .continent-choices{grid-template-columns:repeat(3,1fr)}}
@media(max-width:759px){.wizard-modal{padding:24px 18px 18px!important}.wizard-modal::before,.wizard-modal::after{content:none!important}.wizard-basics-location .continent-choices{grid-template-columns:repeat(3,1fr)}.wizard-modal .wizard-close{position:absolute;right:12px;top:12px}.wizard-modal .wizard-top{padding-right:34px}.wizard-modal .language-choices{grid-template-columns:1fr}.wizard-basics-location:not([hidden]){grid-template-columns:1fr}.wizard-basics-location h2,.wizard-basics-location>p,.wizard-basics-location .continent-choices{grid-column:1}.wizard-modal .country-picker.open .country-options{max-height:170px}}
@media(max-width:460px){.wizard-basics-location .continent-choices{grid-template-columns:repeat(2,1fr)}.wizard-modal h2{font-size:27px}.wizard-modal .wizard-nav{gap:7px}.wizard-modal .wizard-nav button{min-width:0;flex:1}}
@media(max-height:720px) and (min-width:760px){.wizard-modal{padding-top:18px!important;padding-bottom:14px!important}.wizard-modal .wizard-top{margin-bottom:10px}.wizard-modal h2{font-size:29px}.wizard-modal .language-choices button{min-height:52px}.wizard-basics-location h2{margin-top:11px}.wizard-basics-location .continent-choices button{min-height:38px}.wizard-modal .wizard-nav{margin-top:10px}.wizard-modal::after{bottom:18px!important}}
@media(min-width:760px){.wizard-modal .wizard-close{position:absolute;right:14px;top:14px}}

/* Rank interval: two compact endpoints unfold into icon-led vertical lists. */
#wizard-rank-block { display:block!important; overflow:visible; }
#wizard-rank-block[hidden] { display:none!important; }
#wizard-rank-block > label { display:none!important; }
#wizard-rank-block .rank-display { margin-bottom:12px; }
.rank-picker-row { display:grid; grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr); align-items:start; gap:8px; }
.rank-picker { min-width:0; border:1px solid rgba(255,255,255,.15); border-radius:11px; background:rgba(4,4,4,.25); overflow:hidden; transition:border-color .5s ease,background .5s ease,box-shadow .5s ease; }
.rank-picker.open { border-color:color-mix(in srgb,var(--rank-accent) 65%,white 18%); background:rgba(10,10,10,.52); box-shadow:0 14px 34px rgba(0,0,0,.24),inset 3px 0 var(--rank-accent); }
.rank-picker-trigger { width:100%; min-height:57px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:2px 8px; padding:9px 11px; border:0; background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.rank-picker-heading { grid-column:1/-1; color:var(--muted); font-size:8px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.rank-picker-current { min-width:0; display:flex; align-items:center; gap:8px; }
.rank-picker-current .rank-icon { width:20px; height:20px; color:var(--rank-accent); filter:drop-shadow(0 3px 7px color-mix(in srgb,var(--rank-accent) 35%,transparent)); }
.rank-picker-current strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.rank-picker-trigger>b { font-size:14px; font-weight:500; transition:transform .6s cubic-bezier(.16,1.2,.3,1); }
.rank-picker.open .rank-picker-trigger>b { transform:rotate(180deg); }
.rank-picker-menu { position:relative; max-height:0; overflow:hidden; opacity:0; pointer-events:none; padding:0 7px; transform:translateY(-8px); transition:max-height .9s cubic-bezier(.16,1,.3,1),opacity .5s ease,transform .9s cubic-bezier(.16,1,.3,1),padding .7s ease; }
.rank-picker-menu::before { content:""; position:absolute; left:18px; top:7px; bottom:7px; width:2px; border-radius:9px; background:linear-gradient(var(--rank-accent),rgba(255,255,255,.14)); opacity:.75; }
.rank-picker.open .rank-picker-menu { max-height:215px; overflow-y:auto; opacity:1; pointer-events:auto; padding:4px 7px 8px; transform:translateY(0); }
.rank-picker-option { position:relative; width:100%; min-height:31px; display:flex; align-items:center; gap:8px; padding:3px 7px; border:0; border-radius:7px; background:transparent; color:var(--text); text-align:left; cursor:pointer; font:650 10px inherit; transition:transform .36s cubic-bezier(.16,1.25,.3,1),background .3s ease,color .3s ease; }
.rank-picker-option .rank-icon { z-index:1; width:17px; height:17px; padding:2px; border-radius:50%; color:#a6a8a5; background:#181a19; box-shadow:0 0 0 2px rgba(255,255,255,.07); }
.rank-picker-option span { flex:1; }.rank-picker-option i { color:var(--rank-accent); font-style:normal; }
.rank-picker-option:hover,.rank-picker-option.selected { transform:translateX(3px); background:rgba(255,255,255,.09); }
.rank-picker-option.selected .rank-icon { color:var(--rank-accent); background:#202321; box-shadow:0 0 0 2px color-mix(in srgb,var(--rank-accent) 40%,transparent); }
.rank-range-arrow { align-self:28px; display:grid; place-content:center; height:30px; color:rgba(255,255,255,.42); font-size:15px; }
@media(max-width:610px){.rank-picker-row{grid-template-columns:1fr;gap:7px}.rank-range-arrow{display:none}.rank-picker.open .rank-picker-menu{max-height:185px}}

/* Supplied game and rank artwork is rendered as imagery, never recoloured as a generic glyph. */
.game-icon { object-fit:contain; object-position:center; border-radius:4px; }
.rank-icon-real { object-fit:contain; object-position:center; color:initial!important; fill:none!important; filter:drop-shadow(0 4px 7px rgba(0,0,0,.32)); }
.rank-icon-fallback { fill:currentColor; }
.tag.rank .rank-icon-real { width:16px; height:16px; }
.rank-display i .rank-icon-real { width:27px; height:27px; }
.launcher-game .game-icon { width:27px; height:27px; }
.game-choices button .game-icon { width:27px; height:27px; }
.picker-trigger .rank-icon,.picker-menu .rank-icon { width:19px; height:19px; flex:0 0 19px; }

/* One vertical interval: left dots set MIN, right dots set MAX, highlighted rows are the interval. */
#wizard-rank-pickers { display:none!important; }
.rank-range-selector { overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:12px; background:rgba(4,4,4,.29); box-shadow:inset 0 1px rgba(255,255,255,.045); }
.rank-range-trigger { width:100%; min-height:61px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; padding:9px 12px; border:0; background:transparent; color:var(--text); cursor:pointer; text-align:left; }
.rank-range-trigger-label { color:var(--muted); font-size:8px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.rank-range-summary { min-width:0; display:flex; align-items:center; justify-content:center; gap:8px; }
.rank-range-summary>span { min-width:0; display:flex; align-items:center; gap:6px; }
.rank-range-summary .rank-icon { width:24px; height:24px; }
.rank-range-summary strong { max-width:92px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }
.rank-range-summary>i { color:var(--rank-accent); font-style:normal; }
.rank-range-trigger>b { font-size:15px; font-weight:500; transition:transform .75s cubic-bezier(.16,1.15,.3,1); }
.rank-range-selector.open .rank-range-trigger>b { transform:rotate(180deg); }
.rank-range-body { max-height:0; overflow:hidden; opacity:0; pointer-events:none; transform:translateY(-9px); transition:max-height 1s cubic-bezier(.16,1,.3,1),opacity .55s ease,transform 1s cubic-bezier(.16,1,.3,1),padding .8s ease; }
.rank-range-selector.open .rank-range-body { max-height:374px; opacity:1; pointer-events:auto; padding:0 8px 9px; transform:translateY(0); }
.rank-range-guide { display:grid; grid-template-columns:74px 1fr 74px; align-items:center; gap:7px; padding:5px 0 7px; color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.05em; }
.rank-range-guide span:last-child { text-align:right; }.rank-range-guide i { height:1px; background:linear-gradient(90deg,var(--rank-accent),rgba(255,255,255,.18),var(--rank-accent)); opacity:.6; }
.rank-range-list { max-height:294px; overflow-y:auto; padding:3px 1px; border:1px solid rgba(255,255,255,.09); border-radius:9px; background:rgba(3,3,3,.25); scrollbar-width:thin; scrollbar-color:color-mix(in srgb,var(--rank-accent) 55%,#555) transparent; }
.rank-range-row { position:relative; display:grid; grid-template-columns:38px minmax(0,1fr) 38px; align-items:stretch; min-height:39px; isolation:isolate; }
.rank-range-row::after { content:""; position:absolute; z-index:-1; inset:2px 35px; border-radius:7px; background:transparent; transition:background .42s ease,box-shadow .42s ease; }
.rank-range-row.in-range::after { background:linear-gradient(90deg,color-mix(in srgb,var(--rank-accent) 15%,transparent),rgba(255,255,255,.045),color-mix(in srgb,var(--rank-accent) 15%,transparent)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.045); }
.rank-range-rank { min-width:0; display:flex; align-items:center; justify-content:center; gap:8px; padding:3px 7px; color:rgba(255,255,255,.55); transition:color .38s ease,transform .45s cubic-bezier(.16,1.2,.3,1); }
.rank-range-row.in-range .rank-range-rank { color:var(--text); }.rank-range-row:hover .rank-range-rank { transform:scale(1.025); color:#fff; }
.rank-range-rank .rank-icon { width:28px; height:28px; flex:0 0 28px; }
.rank-range-rank>span { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; font-weight:720; }
.rank-bound { position:relative; min-width:38px; min-height:39px; padding:0; border:0; background:transparent; cursor:pointer; }
.rank-bound::before { content:""; position:absolute; left:50%; top:0; bottom:0; width:2px; border-radius:99px; background:rgba(255,255,255,.12); transform:translateX(-50%); transition:background .4s ease,box-shadow .4s ease; }
.rank-range-row.in-range .rank-bound::before { background:color-mix(in srgb,var(--rank-accent) 82%,white 10%); box-shadow:0 0 10px color-mix(in srgb,var(--rank-accent) 42%,transparent); }
.rank-bound span { position:absolute; z-index:2; left:50%; top:50%; width:7px; height:7px; border:2px solid #777; border-radius:50%; background:#171817; transform:translate(-50%,-50%); transition:width .42s cubic-bezier(.16,1.35,.3,1),height .42s cubic-bezier(.16,1.35,.3,1),background .35s ease,border-color .35s ease,box-shadow .35s ease; }
.rank-bound:hover span { width:11px; height:11px; border-color:#fff; }
.rank-range-row.is-min .rank-bound-min span,.rank-range-row.is-max .rank-bound-max span { width:13px; height:13px; border-color:#ecfff9; background:var(--rank-accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--rank-accent) 18%,transparent),0 0 13px color-mix(in srgb,var(--rank-accent) 64%,transparent); }
.rank-range-row:not(.is-min) .rank-bound-min span,.rank-range-row:not(.is-max) .rank-bound-max span { opacity:.62; }
@media(max-width:610px){.rank-range-trigger{grid-template-columns:1fr auto}.rank-range-trigger-label{grid-column:1/-1}.rank-range-summary{justify-content:flex-start}.rank-range-summary strong{max-width:78px}.rank-range-selector.open .rank-range-body{max-height:338px}.rank-range-list{max-height:260px}.rank-range-guide{grid-template-columns:68px 1fr 68px}}

/* Horizontal dual-ended rank interval. */
#wizard-rank-range,.rank-picker-row { display:none!important; }
.rank-horizontal-selector { --rank-min:0%; --rank-max:45%; overflow:hidden; padding:11px 12px 9px; border:1px solid rgba(255,255,255,.15); border-radius:12px; background:rgba(4,4,4,.26); }
.rank-horizontal-values { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:10px; min-height:34px; }
.rank-horizontal-values>span { min-width:0; display:flex; align-items:center; gap:6px; }
.rank-horizontal-values>span:last-child { justify-content:flex-end; text-align:right; }
.rank-horizontal-values small { color:var(--muted); font-size:7px; font-weight:900; letter-spacing:.1em; }
.rank-horizontal-values strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }
.rank-horizontal-values .rank-icon { width:24px; height:24px; flex:0 0 24px; }
.rank-horizontal-values>i { color:var(--muted); font-size:7px; font-weight:850; font-style:normal; letter-spacing:.13em; }
.rank-dual-slider { position:relative; height:38px; margin:2px 18px 1px; }
.rank-dual-rail { position:absolute; z-index:1; left:0; right:0; top:18px; height:4px; border-radius:99px; background:rgba(255,255,255,.14); box-shadow:inset 0 1px 2px rgba(0,0,0,.5); }
.rank-dual-rail span { position:absolute; left:var(--rank-min); right:calc(100% - var(--rank-max)); top:0; bottom:0; border-radius:inherit; background:linear-gradient(90deg,color-mix(in srgb,var(--rank-accent) 72%,white),var(--rank-accent)); box-shadow:0 0 12px color-mix(in srgb,var(--rank-accent) 35%,transparent); }
.rank-dual-slider>input[type=range] { position:absolute; inset:0; width:100%; height:38px; margin:0; padding:0; border:0; appearance:none; -webkit-appearance:none; background:transparent; pointer-events:none; }
.rank-dual-slider>input[type=range]::-webkit-slider-runnable-track { height:4px; background:transparent; }
.rank-dual-slider>input[type=range]::-webkit-slider-thumb { width:20px; height:20px; margin-top:-8px; border:3px solid #f7f8f6; border-radius:50%; appearance:none; -webkit-appearance:none; background:var(--rank-accent); box-shadow:0 0 0 4px rgba(255,255,255,.1),0 5px 13px rgba(0,0,0,.38); pointer-events:auto; cursor:grab; transition:transform .2s ease; }
.rank-dual-slider>input[type=range]:active::-webkit-slider-thumb { transform:scale(1.1); cursor:grabbing; }
.rank-dual-slider>input[type=range]::-moz-range-track { height:4px; background:transparent; }
.rank-dual-slider>input[type=range]::-moz-range-thumb { width:16px; height:16px; border:3px solid #f7f8f6; border-radius:50%; background:var(--rank-accent); box-shadow:0 0 0 4px rgba(255,255,255,.1),0 5px 13px rgba(0,0,0,.38); pointer-events:auto; cursor:grab; }
.rank-horizontal-labels { display:grid; grid-template-columns:repeat(var(--rank-count),minmax(48px,1fr)); gap:3px; overflow-x:auto; padding:3px 0 4px; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.2) transparent; }
.rank-horizontal-node { min-width:48px; min-height:54px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:4px 2px; border:1px solid transparent; border-radius:8px; background:transparent; color:rgba(255,255,255,.4); cursor:pointer; transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease; }
.rank-horizontal-node .rank-icon { width:27px; height:27px; opacity:.55; filter:none; transition:opacity .25s ease,transform .25s ease; }
.rank-horizontal-node span { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:7px; font-weight:750; }
.rank-horizontal-node.in-range { color:var(--text); border-color:rgba(255,255,255,.07); background:color-mix(in srgb,var(--rank-accent) 10%,transparent); }
.rank-horizontal-node.in-range .rank-icon { opacity:1; }.rank-horizontal-node.is-min,.rank-horizontal-node.is-max { border-color:color-mix(in srgb,var(--rank-accent) 48%,white 12%); background:color-mix(in srgb,var(--rank-accent) 18%,transparent); }
.rank-horizontal-node:hover { color:#fff; transform:translateY(-2px); }.rank-horizontal-node:hover .rank-icon { opacity:1; transform:scale(1.06); }

/* Performance pass: retain glass depth while avoiding permanent GPU-heavy work. */
body::before { animation:none!important; background-size:100% 100%!important; }
.brand-script .brand-icon,.brand-word,.rank-display i,.entry-choices button span,.squad-card,.glow-token,.orbit-a,.orbit-b,.admin-live i { animation:none!important; }
.wizard-step.step-transition { filter:none!important; }
.country-options,.picker-menu,.advanced-content,.wizard-auth-gate,.wizard-modal .wizard-nav { backdrop-filter:blur(10px) saturate(112%)!important; -webkit-backdrop-filter:blur(10px) saturate(112%)!important; }
.recruit-card { content-visibility:auto; contain-intrinsic-size:260px; }
.launcher-game,.rank-horizontal-node,.recruit-card { will-change:auto!important; }
@media(max-width:610px){.rank-horizontal-selector{padding:10px 8px 8px}.rank-horizontal-values{grid-template-columns:1fr 1fr}.rank-horizontal-values>i{display:none}.rank-dual-slider{margin-inline:14px}.rank-horizontal-labels{grid-template-columns:repeat(var(--rank-count),52px)}.rank-horizontal-values strong{font-size:9px}}
@media(hover:none){.launcher-game:hover,.recruit-card:hover,.rank-horizontal-node:hover{transform:none!important}}

/* Low-GPU profile: static glass surfaces and cheap compositing on long pages. */
.recruit-card,.wizard-choices button,.mode-choices button,.wizard-slider-block,.country-search,.game-detail,.live-metrics div,.stat,.notice,.admin-panel { backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
.country-options,.picker-menu,.advanced-content,.wizard-auth-gate,.wizard-modal .wizard-nav { backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
.rank-icon-real { filter:none!important; }
.brand-script::after,.brand-script::before { animation:none!important; display:none!important; }
.recruit-card,.launcher-game,.wizard-choices button,.mode-choices button,.rank-horizontal-node { box-shadow:none!important; }
.about,.games-strip,.footer { content-visibility:auto; contain-intrinsic-size:700px; }
html { scroll-behavior:auto; }
@media(max-width:930px){.topbar,.filters,.modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

.topbar,.filters,.modal,.modal::backdrop { backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
.wizard-modal { animation:low-cost-enter .42s ease-out both!important; }
.wizard-modal[open] .wizard-step:not([hidden]),.wizard-step.step-transition { animation:low-cost-step .34s ease-out both!important; filter:none!important; }
.country-options,.picker-menu { transition-duration:.32s!important; }
@keyframes low-cost-enter { from { opacity:0; transform:translateY(10px) scale(.99); } to { opacity:1; transform:none; } }
@keyframes low-cost-step { from { opacity:0; transform:translateX(10px); } to { opacity:1; transform:none; } }

/* Premium monochrome pass: wide layout, restrained local glass, no continuous effects. */
.wrap { max-width:1560px!important; padding-left:clamp(22px,3vw,48px)!important; padding-right:clamp(22px,3vw,48px)!important; }
.topbar,.filters,.modal { background:rgba(13,13,13,.74)!important; border-color:rgba(255,255,255,.14)!important; }
@media(min-width:931px) and (prefers-reduced-motion:no-preference){.topbar,.filters,.modal{backdrop-filter:blur(8px) saturate(105%)!important;-webkit-backdrop-filter:blur(8px) saturate(105%)!important}}
.recruit-card,.launcher-game,.stat,.admin-panel { background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.022))!important; border-color:rgba(255,255,255,.12)!important; }
@media(min-width:1480px){.recruitment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-launcher-grid{gap:12px}.launcher-game{min-height:72px}}

/* Minimal onboarding side rail. */
.wizard-modal::before,.wizard-modal::after { content:none!important; display:none!important; }
.wizard-aside { display:none; }
@media(min-width:760px){
  .wizard-modal { width:min(1080px,calc(100vw - 40px))!important; padding:30px 34px 26px 294px!important; background:rgba(12,12,12,.9)!important; }
  .wizard-aside { position:absolute; z-index:2; inset:0 auto 0 0; width:244px; display:flex; flex-direction:column; padding:31px 27px 28px; border-right:1px solid rgba(255,255,255,.11); background:linear-gradient(165deg,rgba(255,255,255,.065),rgba(255,255,255,.012) 55%),#0a0a0a; }
  .wizard-aside-brand { display:flex; align-items:center; gap:10px; }.wizard-aside-brand>span { width:29px; height:29px; display:grid; place-content:center; border:1px solid rgba(255,255,255,.7); border-radius:50%; font:750 10px Georgia,serif; }.wizard-aside-brand>b { font:italic 700 18px Georgia,serif; letter-spacing:-.8px; }
  .wizard-aside>p { margin:43px 0 32px; max-width:160px; color:rgba(255,255,255,.58); font-size:11px; line-height:1.75; }
  .wizard-aside ol { display:grid; gap:5px; margin:0; padding:0; list-style:none; }.wizard-aside li { display:grid; grid-template-columns:25px 1fr; align-items:center; gap:8px; min-height:38px; padding:0 9px; border-left:1px solid rgba(255,255,255,.13); color:rgba(255,255,255,.35); transition:color .25s ease,border-color .25s ease,background .25s ease; }.wizard-aside li i { font:700 8px ui-monospace,monospace; font-style:normal; }.wizard-aside li span { font-size:10px; font-weight:720; }.wizard-aside li.active { color:#fff; border-color:#fff; background:rgba(255,255,255,.055); }
  .wizard-aside>small { margin-top:auto; color:rgba(255,255,255,.28); font-size:7px; font-weight:800; letter-spacing:.14em; }
  .wizard-modal .wizard-top { border-color:rgba(255,255,255,.1); }.wizard-modal h2 { letter-spacing:-1.6px; }
}
.wizard-choices button,.mode-choices button { border-radius:9px!important; background:rgba(255,255,255,.025)!important; border-color:rgba(255,255,255,.12)!important; }
.wizard-choices button.selected,.mode-choices button.selected { background:#eee!important; color:#0a0a0a!important; border-color:#eee!important; }
.wizard-slider-block,.rank-horizontal-selector { background:rgba(255,255,255,.022)!important; border-color:rgba(255,255,255,.1)!important; }

/* Fast OAuth choices; platform colour is deliberately omitted. */
.oauth-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:2px 0 13px; }
.oauth-button { min-height:47px; display:flex; align-items:center; justify-content:center; gap:9px; padding:0 12px; border:1px solid rgba(255,255,255,.15); border-radius:9px; background:rgba(255,255,255,.035); color:var(--text); text-decoration:none; transition:background .2s ease,border-color .2s ease; }
.oauth-button:hover { background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.38); }.oauth-button.disabled { opacity:.35; cursor:not-allowed; }
.oauth-button b { font-size:10px; }.oauth-mark { width:21px; height:21px; display:grid; place-content:center; border:1px solid rgba(255,255,255,.35); border-radius:50%; font:800 9px ui-sans-serif,system-ui; }.discord-mark { border-radius:6px; }
.auth-divider { display:flex; align-items:center; gap:10px; margin:5px 0 13px; color:var(--muted); font-size:8px; }.auth-divider::before,.auth-divider::after { content:""; flex:1; height:1px; background:rgba(255,255,255,.1); }.oauth-note { margin:-5px 0 12px; color:var(--muted); font-size:9px; text-align:center; }

/* Admin control center. */
.admin-shell { background:radial-gradient(circle at 92% 5%,rgba(255,255,255,.055),transparent 22%),#080808; }
.admin-header { height:78px; border-color:rgba(255,255,255,.1); }.admin-main { padding-top:58px; }
.admin-heading { min-height:124px; align-items:flex-start; padding:0 2px 28px; border-bottom:1px solid rgba(255,255,255,.1); }.admin-heading h1 { font-size:clamp(38px,4vw,57px); letter-spacing:-3px; }.admin-heading .micro { margin-bottom:11px; }.admin-sub { margin-top:12px; }
.admin-heading-side { display:flex; align-items:center; gap:12px; }.admin-heading-side>span:first-child { padding:6px 8px; border:1px solid rgba(255,255,255,.13); border-radius:5px; color:var(--muted); font:750 8px ui-monospace,monospace; letter-spacing:.1em; }
.admin-stat-grid { gap:10px; margin:26px 0 17px; }.admin-stat-grid .stat { min-height:126px; padding:18px; border-radius:10px; position:relative; overflow:hidden; }.admin-stat-grid .stat::before { position:absolute; right:15px; top:14px; color:rgba(255,255,255,.22); font:700 8px ui-monospace,monospace; }.admin-stat-grid .stat:nth-child(1)::before{content:"USERS"}.admin-stat-grid .stat:nth-child(2)::before{content:"ACTIVE"}.admin-stat-grid .stat:nth-child(3)::before{content:"ARCHIVE"}.admin-stat-grid .stat:nth-child(4)::before{content:"TICKETS"}.admin-stat-grid .stat b { font-size:38px; letter-spacing:-2px; }.admin-stat-grid .stat span { font-size:10px; }
.admin-tabs { width:max-content; gap:2px; margin:19px 0; padding:4px; border:1px solid rgba(255,255,255,.1); border-radius:9px; background:rgba(255,255,255,.025); }.admin-tabs button { min-width:104px; border:0; border-radius:6px; background:transparent; padding:9px 13px; }.admin-tabs button.active { background:#eee; color:#080808; }
.admin-subtabs { margin:-9px 0 15px; }.admin-panel { border-radius:10px; }.data-table { min-width:900px; }.data-table th { position:sticky; top:0; z-index:2; padding:14px 15px; background:#111; color:#777; }.data-table td { padding:15px; border-color:rgba(255,255,255,.075); line-height:1.65; }.data-table tbody tr:hover { background:rgba(255,255,255,.035); }.data-table code { color:#ccc; font:500 10px ui-monospace,monospace; }.admin-email { color:#999; }.auth-method { display:inline-block; margin-top:5px; padding:2px 5px; border:1px solid rgba(255,255,255,.1); border-radius:4px; color:#bbb!important; text-transform:uppercase; font-size:7px!important; letter-spacing:.08em; }
.admin-action { border-radius:6px; padding:6px 9px; }.data-table select,.data-table textarea { background:#111; border-color:rgba(255,255,255,.14); border-radius:6px; }
@media(max-width:759px){.wizard-aside{display:none}.oauth-actions{grid-template-columns:1fr}.admin-heading-side{display:none}.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-tabs{width:100%;overflow:auto}.admin-tabs button{flex:1;min-width:95px}}