:root{
  --bg:#05070a;--panel:#0a0e13;--panel2:#0d1219;--line:rgba(255,255,255,.085);
  --text:#f4f5f7;--muted:#8d96a2;--red:#ed1717;--red2:#8d0505;--blue:#3ba3ff;
  --green:#45dc70;--gold:#f0b23b;--header:66px;
  /* Shared RAIET typography tokens. New UI should use these instead of ad-hoc tiny sizes. */
  --font-ui:Segoe UI,Arial,sans-serif;
  --text-xs:10.5px;--text-sm:12px;--text-md:13px;--text-base:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:#05070a;color:var(--text);font-family:var(--font-ui)}
button,input,select,textarea{font-family:var(--font-ui);color:inherit}
button,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
.page-shell{min-height:100vh;background:
linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px);background-size:86px 86px}

/* Short pages end at the viewport edge; long pages keep the footer in flow. */
.page-shell:has(> .site-footer){display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
.page-shell:has(> .site-footer)>main,
.page-shell:has(> .site-footer)>.site-header{flex:0 0 auto}
.page-shell>.site-footer{flex:0 0 auto;margin-top:auto}

/* header */
.site-header{position:sticky;top:0;z-index:60;height:var(--header);display:grid;grid-template-columns:230px 1fr auto;align-items:center;padding:0 34px;border-bottom:1px solid rgba(237,23,23,.24);background:rgba(4,6,9,.97);backdrop-filter:blur(14px)}
.brand{
  display:inline-grid;
  place-items:center;
  justify-self:start;
  width:68px;
  height:48px;
  margin-left:-5px;
  padding:0;
  border-radius:10px;
  transform:none;
  transition:transform .16s ease,filter .16s ease;
}
.brand:hover{transform:translateY(-1px);filter:brightness(1.06)}
.brand-symbol img{display:block;width:64px;height:46px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(237,23,23,.16))}
.brand-r,
.brand-rest{
  color:#f5f6f7;
}
.brand-a-mark{
  position:relative;
  width:26px;
  height:28px;
  display:inline-block;
  margin:0 1px 0 0;
  transform:skew(7deg);
  filter:drop-shadow(0 0 7px rgba(237,23,23,.22));
}
.brand-a-mark .a-left,
.brand-a-mark .a-right,
.brand-a-mark .a-cut{
  position:absolute;
  display:block;
}
.brand-a-mark .a-left{
  left:2px;
  top:1px;
  width:9px;
  height:27px;
  background:linear-gradient(180deg,#ff3d3d 0%,#e41010 57%,#940505 100%);
  clip-path:polygon(48% 0,100% 0,54% 100%,0 100%);
}
.brand-a-mark .a-right{
  right:2px;
  top:1px;
  width:10px;
  height:27px;
  background:linear-gradient(180deg,#ff3535 0%,#e10d0d 58%,#8d0404 100%);
  clip-path:polygon(0 0,52% 0,100% 100%,46% 100%);
}
.brand-a-mark .a-cut{
  left:6px;
  top:15px;
  width:14px;
  height:4px;
  background:#05070a;
  transform:skew(-18deg);
}

.main-nav{height:100%;display:flex;justify-content:center;gap:34px}
.main-nav a{position:relative;display:flex;align-items:center;font-size:10.5px;font-weight:900;letter-spacing:.75px;color:#b9bec5}
.main-nav a.active,.main-nav a:hover{color:white}
.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);box-shadow:0 0 12px rgba(237,23,23,.7)}
.header-actions{display:flex;align-items:center;gap:10px}
.header-search,.header-auth{height:36px;border:1px solid transparent;background:transparent}
.header-search{width:36px;border:0;font-size:22px;color:#cbd0d6}
.header-auth{min-width:106px;padding:0 18px;font-size:10px;font-weight:900;letter-spacing:.55px}
.sign-in{border-color:rgba(255,255,255,.12);background:#0a0d12}
.register{min-width:126px;border-color:#ff2929;background:linear-gradient(110deg,#780505,#d90d0d 70%,#8d0505);box-shadow:0 0 17px rgba(237,23,23,.14)}

/* hero */
.hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(500px,1.18fr) minmax(365px,.86fr) minmax(360px,.9fr) minmax(300px,.72fr);
  min-height:458px;
  padding:0 34px;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(ellipse at 47% 47%,rgba(170,13,20,.15) 0%,rgba(115,8,14,.10) 24%,transparent 57%),
    radial-gradient(ellipse at 57% 45%,rgba(31,49,67,.08) 0%,transparent 58%),
    linear-gradient(90deg,
        #05070a 0%,
        #05070a 20%,
        rgba(5,7,10,.98) 27%,
        rgba(5,7,10,.82) 34%,
        rgba(5,7,10,.44) 41%,
        rgba(5,7,10,.10) 49%,
        rgba(5,7,10,.08) 58%,
        rgba(5,7,10,.30) 67%,
        rgba(5,7,10,.68) 76%,
        rgba(5,7,10,.92) 84%,
        #05070a 94%,
        #05070a 100%
    );
}
.hero-copy{position:relative;z-index:8;align-self:center;padding:22px 20px 26px 10px}
.eyebrow{margin-bottom:10px;color:#bbc1c8;font-size:10px;font-weight:900;letter-spacing:.65px}.eyebrow b{color:var(--red);font-size:15px}
.hero-copy h1{margin:0;max-width:500px;font-size:clamp(52px,4.55vw,77px);line-height:.91;letter-spacing:-2.8px;font-weight:950}
.hero-copy h1 strong{color:var(--red)}
.hero-copy>p{margin:15px 0 17px;color:#b7bec7;font-size:14px;line-height:1.5}
.hero-stats{display:flex;gap:24px;margin-bottom:18px}
.hero-stats>div{display:grid;grid-template-columns:30px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center}
.hero-stats>div+div{border-left:1px solid rgba(255,255,255,.12);padding-left:21px}
.hero-stats span{grid-row:1/3;color:var(--red);font-size:27px}.hero-stats strong{font-size:19px}.hero-stats small{font-size:10px;font-weight:900;color:#858e99;letter-spacing:.55px}
.supported-label{margin-bottom:7px;color:#8f98a3;font-size:10px;font-weight:900;letter-spacing:.6px}
.game-strip{display:grid;grid-template-columns:repeat(5,minmax(86px,1fr));gap:8px;max-width:640px}
.game-tile{position:relative;height:84px;border:1px solid rgba(255,255,255,.1);border-radius:5px;overflow:hidden;background:#0b0e12;box-shadow:0 4px 18px rgba(0,0,0,.22)}
.game-tile img{width:100%;height:100%;object-fit:cover;opacity:.96;filter:saturate(.98) contrast(1.07)}
.game-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 28%,rgba(0,0,0,.14) 52%,rgba(0,0,0,.92) 100%)}
.game-tile span{position:absolute;z-index:2;left:8px;right:8px;bottom:6px;font-size:10px;font-weight:950;text-transform:uppercase;text-shadow:0 1px 6px #000}

/* hero art: no extra red stripe overlay */


.hero-art{
  position:relative;
  z-index:2;
  overflow:visible;
  min-width:340px;
  isolation:isolate;
}
.hero-art::before{
  content:"";
  position:absolute;
  z-index:4;
  inset:-12px -84px -18px -105px;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      #05070a 0%,
      rgba(5,7,10,.99) 8%,
      rgba(5,7,10,.90) 17%,
      rgba(5,7,10,.63) 26%,
      rgba(5,7,10,.28) 35%,
      rgba(5,7,10,.05) 44%,
      rgba(5,7,10,0) 51%,
      rgba(5,7,10,0) 61%,
      rgba(5,7,10,.11) 69%,
      rgba(5,7,10,.38) 77%,
      rgba(5,7,10,.72) 86%,
      rgba(5,7,10,.94) 94%,
      #05070a 100%
    ),
    linear-gradient(180deg,
      #05070a 0%,
      rgba(5,7,10,.78) 5%,
      rgba(5,7,10,.28) 14%,
      rgba(5,7,10,0) 28%,
      rgba(5,7,10,0) 70%,
      rgba(5,7,10,.26) 84%,
      rgba(5,7,10,.78) 94%,
      #05070a 100%
    );
}
.hero-art::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:4% -34% 2% -28%;
  background:
    radial-gradient(ellipse at 49% 44%,rgba(237,23,23,.14),transparent 52%),
    radial-gradient(ellipse at 58% 52%,rgba(74,22,24,.14),transparent 66%);
  filter:blur(34px);
  pointer-events:none;
}
.hero-art img{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:122%;
  height:112%;
  object-fit:cover;
  object-position:center;
  transform:translate(-50%,-50%);
  filter:contrast(1.06) saturate(.94) brightness(.92);
  -webkit-mask-image:radial-gradient(ellipse 72% 88% at 50% 49%,#000 42%,rgba(0,0,0,.94) 57%,rgba(0,0,0,.58) 72%,transparent 100%);
  mask-image:radial-gradient(ellipse 72% 88% at 50% 49%,#000 42%,rgba(0,0,0,.94) 57%,rgba(0,0,0,.58) 72%,transparent 100%);
}
.hero-v{display:none}
.hero-sparks{
  position:absolute;
  z-index:5;
  inset:-6% -10%;
  background-image:radial-gradient(circle,rgba(237,23,23,.85) 0 1px,transparent 1.8px);
  background-size:41px 35px;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 10%,rgba(0,0,0,.7) 36%,transparent 72%);
  mask-image:radial-gradient(ellipse at center,#000 10%,rgba(0,0,0,.7) 36%,transparent 72%);
  opacity:.08;
  pointer-events:none;
}

.panel{border:1px solid var(--line);border-radius:7px;background:linear-gradient(145deg,rgba(12,16,22,.97),rgba(6,9,13,.97));box-shadow:0 12px 34px rgba(0,0,0,.23)}
.find-panel,.activity-panel{position:relative;z-index:9;align-self:center;margin:16px 0;padding:17px}
.find-panel{margin-right:12px}.activity-panel{margin-right:0}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head h2{margin:0;font-size:16px;letter-spacing:.55px}.panel-head p{margin:2px 0 0;color:#88919d;font-size:10px}.panel-head button{border:0;background:transparent;color:#55adf8;font-size:10px;font-weight:900}
.scope-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:11px}.scope-tab{height:33px;border:1px solid rgba(255,255,255,.12);background:#090c11;color:#b9c0c8;font-size:10px;font-weight:900}.scope-tab.active{border-color:#ff2828;background:linear-gradient(90deg,#860505,#d80d0d);color:#fff}
.field{display:block;margin-bottom:9px}.field>span{display:block;margin-bottom:4px;color:#8e97a3;font-size:10px;font-weight:900}.field select{width:100%;height:35px;padding:0 10px;border:1px solid var(--line);border-radius:3px;background:#0a0e13;outline:none}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.squad-size{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.squad-size button{height:32px;border:1px solid rgba(255,255,255,.12);background:#090d12}.squad-size button.active{border-color:#ff2929;background:#a20707;box-shadow:0 0 12px rgba(237,23,23,.16)}
.find-button{position:relative;width:100%;height:41px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #ff2a2a;background:linear-gradient(90deg,#900606,#d50c0c,#8d0505);font-size:12.5px;font-weight:950}.find-button b{position:absolute;right:14px;font-size:22px;font-weight:400}
.advanced-button{width:100%;margin-top:8px;border:0;background:transparent;color:#7e8792;font-size:10px}

.activity-list{display:grid}.activity-item{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;min-height:43px;border-bottom:1px solid rgba(255,255,255,.06)}.activity-icon{width:29px;height:32px;display:grid;place-items:center;border-radius:50%;background:#151a20;color:#d9dde2}.activity-icon.red{color:#ff4040}.activity-icon.blue{color:#65baff}.activity-icon.gold{color:#ffc15b}.activity-item strong{font-size:10px}.activity-item small{color:#7e8791;font-size:10px}.online-total{margin-top:11px;color:#8b949f;font-size:10px}.online-total i{display:inline-block;width:8px;height:8px;margin-right:7px;border:2px solid var(--green);border-radius:50%}

/* dashboard */
.dashboard-grid{display:grid;grid-template-columns:1.12fr .95fr .95fr 1.05fr;gap:12px;padding:14px 34px 0}
.dashboard-panel,.premium-panel{min-height:194px;padding:16px}
.match-list,.squad-list,.leader-list{display:grid}
.match-row{display:grid;grid-template-columns:18px 1fr 28px 1fr 55px 78px 57px;align-items:center;gap:5px;min-height:35px;border-bottom:1px solid rgba(255,255,255,.055);font-size:10px}.match-row small{color:#77818d;font-size:10px}.team-mark{color:#e54}.match-row b{font-size:10px}.win{color:var(--green)}.loss{color:#ff3a3a}
.squad-row{display:grid;grid-template-columns:25px 1fr 32px 55px;align-items:center;gap:7px;min-height:37px}.squad-mark{width:22px;height:22px;display:grid;place-items:center;border-radius:5px;background:#151b21;color:var(--gold)}.squad-row strong,.squad-row small{display:block}.squad-row strong{font-size:10px}.squad-row small{color:#7e8792;font-size:10px}.squad-row>span{font-size:10px}.squad-row button{height:23px;border:1px solid #8f0a0a;background:#270506;color:#ff5757;font-size:10px;font-weight:900}
.leader-row{display:grid;grid-template-columns:16px 25px 1fr 58px 64px;align-items:center;gap:6px;min-height:32px;font-size:10px}.leader-avatar{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#1c2229;font-size:10px}.leader-row small{color:#7e8792;font-size:10px}.leader-row b{color:#ff413c;font-size:10px}

/* premium */
.premium-panel{display:grid;grid-template-columns:1fr 155px;overflow:hidden;background:linear-gradient(135deg,#0b1017 0 56%,#071728)}
.premium-copy{position:relative;z-index:3}.crown{color:var(--gold);font-size:20px}.premium-copy h2{margin:4px 0 6px;font-size:14.5px}.premium-copy p{margin:0 0 8px;color:#9aa3ae;font-size:10px}.premium-copy ul{margin:0 0 10px;padding-left:15px;color:#b8bec6;font-size:10px}.premium-copy li::marker{color:var(--gold)}.premium-copy button{height:27px;padding:0 16px;border:1px solid #2b89d5;background:#0c3d68;color:#dff2ff;font-size:10px;font-weight:900}
.premium-art{position:relative;margin:-16px -16px -16px 0;background:url('/assets/img/premium-soldier.webp') center/cover no-repeat}
.premium-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071728 0%,rgba(7,23,40,.18) 38%,rgba(0,0,0,.08))}

/* bottom */
.bottom-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:12px;padding:12px 34px 14px}.info-panel{padding:15px 18px}.info-panel h2{margin:0 0 13px;font-size:12.5px;letter-spacing:.6px}
.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:11px}.steps>i{color:#8f98a2;font-style:normal;font-size:18px}.step{position:relative;display:grid;grid-template-columns:50px 1fr;align-items:center;gap:10px;padding-top:8px}.step>span{position:absolute;top:2px;left:2px;z-index:3;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:var(--red);font-size:10px;font-weight:900;box-shadow:0 0 8px rgba(237,23,23,.28)}.step>b{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(237,23,23,.8);border-radius:9px;font-size:19px}.step strong,.step small{display:block}.step strong{font-size:10px}.step small{margin-top:3px;color:#858e99;font-size:10px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trust-grid>div{display:grid;grid-template-columns:45px 1fr;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(255,255,255,.05);border-radius:5px}.trust-grid b{width:41px;height:41px;display:grid;place-items:center;border:1px solid rgba(240,178,59,.45);border-radius:8px;color:var(--gold);font-size:18px}.trust-grid strong,.trust-grid small{display:block}.trust-grid strong{font-size:10px}.trust-grid small{margin-top:3px;color:#858e99;font-size:10px}

/* footer */
.site-footer{
  min-height:58px;
  padding:0 34px;
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  color:#6f7884;
  font-size:10px;
  letter-spacing:.5px;
  background:#05070a;
}
.footer-brand{
  display:flex;
  align-items:center;
  gap:15px;
}
.footer-logo{
  position:relative;
  min-width:178px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  margin:0;
  transform:none;
}
.footer-logo::before,.footer-logo::after{content:none!important}

.footer-wordmark{
  position:relative;
  z-index:2;
  display:block;
  width:170px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.035));
}
.footer-brandmark{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:0;
  transform:skew(-7deg);
  font-size:18px;
  line-height:1;
  font-weight:950;
  font-style:italic;
  letter-spacing:-1.35px;
}
.footer-brand-r,
.footer-brand-rest{
  color:#f5f6f7;
}
.footer-brand-a-mark{
  position:relative;
  width:15px;
  height:17px;
  display:inline-block;
  margin:0 1px 0 0;
  transform:skew(7deg);
  filter:drop-shadow(0 0 5px rgba(237,23,23,.18));
}
.footer-brand-a-mark .a-left,
.footer-brand-a-mark .a-right,
.footer-brand-a-mark .a-cut{
  position:absolute;
  display:block;
}
.footer-brand-a-mark .a-left{
  left:1px;
  top:1px;
  width:5px;
  height:15px;
  background:linear-gradient(180deg,#ff3d3d 0%,#e41010 57%,#940505 100%);
  clip-path:polygon(48% 0,100% 0,54% 100%,0 100%);
}
.footer-brand-a-mark .a-right{
  right:1px;
  top:1px;
  width:6px;
  height:15px;
  background:linear-gradient(180deg,#ff3535 0%,#e10d0d 58%,#8d0404 100%);
  clip-path:polygon(0 0,52% 0,100% 100%,46% 100%);
}
.footer-brand-a-mark .a-cut{
  left:4px;
  top:9px;
  width:8px;
  height:3px;
  background:#05070a;
  transform:skew(-18deg);
}
.footer-right{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:9px;
}
.footer-right i{
  font-style:normal;
  color:#d5d8dc;
  font-size:10px;
}

@media(max-width:1350px){
 .site-header{padding:0 22px}.main-nav{gap:20px}
 .hero{grid-template-columns:minmax(455px,1.08fr) minmax(360px,.84fr) minmax(340px,.9fr);padding:0 22px}
 .activity-panel{display:none}
 .dashboard-grid{grid-template-columns:1fr 1fr;padding-left:22px;padding-right:22px}
 .bottom-grid{padding-left:22px;padding-right:22px;grid-template-columns:1fr}
}
@media(max-width:980px){
 .site-header{grid-template-columns:auto auto}.main-nav{display:none}.header-actions{justify-content:end}
 .hero{grid-template-columns:1fr 1fr;padding-bottom:16px}.hero-art{position:absolute;inset:0 0 0 37%;opacity:.35;pointer-events:none}.hero-copy,.find-panel{z-index:8}.find-panel{margin-right:0}
 .game-strip{grid-template-columns:repeat(3,1fr)}
 .dashboard-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
 :root{--header:58px}.site-header{padding:0 13px}.brand{width:54px;height:42px;margin-left:-3px;padding:0}.brand-symbol img{width:52px;height:40px}.brand-a-mark{width:21px;height:23px}.brand-a-mark .a-left,.brand-a-mark .a-right{height:22px}.brand-a-mark .a-cut{top:12px;width:12px;left:5px}.header-search,.sign-in{display:none}.register{min-width:96px;height:33px}
 .hero{display:block;padding:0 13px 14px}.hero-copy{padding:34px 0 20px}.hero-copy h1{font-size:clamp(48px,15vw,66px)}.hero-art{display:none}.hero-stats{display:grid;grid-template-columns:1fr 1fr}.hero-stats>div+div{border-left:0;padding-left:0}.game-strip{grid-template-columns:repeat(2,1fr)}
 .find-panel{margin:0}.field-row{grid-template-columns:1fr}
 .dashboard-grid,.bottom-grid{grid-template-columns:1fr;padding-left:13px;padding-right:13px}
 .steps{grid-template-columns:1fr}.steps>i{transform:rotate(90deg);justify-self:center}.trust-grid{grid-template-columns:1fr}
 .site-footer{grid-template-columns:1fr;padding:12px 13px;text-align:center;gap:8px}.footer-brand,.footer-right{justify-content:center}.footer-logo{margin:0 auto}
}
/* ===== RAIET v1.9 — HERO BACKGROUND + ICONS ===== */

/*
  Desired composition:
  - Left text remains readable.
  - Soldier is NOT a separate center column.
  - Soldier sits behind the left/center hero and is shifted left.
  - Find Your Squad and Live Activity remain untouched on the right.
  - The bottom of the source artwork is hidden so no duplicate PUBG card can appear.
*/
.hero{
  position:relative;
  isolation:isolate;
  grid-template-columns:minmax(520px,1.23fr) minmax(360px,.90fr) minmax(300px,.74fr);
  min-height:460px;
  padding:0 34px;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 38% 44%,rgba(152,8,15,.15),transparent 39%),
    linear-gradient(90deg,
      #05070a 0%,
      rgba(5,7,10,.98) 23%,
      rgba(5,7,10,.84) 31%,
      rgba(5,7,10,.48) 40%,
      rgba(5,7,10,.18) 49%,
      rgba(5,7,10,.62) 61%,
      rgba(5,7,10,.92) 72%,
      #05070a 84%,
      #05070a 100%
    );
}

.hero-copy{
  position:relative;
  z-index:8;
  grid-column:1;
  padding-right:54px;
}

/* Art becomes a background layer behind the left side. */
.hero-art{
  position:absolute;
  z-index:2;
  left:20.5%;
  top:-2%;
  width:45%;
  height:105%;
  min-width:0;
  overflow:hidden;
  pointer-events:none;
}

/* Wide feathering makes the source picture dissolve into the page. */
.hero-art::before{
  content:"";
  position:absolute;
  z-index:4;
  inset:-1px;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      #05070a 0%,
      rgba(5,7,10,.91) 8%,
      rgba(5,7,10,.58) 18%,
      rgba(5,7,10,.16) 30%,
      rgba(5,7,10,0) 44%,
      rgba(5,7,10,0) 67%,
      rgba(5,7,10,.20) 79%,
      rgba(5,7,10,.74) 92%,
      #05070a 100%
    ),
    linear-gradient(180deg,
      rgba(5,7,10,.72) 0%,
      rgba(5,7,10,.07) 13%,
      rgba(5,7,10,0) 28%,
      rgba(5,7,10,0) 72%,
      rgba(5,7,10,.46) 86%,
      #05070a 100%
    );
}

.hero-art::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:8% -12% 10% -12%;
  background:radial-gradient(ellipse at 55% 43%,rgba(237,23,23,.17),transparent 58%);
  filter:blur(28px);
}

/* Important: bottom 17% is faded out, hiding the accidental game-card/PUBG fragment
   that exists inside the current source artwork. */
.hero-art img{
  position:absolute;
  z-index:2;
  left:53%;
  top:44%;
  width:114%;
  height:106%;
  object-fit:cover;
  object-position:center top;
  transform:translate(-50%,-44%);
  filter:contrast(1.06) saturate(.96) brightness(.91);
  -webkit-mask-image:
    linear-gradient(90deg,transparent 0%,#000 13%,#000 86%,transparent 100%),
    linear-gradient(180deg,transparent 0%,#000 7%,#000 72%,rgba(0,0,0,.55) 82%,transparent 96%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(90deg,transparent 0%,#000 13%,#000 86%,transparent 100%),
    linear-gradient(180deg,transparent 0%,#000 7%,#000 72%,rgba(0,0,0,.55) 82%,transparent 96%);
  mask-composite:intersect;
}

.hero-v{display:none}
.hero-sparks{
  position:absolute;
  z-index:5;
  inset:3% 0 12%;
  opacity:.07;
  pointer-events:none;
}

/* Right-hand UI stays in its original functional columns. */
.find-panel{
  position:relative;
  z-index:10;
  grid-column:2;
}

.activity-panel{
  position:relative;
  z-index:10;
  grid-column:3;
}

/* Supported games always stay inside the left content area. */
.game-strip{
  position:relative;
  z-index:9;
  max-width:610px;
  overflow:hidden;
}

/* New clean SVG icon system. */
.stat-svg{
  grid-row:1/3;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
}
.stat-svg img{
  width:27px;
  height:27px;
  display:block;
  filter:invert(24%) sepia(95%) saturate(6558%) hue-rotate(352deg) brightness(102%) contrast(91%);
}
.activity-icon img{
  width:15px;
  height:15px;
  display:block;
  filter:invert(92%) sepia(7%) saturate(150%) hue-rotate(178deg) brightness(99%) contrast(92%);
}
.activity-icon.red img{
  filter:invert(31%) sepia(98%) saturate(4406%) hue-rotate(348deg) brightness(103%) contrast(92%);
}
.activity-icon.blue img{
  filter:invert(66%) sepia(73%) saturate(2090%) hue-rotate(177deg) brightness(101%) contrast(101%);
}
.activity-icon.gold img{
  filter:invert(79%) sepia(73%) saturate(1128%) hue-rotate(341deg) brightness(102%) contrast(101%);
}
.step>b img,
.trust-grid b img{
  width:23px;
  height:23px;
  display:block;
}
.step>b img{
  filter:invert(98%) sepia(2%) saturate(137%) hue-rotate(178deg) brightness(115%) contrast(91%);
}
.trust-grid b img{
  filter:invert(79%) sepia(72%) saturate(1100%) hue-rotate(341deg) brightness(102%) contrast(101%);
}

@media(max-width:1350px){
  .hero{
    grid-template-columns:minmax(455px,1.08fr) minmax(350px,.90fr);
    padding:0 22px;
  }
  .hero-art{
    left:23%;
    width:49%;
  }
  .find-panel{grid-column:2}
  .activity-panel{display:none}
}

@media(max-width:980px){
  .hero{
    grid-template-columns:1fr 1fr;
  }
  .hero-art{
    left:27%;
    width:52%;
    opacity:.36;
  }
}

@media(max-width:680px){
  .hero-art{display:none}
}
/* ===== RAIET v1.10 — HERO ART POSITION/SCALE FIX ===== */

/*
  Move the soldier clearly to the left and make him smaller.
  He should behave as a background visual behind the left hero area,
  without entering the Find Your Squad panel.
*/
.hero-art{
  left:15.5% !important;
  top:2% !important;
  width:39% !important;
  height:96% !important;
}

/* Keep the subject a little smaller inside its container. */
.hero-art img{
  left:52% !important;
  top:47% !important;
  width:98% !important;
  height:96% !important;
  object-fit:cover !important;
  object-position:center top !important;
  transform:translate(-50%,-46%) !important;
  filter:contrast(1.05) saturate(.95) brightness(.90) !important;
}

/* Stronger fade on the right side so the artwork ends before Find Your Squad. */
.hero-art::before{
  background:
    linear-gradient(90deg,
      #05070a 0%,
      rgba(5,7,10,.89) 7%,
      rgba(5,7,10,.48) 18%,
      rgba(5,7,10,.08) 31%,
      rgba(5,7,10,0) 46%,
      rgba(5,7,10,.04) 62%,
      rgba(5,7,10,.34) 74%,
      rgba(5,7,10,.82) 88%,
      #05070a 100%
    ),
    linear-gradient(180deg,
      rgba(5,7,10,.70) 0%,
      rgba(5,7,10,.07) 13%,
      rgba(5,7,10,0) 29%,
      rgba(5,7,10,0) 72%,
      rgba(5,7,10,.45) 87%,
      #05070a 100%
    ) !important;
}

/* Keep left text readable while allowing the art to sit behind it. */
.hero-copy{
  padding-right:78px !important;
}

/* Do not let the right-side UI move because of the background artwork. */
.find-panel{
  grid-column:2 !important;
  position:relative !important;
  z-index:12 !important;
}

.activity-panel{
  grid-column:3 !important;
  position:relative !important;
  z-index:12 !important;
}

@media(max-width:1350px){
  .hero-art{
    left:17% !important;
    width:42% !important;
  }
}

@media(max-width:980px){
  .hero-art{
    left:20% !important;
    width:46% !important;
    opacity:.32 !important;
  }
}

@media(max-width:680px){
  .hero-art{
    display:none !important;
  }
}
/* ===== RAIET v1.11 — FIND YOUR SQUAD PANEL SIZE/POSITION ===== */

/*
  Make the matchmaking panel slightly smaller and move it to the right,
  while keeping Live Activity untouched.
*/
.find-panel{
  width:92% !important;
  max-width:460px !important;
  justify-self:end !important;
  margin-right:4px !important;
  padding:15px !important;
  transform:translateX(18px) !important;
}

/* Slightly compact the internal controls so the card feels tighter. */
.find-panel .panel-head{
  margin-bottom:10px !important;
}

.find-panel .panel-head h2{
  font-size:14px !important;
}

.find-panel .panel-head p{
  font-size:10px !important;
}

.find-panel .scope-tabs{
  margin-bottom:9px !important;
}

.find-panel .scope-tab{
  height:30px !important;
}

.find-panel .field{
  margin-bottom:8px !important;
}

.find-panel .field select{
  height:32px !important;
}

.find-panel .squad-size button{
  height:30px !important;
}

.find-panel .find-button{
  height:39px !important;
  margin-top:3px !important;
}

.find-panel .advanced-button{
  margin-top:6px !important;
}

@media(max-width:1350px){
  .find-panel{
    width:95% !important;
    max-width:440px !important;
    transform:translateX(8px) !important;
  }
}

@media(max-width:980px){
  .find-panel{
    width:100% !important;
    max-width:none !important;
    transform:none !important;
    justify-self:stretch !important;
  }
}
/* ===== RAIET v1.12 — MATCHMAKER + LIVE ACTIVITY ALIGNMENT ===== */

/*
  Keep both right-side cards visually balanced:
  same top/bottom alignment, same overall height,
  and comparable width while preserving their own internal content.
*/
.find-panel,
.activity-panel{
  align-self:center !important;
  min-height:300px !important;
  height:300px !important;
  margin-top:16px !important;
  margin-bottom:16px !important;
}

/* Matchmaker: slightly wider than v1.11 so it visually matches Live Activity. */
.find-panel{
  width:96% !important;
  max-width:470px !important;
  justify-self:end !important;
  transform:translateX(8px) !important;
  display:flex !important;
  flex-direction:column !important;
}

/* Let the controls fill the card evenly instead of looking compressed. */
.find-panel .find-button{
  margin-top:auto !important;
}

.find-panel .advanced-button{
  margin-top:7px !important;
}

/* Live Activity: lock to the same card height and keep content distributed cleanly. */
.activity-panel{
  width:100% !important;
  max-width:none !important;
  display:flex !important;
  flex-direction:column !important;
}

.activity-panel .activity-list{
  flex:1 1 auto !important;
}

.activity-panel .online-total{
  margin-top:auto !important;
  padding-top:9px !important;
}

/* Make the two cards' headers sit on the same visual baseline. */
.find-panel .panel-head,
.activity-panel .panel-head{
  min-height:39px !important;
}

/* At medium desktop widths keep them balanced without forcing overflow. */
@media(max-width:1350px){
  .find-panel,
  .activity-panel{
    height:296px !important;
    min-height:296px !important;
  }

  .find-panel{
    width:100% !important;
    max-width:none !important;
    transform:none !important;
  }
}

@media(max-width:980px){
  .find-panel,
  .activity-panel{
    height:auto !important;
    min-height:0 !important;
  }
}
/* ===== RAIET v1.13 — RIGHT PANELS POSITION + FIELD ALIGNMENT ===== */

/*
  Move BOTH right-side cards a little to the right as one visual group.
  Also remove the previous one-sided transform that made the Find panel
  touch/overlap the Live Activity card.
*/
.find-panel,
.activity-panel{
  transform:translateX(14px) !important;
}

/* Keep a visible gap between the two cards. */
.find-panel{
  width:94% !important;
  max-width:458px !important;
  justify-self:end !important;
  margin-right:10px !important;
}

.activity-panel{
  width:calc(100% - 6px) !important;
  justify-self:end !important;
}

/*
  Fix the fields so every control moves with the panel and remains
  inside its border at exactly the same width.
*/
.find-panel .field,
.find-panel .field-row,
.find-panel .scope-tabs,
.find-panel .squad-size,
.find-panel .find-button,
.find-panel .advanced-button{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

.find-panel .field-row{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}

.find-panel .field select{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

.find-panel .squad-size{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
}

.find-panel .squad-size button{
  width:100% !important;
  min-width:0 !important;
}

/* Prevent the panel borders from visually merging. */
.find-panel,
.activity-panel{
  border-color:rgba(255,255,255,.105) !important;
}

@media(max-width:1350px){
  .find-panel,
  .activity-panel{
    transform:none !important;
  }

  .find-panel{
    width:100% !important;
    max-width:none !important;
    margin-right:0 !important;
  }

  .activity-panel{
    width:100% !important;
  }
}

@media(max-width:980px){
  .find-panel,
  .activity-panel{
    transform:none !important;
  }
}
/* ===== RAIET v1.14 — LIVE ACTIVITY CONTENT FIT ===== */

/*
  Fix the "12,456 users online" line escaping below the Live Activity card.
  Keep the card aligned with Find Your Squad, but compact its internal rows.
*/
.activity-panel{
  overflow:hidden !important;
  padding:15px !important;
}

.activity-panel .panel-head{
  min-height:34px !important;
  margin-bottom:8px !important;
}

.activity-panel .activity-list{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:hidden !important;
}

.activity-panel .activity-item{
  min-height:35px !important;
  height:35px !important;
  grid-template-columns:28px minmax(0,1fr) auto !important;
  gap:8px !important;
}

.activity-panel .activity-icon{
  width:26px !important;
  height:26px !important;
}

.activity-panel .activity-icon img{
  width:14px !important;
  height:14px !important;
}

.activity-panel .activity-item strong{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.activity-panel .activity-item small{
  white-space:nowrap !important;
}

.activity-panel .online-total{
  flex:0 0 auto !important;
  margin-top:7px !important;
  padding-top:7px !important;
  min-height:20px !important;
  border-top:1px solid rgba(255,255,255,.055) !important;
  display:flex !important;
  align-items:center !important;
  line-height:1 !important;
}

/* Keep the green online indicator vertically centered. */
.activity-panel .online-total i{
  flex:0 0 auto !important;
  margin-right:7px !important;
}

/* Desktop cards remain equal height. */
.find-panel,
.activity-panel{
  height:300px !important;
  min-height:300px !important;
}

@media(max-width:1350px){
  .find-panel,
  .activity-panel{
    height:296px !important;
    min-height:296px !important;
  }

  .activity-panel .activity-item{
    min-height:34px !important;
    height:34px !important;
  }
}

@media(max-width:980px){
  .find-panel,
  .activity-panel{
    height:auto !important;
    min-height:0 !important;
  }

  .activity-panel{
    overflow:visible !important;
  }

  .activity-panel .activity-list{
    overflow:visible !important;
  }
}
/* ===== RAIET v1.15 — BUTTON SHAPES + READABILITY ===== */

/* --- Buttons: less "default rectangle", more RAIET identity --- */
.header-auth,
.scope-tab,
.find-button,
.squad-row button,
.premium-copy button,
.section-heading button,
.panel-head button{
  border-radius:0 !important;
}

/* Header auth controls */
.header-auth{
  height:34px !important;
  min-width:104px !important;
  padding:0 18px !important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%) !important;
  letter-spacing:.7px !important;
}

.register{
  min-width:118px !important;
}

/* Nearby / Global tabs */
.scope-tab{
  height:30px !important;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%) !important;
  font-size:10px !important;
}

/* Main Find Players button */
.find-button{
  width:100% !important;
  height:36px !important;
  min-height:36px !important;
  margin-top:5px !important;
  border:1px solid #ff2d2d !important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%) !important;
  background:linear-gradient(100deg,#820505 0%,#d10b0b 56%,#8a0505 100%) !important;
  font-size:11px !important;
  letter-spacing:.55px !important;
  box-shadow:0 0 14px rgba(237,23,23,.11) !important;
}

.find-button b{
  right:15px !important;
  font-size:19px !important;
}

/* Small red JOIN buttons */
.squad-row button{
  width:51px !important;
  height:22px !important;
  padding:0 !important;
  clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%) !important;
  font-size:10px !important;
  letter-spacing:.45px !important;
}

/* Premium CTA */
.premium-copy button{
  height:25px !important;
  padding:0 15px !important;
  clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%) !important;
}

/* Give clickable text controls a cleaner non-default feel */
.panel-head button,
.section-heading button{
  padding:3px 7px !important;
  border-bottom:1px solid rgba(85,173,248,.28) !important;
}

/* --- Lower dashboard: improve readability --- */

/* Panel titles */
.dashboard-panel .panel-head h2,
.premium-copy h2{
  font-size:15px !important;
  line-height:1.15 !important;
}

.info-panel h2{
  font-size:13.5px !important;
}

/* Recent matches */
.match-row{
  min-height:38px !important;
  font-size:10px !important;
  line-height:1.2 !important;
}

.match-row small{
  font-size:10px !important;
}

.match-row b{
  font-size:10px !important;
}

/* Active squads */
.squad-row{
  min-height:39px !important;
}

.squad-row strong{
  font-size:10px !important;
}

.squad-row small{
  font-size:10px !important;
  line-height:1.2 !important;
}

.squad-row>span{
  font-size:10px !important;
}

/* Top players */
.leader-row{
  min-height:34px !important;
  font-size:10px !important;
}

.leader-row small{
  font-size:10px !important;
}

.leader-row b{
  font-size:10px !important;
}

/* Premium */
.premium-copy p{
  font-size:10px !important;
  line-height:1.35 !important;
}

.premium-copy ul{
  font-size:10px !important;
  line-height:1.45 !important;
}

/* HOW RAIET WORKS */
.step strong{
  font-size:10px !important;
  line-height:1.2 !important;
}

.step small{
  font-size:10px !important;
  line-height:1.35 !important;
}

/* TRUST & REPUTATION */
.trust-grid strong{
  font-size:10px !important;
  line-height:1.2 !important;
}

.trust-grid small{
  font-size:10px !important;
  line-height:1.35 !important;
}

/* Footer text was also too tiny */
.site-footer{
  font-size:10px !important;
}

@media(max-width:1350px){
  .match-row{
    font-size:10px !important;
  }

  .step small,
  .trust-grid small{
    font-size:10px !important;
  }
}

/* ===== RAIET v1.16 AUTH ===== */

.auth-page{
  min-height:calc(100vh - var(--header));
  display:grid;
  place-items:center;
  padding:54px 20px;
  background:
    radial-gradient(ellipse at 50% 30%,rgba(237,23,23,.11),transparent 36%),
    #05070a;
}
.auth-card{
  width:min(470px,100%);
  padding:26px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(145deg,rgba(12,16,22,.985),rgba(6,9,13,.985));
  box-shadow:0 22px 70px rgba(0,0,0,.38);
}
.auth-kicker{
  color:var(--red);
  font-size:10px;
  font-weight:900;
  letter-spacing:.9px;
}
.auth-card h1{
  margin:5px 0 6px;
  font-size:28px;
}
.auth-card>p{
  margin:0 0 20px;
  color:#89929d;
  font-size:10px;
}
.auth-form{
  display:grid;
  gap:12px;
}
.auth-field span{
  display:block;
  margin-bottom:5px;
  color:#8e97a3;
  font-size:10px;
  font-weight:900;
  letter-spacing:.5px;
}
.auth-field input,
.auth-field select{
  width:100%;
  height:40px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:0;
  outline:none;
  color:#f3f5f7;
  background:#090d12;
}
.auth-field input:focus,
.auth-field select:focus{
  border-color:rgba(237,23,23,.8);
  box-shadow:0 0 0 2px rgba(237,23,23,.08);
}
.auth-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.auth-remember{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:24px;
  color:#aab2bc;
  font-size:10px;
  line-height:1.35;
  cursor:pointer;
}
.auth-remember input{
  width:15px;
  height:15px;
  margin:0;
  accent-color:#d10b0b;
  cursor:pointer;
}
.auth-remember span{
  display:block;
}

.auth-submit{
  height:40px;
  margin-top:4px;
  border:1px solid #ff2c2c;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
  background:linear-gradient(100deg,#820505,#d10b0b 56%,#8a0505);
  font-size:10px;
  font-weight:950;
  letter-spacing:.65px;
}
.auth-error,
.auth-success{
  padding:9px 11px;
  border-left:2px solid;
  font-size:10px;
  line-height:1.45;
}
.auth-error{
  border-color:#ff3b3b;
  background:rgba(120,5,5,.18);
  color:#ffb9b9;
}
.auth-success{
  border-color:#45dc70;
  background:rgba(18,92,42,.17);
  color:#bff5cd;
}
.auth-bottom{
  margin-top:16px;
  padding-top:13px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#8d96a2;
  font-size:10px;
  text-align:center;
}
.auth-bottom a{
  color:#fff;
  font-weight:900;
}
.auth-password-note{
  margin-top:4px;
  color:#68727d;
  font-size:10px;
}
@media(max-width:580px){
  .auth-row{grid-template-columns:1fr}
  .auth-card{padding:20px}
}
/* ===== RAIET v1.17 — PLAYER PROFILE ===== */

.header-logout-form{
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
}
.header-logout-form .header-auth{
  cursor:pointer !important;
}

.profile-page{
  min-height:calc(100vh - var(--header));
  padding:38px 28px 56px;
  background:
    radial-gradient(ellipse at 18% 22%,rgba(237,23,23,.09),transparent 32%),
    radial-gradient(ellipse at 72% 9%,rgba(74,139,255,.055),transparent 28%),
    #05070a;
}

.profile-shell{
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:18px;
  align-items:start;
}

.profile-card,
.profile-editor{
  border:1px solid rgba(255,255,255,.095);
  background:linear-gradient(150deg,rgba(13,17,23,.985),rgba(7,10,14,.985));
  box-shadow:0 18px 55px rgba(0,0,0,.28);
}

.profile-card{
  position:sticky;
  top:88px;
  padding:24px 20px 20px;
  text-align:center;
}

.profile-avatar{
  width:86px;
  height:86px;
  margin:0 auto 12px;
  display:grid;
  place-items:center;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  border:1px solid rgba(255,255,255,.11);
  background:
    linear-gradient(145deg,rgba(237,23,23,.24),rgba(237,23,23,.03)),
    #0b0f14;
  color:#fff;
  font-size:34px;
  font-weight:950;
  text-shadow:0 0 24px rgba(237,23,23,.35);
}

.profile-status{
  width:max-content;
  margin:0 auto 8px;
  color:#7ddf96;
  font-size:10px;
  font-weight:900;
  letter-spacing:.8px;
}
.profile-status i{
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:5px;
  border-radius:50%;
  background:#45dc70;
  box-shadow:0 0 8px rgba(69,220,112,.7);
}

.profile-card h1{
  margin:0;
  font-size:22px;
  line-height:1.1;
}
.profile-handle{
  margin-top:4px;
  color:#68727d;
  font-size:10px;
  font-weight:800;
}

.profile-meta{
  margin-top:20px;
  border-top:1px solid rgba(255,255,255,.065);
  border-bottom:1px solid rgba(255,255,255,.065);
}
.profile-meta>div{
  min-height:44px;
  padding:8px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid rgba(255,255,255,.045);
  text-align:left;
}
.profile-meta>div:last-child{
  border-bottom:0;
}
.profile-meta span,
.profile-games-summary>span{
  color:#69737e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.6px;
}
.profile-meta strong{
  max-width:150px;
  overflow:hidden;
  color:#e5e9ed;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.profile-games-summary{
  padding-top:16px;
  text-align:left;
}
.profile-games-summary p{
  margin:8px 0 0;
  color:#66717c;
  font-size:10px;
}
.profile-chip-list{
  margin-top:9px;
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.profile-chip-list span{
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.08);
  background:#0a0e13;
  color:#9da6af;
  font-size:10px;
  font-weight:800;
}
.profile-chip-list span.primary{
  border-color:rgba(237,23,23,.45);
  background:rgba(237,23,23,.095);
  color:#fff;
}

.profile-editor{
  padding:23px;
}
.profile-editor-head{
  min-height:52px;
  margin-bottom:18px;
  padding-bottom:14px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.profile-editor-head>div>span,
.profile-section-title span{
  color:var(--red);
  font-size:10px;
  font-weight:950;
  letter-spacing:.8px;
}
.profile-editor-head h2{
  margin:4px 0 0;
  font-size:17px;
}
.profile-completion{
  padding:7px 10px;
  border:1px solid rgba(69,220,112,.18);
  background:rgba(69,220,112,.055);
  color:#75d98e;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}

.profile-form{
  margin-top:14px;
}
.profile-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.profile-bio-field{
  display:block;
  margin-top:12px;
}
.profile-bio-field textarea{
  width:100%;
  min-height:92px;
  resize:vertical;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:0;
  outline:none;
  color:#f3f5f7;
  background:#090d12;
  font:inherit;
  font-size:10px;
  line-height:1.5;
}
.profile-bio-field textarea:focus{
  border-color:rgba(237,23,23,.8);
  box-shadow:0 0 0 2px rgba(237,23,23,.08);
}

.profile-section-title{
  margin:22px 0 9px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
}
.profile-section-title h3{
  margin:3px 0 0;
  font-size:13px;
}
.profile-section-title small{
  color:#68727d;
  font-size:10px;
}

.game-picker{
  border:1px solid rgba(255,255,255,.075);
  background:#080b0f;
}
.game-pick-row{
  min-height:47px;
  padding:6px 10px;
  display:grid;
  grid-template-columns:minmax(190px,1fr) 160px 86px;
  gap:10px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.game-pick-row:last-child{
  border-bottom:0;
}
.game-pick-row select{
  width:100%;
  height:31px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:0;
  color:#bdc5cd;
  background:#0b0f14;
  font-size:10px;
}

.game-check,
.primary-radio{
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
}
.game-check input,
.primary-radio input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.game-check span{
  width:16px;
  height:16px;
  flex:0 0 16px;
  border:1px solid rgba(255,255,255,.16);
  background:#0c1015;
  position:relative;
}
.game-check input:checked+span{
  border-color:#e51a1a;
  background:rgba(229,26,26,.14);
}
.game-check input:checked+span::after{
  content:"";
  position:absolute;
  left:4px;
  top:1px;
  width:5px;
  height:9px;
  border-right:2px solid #ff3838;
  border-bottom:2px solid #ff3838;
  transform:rotate(45deg);
}
.game-check strong{
  color:#d8dde2;
  font-size:10px;
}

.primary-radio{
  justify-content:flex-end;
  color:#68727d;
  font-size:10px;
  font-weight:900;
  letter-spacing:.45px;
}
.primary-radio span{
  width:12px;
  height:12px;
  flex:0 0 12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  position:relative;
}
.primary-radio input:checked+span{
  border-color:#e51a1a;
}
.primary-radio input:checked+span::after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  background:#ef2424;
  box-shadow:0 0 7px rgba(239,36,36,.5);
}

.profile-privacy-row{
  margin-top:14px;
}
.profile-security-note{
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.08);
  background:#080c10;
}
.profile-security-note span{
  display:block;
  margin-bottom:5px;
  color:#68727d;
  font-size:10px;
  font-weight:900;
}
.profile-security-note strong{
  display:block;
  overflow:hidden;
  color:#c8cfd6;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profile-security-note small{
  display:block;
  margin-top:4px;
  color:#59636d;
  font-size:10px;
}

.profile-actions{
  margin-top:18px;
  padding-top:14px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  border-top:1px solid rgba(255,255,255,.07);
}
.profile-actions>a{
  color:#717b86;
  font-size:10px;
  font-weight:900;
}
.profile-actions .auth-submit{
  width:210px;
  margin:0;
}

@media(max-width:900px){
  .profile-shell{
    grid-template-columns:1fr;
  }
  .profile-card{
    position:static;
  }
}
@media(max-width:640px){
  .profile-page{
    padding:22px 12px 40px;
  }
  .profile-editor{
    padding:17px;
  }
  .profile-form-grid{
    grid-template-columns:1fr;
  }
  .game-pick-row{
    grid-template-columns:1fr;
    padding:10px;
  }
  .primary-radio{
    justify-content:flex-start;
  }
  .profile-editor-head,
  .profile-section-title{
    align-items:flex-start;
    flex-direction:column;
  }
  .profile-actions{
    align-items:stretch;
    flex-direction:column-reverse;
  }
  .profile-actions .auth-submit{
    width:100%;
  }
}


/* ===== RAIET v1.18 — MULTILANGUAGE + READABILITY ===== */

.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.locale-switcher{
  margin:0 4px 0 0!important;
  display:flex!important;
  align-items:center!important;
}
.locale-switcher select{
  width:52px!important;
  height:32px!important;
  padding:0 19px 0 9px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:0!important;
  outline:none!important;
  color:#dfe4e8!important;
  background:#090d12!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.7px!important;
  cursor:pointer!important;
}

.header-auth,
.account-name{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  text-align:center!important;
}

.profile-display-name{
  width:100%!important;
  min-height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto!important;
  padding:0 6px!important;
  line-height:1.15!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}

.language-picker{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.language-choice{
  min-height:44px!important;
  padding:0 11px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:#080c10!important;
  cursor:pointer!important;
}
.language-choice input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.language-choice span{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  position:relative!important;
  background:#0d1116!important;
}
.language-choice input:checked+span{
  border-color:#ed1c24!important;
  background:rgba(237,28,36,.12)!important;
}
.language-choice input:checked+span::after{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  top:1px!important;
  width:5px!important;
  height:9px!important;
  border-right:2px solid #ff3b42!important;
  border-bottom:2px solid #ff3b42!important;
  transform:rotate(45deg)!important;
}
.language-choice strong{
  font-size:10px!important;
  color:#d8dde2!important;
}

.profile-interface-box{
  min-height:40px!important;
  padding:8px 11px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#080c10!important;
}
.profile-interface-box>span{
  display:block!important;
  margin-bottom:4px!important;
  color:#8e97a3!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.5px!important;
}
.profile-interface-box strong{
  color:#f0f3f6!important;
  font-size:10px!important;
}
.profile-interface-box small{
  display:block!important;
  margin-top:3px!important;
  color:#68727d!important;
  font-size:10px!important;
}

/* Readability pass: secondary text across the homepage. */
.hero-copy>p{
  font-size:11px!important;
  line-height:1.55!important;
}
.panel-head p{
  font-size:10px!important;
  line-height:1.4!important;
  color:#8d96a1!important;
}
.field>span,
.supported-label{
  font-size:10px!important;
}
.hero-stats small{
  font-size:10px!important;
}
.game-tile span{
  font-size:10px!important;
}
.activity-item strong{
  font-size:10px!important;
}
.activity-item small,
.online-total{
  font-size:10px!important;
}
.match-row small,
.squad-row small,
.leader-row small{
  font-size:10px!important;
  line-height:1.35!important;
}
.premium-copy p{
  font-size:10px!important;
}
.premium-copy ul{
  font-size:10px!important;
}
.step small,
.trust-grid small{
  font-size:10px!important;
  line-height:1.45!important;
}
.site-footer{
  font-size:10px!important;
}
.auth-card>p,
.auth-field span{
  font-size:10px!important;
}
.auth-password-note{
  font-size:10px!important;
}
.profile-section-title small,
.profile-security-note small,
.profile-games-summary p{
  font-size:10px!important;
  line-height:1.4!important;
}
.profile-meta span,
.profile-games-summary>span{
  font-size:10px!important;
}
.profile-meta strong{
  font-size:10px!important;
}

@media(max-width:900px){
  .language-picker{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  .locale-switcher select{
    width:48px!important;
    height:30px!important;
  }
}


/* ===== RAIET v1.18.1 — LANGUAGE SWITCH FIX ===== */
.locale-switcher noscript button{
  height:32px!important;
  margin-left:4px!important;
  padding:0 8px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:#0b0f14!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

/* ===== RAIET v1.20 — SIMPLE PUBLIC PLAYER PROFILE ===== */
.profile-head-note{
  margin:7px 0 0;
  max-width:520px;
  color:#8d96a1;
  font-size:10px;
  line-height:1.45;
}
.profile-action-links{
  display:flex;
  align-items:center;
  gap:14px;
  margin-right:auto;
}
.profile-action-links>a{
  color:#7e8892;
  font-size:10px;
  font-weight:900;
}
.profile-action-links .profile-view-link{
  color:#f0f3f6;
}

.public-profile-page{
  min-height:calc(100vh - var(--header));
  padding:38px 28px 56px;
  background:
    radial-gradient(ellipse at 18% 22%,rgba(237,23,23,.09),transparent 32%),
    #05070a;
}
.public-profile-shell{
  width:min(980px,100%);
  margin:0 auto;
}
.public-profile-identity,
.public-profile-main,
.public-profile-info,
.public-profile-private{
  border:1px solid rgba(255,255,255,.095);
  background:linear-gradient(150deg,rgba(13,17,23,.985),rgba(7,10,14,.985));
  box-shadow:0 18px 55px rgba(0,0,0,.24);
}
.public-profile-identity{
  padding:22px;
  display:flex;
  align-items:center;
  gap:18px;
}
.public-profile-identity .profile-avatar{
  width:70px;
  height:70px;
  margin:0;
  flex:0 0 70px;
  font-size:28px;
}
.public-profile-name{
  min-width:0;
}
.public-profile-name>span{
  color:var(--red);
  font-size:10px;
  font-weight:950;
  letter-spacing:.8px;
}
.public-profile-name h1{
  margin:4px 0 2px;
  font-size:24px;
  overflow-wrap:anywhere;
}
.public-profile-name p{
  margin:0;
  color:#7c8792;
  font-size:10px;
}
.public-profile-edit{
  margin-left:auto;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.12);
  color:#f2f4f6;
  background:#0a0e13;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.public-profile-grid{
  margin-top:16px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 290px;
  gap:16px;
  align-items:start;
}
.public-profile-main,
.public-profile-info{
  padding:22px;
}
.public-profile-section+ .public-profile-section{
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.07);
}
.public-profile-section h2,
.public-profile-info h2,
.public-profile-private h2{
  margin:0 0 12px;
  font-size:13px;
}
.public-profile-bio,
.public-empty,
.public-profile-private p{
  margin:0;
  color:#a2abb4;
  font-size:10px;
  line-height:1.65;
}
.public-game-list{
  border:1px solid rgba(255,255,255,.07);
  background:#080b0f;
}
.public-game-row{
  min-height:46px;
  padding:9px 11px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 120px auto;
  gap:10px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.public-game-row:last-child{border-bottom:0}
.public-game-row strong{
  color:#e4e8ec;
  font-size:10px;
}
.public-game-row span{
  color:#909aa4;
  font-size:10px;
}
.public-game-row em{
  padding:4px 6px;
  border:1px solid rgba(237,23,23,.32);
  color:#ff5258;
  font-size:10px;
  font-style:normal;
  font-weight:900;
}
.public-info-row{
  min-height:48px;
  padding:9px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.public-info-row:last-child{border-bottom:0}
.public-info-row span{
  color:#7d8792;
  font-size:10px;
  font-weight:900;
}
.public-info-row strong{
  max-width:160px;
  color:#e0e5e9;
  font-size:10px;
  text-align:right;
  overflow-wrap:anywhere;
}
.public-profile-private{
  margin-top:16px;
  padding:34px 22px;
  text-align:center;
}
.public-profile-private p{
  margin-bottom:18px;
}
.public-profile-signin{
  width:180px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
}
.public-profile-bottom{
  padding:18px 2px 0;
}
.public-profile-bottom a{
  color:#818b95;
  font-size:10px;
  font-weight:900;
}

@media(max-width:760px){
  .public-profile-page{padding:22px 12px 40px}
  .public-profile-grid{grid-template-columns:1fr}
  .public-profile-identity{align-items:flex-start;flex-wrap:wrap}
  .public-profile-edit{width:100%;margin:2px 0 0;text-align:center}
  .public-game-row{grid-template-columns:1fr auto}
  .public-game-row em{grid-column:1/-1;width:max-content}
  .profile-action-links{align-items:flex-start;flex-direction:column;gap:8px}
}


/* ===== RAIET v1.21 — SIMPLE PLAYER DIRECTORY ===== */
.home-player-search{display:flex;flex-direction:column;gap:13px}
.home-all-players{align-self:center;color:#8c96a0;font-size:10px;font-weight:900;letter-spacing:.2px}
.players-page{min-height:calc(100vh - var(--header));padding:36px 28px 58px;background:radial-gradient(ellipse at 20% 12%,rgba(237,23,23,.075),transparent 30%),#05070a}
.players-shell{width:min(1120px,100%);margin:0 auto}
.players-heading{margin-bottom:18px}
.players-heading>span{color:var(--red);font-size:10px;font-weight:950;letter-spacing:.8px}
.players-heading h1{margin:5px 0 5px;font-size:26px}
.players-heading p{max-width:650px;margin:0;color:#909aa4;font-size:10px;line-height:1.55}
.players-search{display:grid;grid-template-columns:1.35fr repeat(4,minmax(135px,1fr));gap:10px;padding:16px;border:1px solid rgba(255,255,255,.095);background:linear-gradient(150deg,rgba(13,17,23,.985),rgba(7,10,14,.985));box-shadow:0 18px 55px rgba(0,0,0,.2)}
.players-search label{min-width:0;display:flex;flex-direction:column;gap:7px}
.players-search label>span{color:#7f8994;font-size:10px;font-weight:900}
.players-search input,.players-search select{width:100%;height:39px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:0;background:#080b0f;color:#e7eaed;font:inherit;font-size:10px;outline:none}
.players-search input:focus,.players-search select:focus{border-color:rgba(237,23,23,.6)}
.players-search-actions{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:13px;padding-top:2px}
.players-search-actions a{color:#7f8994;font-size:10px;font-weight:900}
.players-search-actions button{height:39px;min-width:150px;padding:0 18px;border:0;background:var(--red);color:#fff;font-size:10px;font-weight:950;cursor:pointer}
.players-result-head{margin:22px 0 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.players-result-head h2{margin:0 0 3px;font-size:13px}
.players-result-head p{margin:0;color:#737e88;font-size:10px}
.players-result-head>a{color:#9aa4ad;font-size:10px;font-weight:800;text-align:right}
.players-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.player-card{min-width:0;padding:16px;border:1px solid rgba(255,255,255,.085);background:linear-gradient(150deg,rgba(13,17,23,.985),rgba(7,10,14,.985));box-shadow:0 14px 35px rgba(0,0,0,.17)}
.player-card-top{display:flex;align-items:center;gap:11px;min-width:0}
.player-card-avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid rgba(237,23,23,.32);background:#0b0e13;color:#fff;font-size:16px;font-weight:950}
.player-card-name{min-width:0}
.player-card-name h3{margin:0 0 2px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-card-name p{margin:0;color:#77828d;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-card-me{margin-left:auto;padding:4px 6px;border:1px solid rgba(237,23,23,.3);color:#ff555b;font-size:10px;font-weight:950}
.player-card-facts{margin-top:14px;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}
.player-card-facts>div{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.045)}
.player-card-facts>div:last-child{border-bottom:0}
.player-card-facts span{color:#75808b;font-size:10px;font-weight:900}
.player-card-facts strong{max-width:62%;color:#dce1e5;font-size:10px;text-align:right;overflow-wrap:anywhere}
.player-card-games{min-height:48px;padding:11px 0 10px;display:flex;align-content:flex-start;gap:5px;flex-wrap:wrap}
.player-card-games span{padding:5px 7px;border:1px solid rgba(255,255,255,.09);background:#090c10;color:#a7b0b8;font-size:10px;font-weight:800}
.player-card-games span.primary{border-color:rgba(237,23,23,.3);color:#f1f3f5}
.player-card-games small{color:#6f7983;font-size:10px}
.player-card-open{height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);background:#090c10;color:#f0f3f5;font-size:10px;font-weight:950}
.player-card-open:hover{border-color:rgba(237,23,23,.45)}
.players-empty{padding:44px 18px;border:1px solid rgba(255,255,255,.08);background:#090c10;text-align:center}
.players-empty h2{margin:0 0 7px;font-size:13px}
.players-empty p{margin:0 auto;max-width:520px;color:#89939d;font-size:10px;line-height:1.5}
.players-empty a{display:inline-block;margin-top:14px;color:#f1f3f5;font-size:10px;font-weight:900}
.players-limit-note{margin:14px 0 0;color:#717b85;font-size:10px;text-align:center}
@media(max-width:1050px){.players-search{grid-template-columns:repeat(2,minmax(0,1fr))}.players-search-text{grid-column:1/-1}.players-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.players-page{padding:22px 12px 42px}.players-search{grid-template-columns:1fr}.players-search-text{grid-column:auto}.players-search-actions{grid-column:auto;justify-content:space-between}.players-grid{grid-template-columns:1fr}.players-result-head{align-items:flex-start;flex-direction:column}.players-result-head>a{text-align:left}.players-heading h1{font-size:22px}}

/* ===== RAIET v1.22 — SIMPLE LOBBIES ===== */
.lobbies-page,.lobby-detail-page,.lobby-form-page{min-height:calc(100vh - var(--header));padding:36px 28px 58px;background:radial-gradient(ellipse at 20% 12%,rgba(237,23,23,.075),transparent 30%),#05070a}
.lobbies-shell,.lobby-detail-shell{width:min(1080px,100%);margin:0 auto}.lobbies-heading{margin-bottom:18px}.lobbies-heading>span,.lobby-detail-head>div>span{color:var(--red);font-size:10px;font-weight:950;letter-spacing:.8px}.lobbies-heading h1,.lobby-detail-head h1{margin:5px 0;font-size:26px}.lobbies-heading p,.lobby-detail-head p{margin:0;color:#909aa4;font-size:10px;line-height:1.55}
.lobby-search{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;padding:16px;border:1px solid rgba(255,255,255,.095);background:linear-gradient(150deg,rgba(13,17,23,.985),rgba(7,10,14,.985))}.lobby-search label{display:flex;flex-direction:column;gap:7px}.lobby-search label>span,.simple-lobby-form label>span,.lobby-language-field legend{color:#7f8994;font-size:10px;font-weight:900}.lobby-search select,.simple-lobby-form select,.simple-lobby-form input[type=text],.simple-lobby-form input[type=url]{width:100%;height:39px;padding:0 10px;border:1px solid rgba(255,255,255,.1);background:#080b0f;color:#e7eaed;font:inherit;font-size:10px;outline:none}.lobby-search-actions{display:flex;align-items:flex-end;gap:10px}.lobby-search-actions a{height:39px;display:flex;align-items:center;color:#7f8994;font-size:10px;font-weight:900}.lobby-search-actions button,.simple-lobby-form>button{height:39px;padding:0 18px;border:0;background:var(--red);color:#fff;font-size:10px;font-weight:950;cursor:pointer}
.lobbies-result-head{margin:22px 0 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.lobbies-result-head h2{margin:0 0 3px;font-size:13px}.lobbies-result-head p{margin:0;color:#737e88;font-size:10px}.create-lobby-link{height:38px;padding:0 15px;display:flex;align-items:center;background:var(--red);color:#fff;font-size:10px;font-weight:950}.lobby-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lobby-card{padding:17px;border:1px solid rgba(255,255,255,.085);background:linear-gradient(150deg,rgba(13,17,23,.985),rgba(7,10,14,.985))}.lobby-card-top{display:flex;justify-content:space-between;gap:12px}.lobby-card-top span{color:var(--red);font-size:10px;font-weight:950}.lobby-card-top h3{margin:4px 0 0;font-size:11px}.lobby-card-top>b{font-size:16px}.lobby-slots{margin-top:15px}.lobby-slots strong{display:block;margin-bottom:7px;font-size:10px}.slot-track{height:4px;background:#14191f;overflow:hidden}.slot-track i{display:block;height:100%;background:var(--red)}.lobby-facts{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.lobby-facts span{padding:5px 7px;border:1px solid rgba(255,255,255,.09);color:#a7b0b8;font-size:10px;font-weight:800}.lobby-note{min-height:30px;margin:12px 0 0;color:#8d97a0;font-size:10px;line-height:1.45}.lobby-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px}.lobby-card-actions>a:first-child{margin-right:auto;color:#7f8994;font-size:10px;font-weight:900}.lobby-card-actions form{margin:0}.lobby-primary,.lobby-card-actions .lobby-primary{min-height:35px;padding:0 14px;border:0;background:var(--red);color:#fff;font-size:10px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.lobby-primary.big{min-width:180px;height:42px}.lobby-empty{padding:44px 18px;border:1px solid rgba(255,255,255,.08);background:#090c10;text-align:center}.lobby-empty h2{margin:0 0 7px;font-size:13px}.lobby-empty p{margin:0 auto;max-width:550px;color:#89939d;font-size:10px;line-height:1.5}.lobby-empty a{display:inline-block;margin-top:14px;color:#fff;font-size:10px;font-weight:900}.lobby-limit-note,.players-secondary-link{margin-top:15px;color:#717b85;font-size:10px;text-align:center}.players-secondary-link a{color:#cbd1d6;font-weight:900}
.lobby-form-card{width:min(580px,100%);margin:0 auto;padding:22px;border:1px solid rgba(255,255,255,.09);background:#090c10}.lobby-form-card h1{margin:5px 0 6px;font-size:24px}.lobby-form-card>p{margin:0 0 18px;color:#909aa4;font-size:10px;line-height:1.5}.simple-lobby-form{display:flex;flex-direction:column;gap:13px}.simple-lobby-form>label{display:flex;flex-direction:column;gap:7px}.simple-lobby-form label small,.lobby-language-field>small{color:#6f7983;font-size:10px}.simple-lobby-form label em{font-style:normal;color:#5f6973;font-size:10px}.lobby-language-field{margin:0;padding:12px;border:1px solid rgba(255,255,255,.08)}.lobby-language-field>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.lobby-language-field>div label{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#080b0f;border:1px solid rgba(255,255,255,.08);cursor:pointer}.lobby-language-field>div span{font-size:10px;font-weight:800}.simple-lobby-cancel{text-align:center;color:#7f8994;font-size:10px;font-weight:900}
.lobby-back{display:inline-block;margin-bottom:16px;color:#7f8994;font-size:10px;font-weight:900}.lobby-status-message{margin-bottom:12px;padding:10px 12px;border:1px solid rgba(237,23,23,.24);background:rgba(237,23,23,.06);font-size:10px}.lobby-detail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px;border:1px solid rgba(255,255,255,.09);background:#090c10}.lobby-big-count{text-align:right}.lobby-big-count strong{display:block;font-size:24px}.lobby-big-count small{color:#909aa4;font-size:10px}.lobby-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(255,255,255,.08);border-top:0}.lobby-detail-facts>div{padding:14px;border-right:1px solid rgba(255,255,255,.06)}.lobby-detail-facts>div:last-child{border-right:0}.lobby-detail-facts span{display:block;color:#707b85;font-size:10px;font-weight:900}.lobby-detail-facts strong{display:block;margin-top:5px;font-size:10px}.lobby-members{margin-top:14px;padding:18px;border:1px solid rgba(255,255,255,.08);background:#090c10}.lobby-members h2{margin:0 0 12px;font-size:12px}.lobby-member-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lobby-member-list>a{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.07);background:#070a0e}.lobby-member-avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(237,23,23,.28);font-size:12px;font-weight:950}.lobby-member-list strong{display:block;font-size:10px}.lobby-member-list small{display:block;margin-top:2px;color:#737e88;font-size:10px}.lobby-detail-action{margin-top:14px;display:flex;justify-content:flex-end;align-items:center;min-height:48px}.lobby-detail-action form{margin:0}.lobby-detail-action>span{color:#8b959e;font-size:10px}.lobby-secondary,.lobby-danger{height:38px;padding:0 15px;border:1px solid rgba(255,255,255,.12);background:#090c10;color:#e8ebee;font-size:10px;font-weight:950;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center}.lobby-danger{border-color:rgba(237,23,23,.3);color:#ff6a6f}
.home-lobby-row{color:inherit;text-decoration:none}.home-lobby-row b{color:#9da6ae;font-size:10px;font-weight:900;white-space:nowrap}.home-lobby-empty{padding:18px 10px;text-align:center}.home-lobby-empty span{display:block;color:#7f8994;font-size:10px}.home-lobby-empty a{display:inline-block;margin-top:10px;color:#fff;font-size:10px;font-weight:950}.dashboard-panel .panel-head>a{color:#8c96a0;font-size:10px;font-weight:900}
@media(max-width:800px){.lobby-search{grid-template-columns:1fr 1fr}.lobby-search-actions{grid-column:1/-1;justify-content:flex-end}.lobby-grid{grid-template-columns:1fr}.lobby-detail-facts{grid-template-columns:1fr}.lobby-detail-facts>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.lobby-member-list{grid-template-columns:1fr}}
@media(max-width:560px){.lobbies-page,.lobby-detail-page,.lobby-form-page{padding:22px 12px 42px}.lobby-search{grid-template-columns:1fr}.lobby-search-actions{grid-column:auto;justify-content:space-between}.lobbies-result-head,.lobby-detail-head{align-items:flex-start;flex-direction:column}.lobby-big-count{text-align:left}.lobby-card-actions{flex-wrap:wrap}.lobby-detail-action{justify-content:stretch}.lobby-detail-action form,.lobby-detail-action button,.lobby-detail-action .lobby-primary{width:100%}}

/* v1.23 READY CHECK — deliberately simple: one state, one primary action. */
.lobby-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.lobby-section-head h2{margin:0}.ready-progress{font-size:10px;font-weight:950;color:#aab2ba}.ready-progress.is-complete{color:#fff}.member-ready-state{margin-left:auto;padding:5px 7px;border:1px solid rgba(255,255,255,.1);color:#717b85;font-size:10px;font-weight:950;white-space:nowrap}.member-ready-state.is-ready{border-color:rgba(255,255,255,.26);color:#fff}.ready-check-panel{margin-top:14px;padding:18px;border:1px solid rgba(237,23,23,.22);background:linear-gradient(150deg,rgba(20,10,12,.96),rgba(8,10,13,.98));display:flex;align-items:center;justify-content:space-between;gap:18px}.ready-check-panel.is-complete{border-color:rgba(255,255,255,.22)}.ready-check-panel>div:first-child>span{color:var(--red);font-size:10px;font-weight:950}.ready-check-panel h2{margin:4px 0 5px;font-size:14px}.ready-check-panel p{margin:0;max-width:620px;color:#8f99a2;font-size:10px;line-height:1.5}.ready-check-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.ready-check-actions form{margin:0}.ready-check-actions button{min-width:138px}
@media(max-width:700px){.ready-check-panel{align-items:stretch;flex-direction:column}.ready-check-actions{justify-content:stretch}.ready-check-actions form,.ready-check-actions button{width:100%}.lobby-member-list>a{flex-wrap:wrap}.member-ready-state{margin-left:auto}}

/* v1.24 — realtime lobby state + real live matches. */
.lobby-search{grid-template-columns:repeat(2,minmax(0,1fr)) auto}
.live-matches-panel .panel-head>span{color:var(--red);font-size:10px;font-weight:950;letter-spacing:.5px}
.live-match-list{display:flex;flex-direction:column}
.live-match-row{min-height:54px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 11px;border-bottom:1px solid rgba(255,255,255,.06);color:inherit;text-decoration:none}
.live-match-row:last-child{border-bottom:0}.live-match-row:hover{background:rgba(255,255,255,.025)}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 12px rgba(237,23,23,.65)}
.live-match-row strong{display:block;font-size:10px}.live-match-row small{display:block;margin-top:3px;color:#7f8994;font-size:10px;line-height:1.35}.live-match-row b{color:#aab2ba;font-size:10px;white-space:nowrap}
@media(max-width:800px){.lobby-search{grid-template-columns:1fr 1fr}.lobby-search-actions{grid-column:1/-1}}
@media(max-width:560px){.lobby-search{grid-template-columns:1fr}.lobby-search-actions{grid-column:auto}.live-match-row{grid-template-columns:auto 1fr}.live-match-row b{grid-column:2}}

/* ===== RAIET v1.26 REAL MATCH HISTORY ===== */
.real-match-list{gap:0}
.recent-real-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto auto auto;align-items:center;gap:8px;min-height:46px;border-bottom:1px solid rgba(255,255,255,.055);font-size:10px}
.recent-real-row>div{min-width:0}
.recent-real-row strong,.recent-real-row small{display:block}
.recent-real-row small,.recent-real-row>span{color:#7e8792;font-size:10px}
.recent-real-row>div small{margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-real-row>b{color:var(--green);font-size:10px;letter-spacing:.4px}
@media(max-width:760px){.recent-real-row{grid-template-columns:18px 1fr auto}.recent-real-row>small,.recent-real-row>b{display:none}}


/* v1.27 SA-MP connection */
.samp-server-fields{margin:2px 0 4px;padding:16px;border:1px solid rgba(255,255,255,.09);background:#090c10}
.samp-server-fields[hidden]{display:none!important}
.samp-server-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.samp-server-heading strong{font-size:11px;letter-spacing:.08em;color:#f3f5f7}
.samp-server-heading small{font-size:10px;line-height:1.5;color:#7f8993}
.samp-server-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(110px,.7fr);gap:10px}
.game-connect-panel{margin-top:18px;padding:20px;border:1px solid rgba(237,23,23,.42);background:linear-gradient(180deg,rgba(237,23,23,.08),rgba(9,12,16,.96));display:grid;gap:15px}
.game-connect-copy>span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#ed1717}
.game-connect-copy h2{margin:5px 0 5px;font-size:18px}
.game-connect-copy p{margin:0;color:#8e98a2;font-size:10px;line-height:1.55}
.game-server-address{display:flex;flex-direction:column;gap:5px;padding:13px 14px;border:1px solid rgba(255,255,255,.1);background:#05070a}
.game-server-address small{font-size:10px;font-weight:800;letter-spacing:.1em;color:#727d87}
.game-server-address strong{font-size:15px;word-break:break-all;color:#f5f7f8}
.game-connect-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.game-connect-actions .lobby-secondary{min-height:42px}
.game-connect-note{display:block;color:#6f7983;font-size:10px;line-height:1.55}
@media (max-width:640px){.samp-server-grid{grid-template-columns:1fr}.game-connect-actions{align-items:stretch}.game-connect-actions>*{width:100%;text-align:center}}


/* ===== RAIET v1.28 MATCH FEEDBACK / REPUTATION ===== */
.match-feedback-page{min-height:calc(100vh - var(--header));padding:36px 28px 58px;background:radial-gradient(ellipse at 20% 12%,rgba(237,23,23,.075),transparent 30%),#05070a}
.match-feedback-shell{width:min(860px,100%);margin:0 auto}.match-feedback-head{padding:20px;border:1px solid rgba(255,255,255,.09);background:#090c10}.match-feedback-head>span{color:var(--red);font-size:10px;font-weight:950;letter-spacing:.8px}.match-feedback-head h1{margin:5px 0;font-size:25px}.match-feedback-head p{margin:0;color:#909aa4;font-size:10px;line-height:1.55}.match-feedback-card{margin-top:14px;padding:18px;border:1px solid rgba(255,255,255,.08);background:#090c10}.match-feedback-card h2{margin:18px 0 10px;font-size:12px}.match-feedback-meta{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.07)}.match-feedback-meta>div{padding:12px}.match-feedback-meta>div+div{border-left:1px solid rgba(255,255,255,.07)}.match-feedback-meta span{display:block;color:#717b85;font-size:10px;font-weight:900}.match-feedback-meta strong{display:block;margin-top:4px;font-size:10px}.match-feedback-list{display:flex;flex-direction:column}.match-feedback-player{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.match-feedback-person strong{display:block;font-size:10px}.match-feedback-person small{display:block;margin-top:3px;color:#727d87;font-size:10px}.match-feedback-actions{display:flex;gap:7px}.match-feedback-actions form{margin:0}.feedback-good,.feedback-problem{height:36px;padding:0 11px;border:1px solid rgba(255,255,255,.12);background:#070a0e;color:#dfe3e6;font-size:10px;font-weight:950;cursor:pointer}.feedback-good.is-selected{border-color:rgba(95,213,143,.65);color:#9fe0b8}.feedback-problem.is-selected{border-color:rgba(237,23,23,.55);color:#ff7d81}.match-feedback-self{color:#747e87;font-size:10px;font-weight:900}.match-feedback-note{margin:14px 0 0;color:#6f7983;font-size:10px;line-height:1.5}
@media(max-width:640px){.match-feedback-page{padding:22px 12px 42px}.match-feedback-meta{grid-template-columns:1fr}.match-feedback-meta>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.07)}.match-feedback-player{align-items:flex-start;flex-direction:column}.match-feedback-actions{width:100%}.match-feedback-actions form{flex:1}.match-feedback-actions button{width:100%}}

/* v1.29 Friends + invites */
.header-friends{position:relative;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#dfe6ef;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.05em}.header-friends:hover,.header-friends.active{border-color:rgba(255,255,255,.32);color:#fff}.header-friends-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#fff;color:#080a0d;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900}.header-friends-badge[hidden]{display:none}
.friends-page{padding:38px 24px 80px}.friends-shell{max-width:980px;margin:0 auto}.friends-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.friends-head span,.friends-invite-banner span{font-size:11px;font-weight:900;letter-spacing:.16em;opacity:.58}.friends-head h1{font-size:clamp(32px,5vw,58px);margin:5px 0 6px}.friends-head p{max-width:620px;margin:0;opacity:.7}.friends-section,.friends-invite-banner{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);border-radius:14px;padding:20px;margin-top:18px}.friends-invite-banner{display:flex;align-items:center;justify-content:space-between;gap:20px}.friends-invite-banner h2{margin:5px 0}.friends-invite-banner p{margin:0;opacity:.7}.friends-invite-banner>a{color:#fff;font-weight:800}.friends-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.friends-section-head h2{margin:0;font-size:18px}.friends-section-head>span{font-size:12px;opacity:.55}.friends-list{display:grid;gap:8px}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,0,0,.16)}.friend-person{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;min-width:0}.friend-person>div{min-width:0}.friend-person strong,.friend-person small{display:block}.friend-person small{margin-top:3px;opacity:.58}.friend-avatar{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font-weight:900}.friend-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.friend-actions form{margin:0}.friend-actions button{white-space:nowrap}.friend-remove{border:0;background:transparent;color:rgba(255,255,255,.48);font-size:11px;font-weight:800;cursor:pointer;padding:9px}.friend-remove:hover{color:#fff}.friend-presence{font-weight:800}.friend-presence.is-online{opacity:1}.friend-presence.is-offline{opacity:.42}.friend-unavailable{font-size:10px;font-weight:900;opacity:.42}.friends-empty{text-align:center;padding:30px 10px}.friends-empty h3{margin:0 0 7px}.friends-empty p{margin:0;opacity:.6}.feedback-friend{min-height:38px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;border-radius:8px;padding:0 12px;font-weight:900;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center}.feedback-friend-state{display:inline-flex;align-items:center;padding:9px 11px;font-size:11px;font-weight:900;opacity:.62}
@media(max-width:760px){.friends-head,.friends-invite-banner,.friend-row{align-items:stretch;flex-direction:column}.friend-actions{justify-content:flex-start}.header-friends{padding:8px 9px;font-size:10px}}

/* v1.30 block / safety foundation */
.friend-block{border:0;background:transparent;color:rgba(255,125,129,.68);font-size:11px;font-weight:800;cursor:pointer;padding:9px}.friend-block:hover{color:#ff8d91}.friends-empty.compact{padding:12px 6px;text-align:left}.public-profile-block{margin-left:auto}.public-profile-block-button,.public-profile-unblock{border:1px solid rgba(237,23,23,.35);background:transparent;color:#ff8d91;border-radius:8px;padding:10px 13px;font-size:10px;font-weight:900;cursor:pointer}.public-profile-unblock{border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.68)}
@media(max-width:760px){.public-profile-block{width:100%;margin-left:0}.public-profile-block button{width:100%}}

/* v1.31 — real home data */
.panel-head>a{color:#55adf8;font-size:10px;font-weight:900;text-decoration:none}
.online-player-row,.community-player-row{text-decoration:none;color:inherit}
.online-player-row:hover,.community-player-row:hover{background:rgba(255,255,255,.025)}
.online-avatar-letter{font-size:10px;font-weight:950;color:#d9dde2}
.online-player-row small{color:var(--green);font-weight:900}
.community-player-row b{justify-self:end}

/* ===== RAIET v1.31.2 — HOMEPAGE LIST SPACING POLISH ===== */
/* Keep short ONLINE NOW lists compact at the top instead of stretching
   a few rows across the full fixed-height card. */
.activity-panel .activity-list{
  align-content:start !important;
  grid-auto-rows:42px !important;
  row-gap:4px !important;
}
.activity-panel .activity-item{
  min-height:42px !important;
  height:42px !important;
  padding:3px 0 !important;
  box-sizing:border-box !important;
}

/* Give the lower dashboard lists the same restrained vertical rhythm. */
.dashboard-panel .recent-real-row,
.dashboard-panel .squad-row,
.dashboard-panel .leader-row{
  padding-top:3px !important;
  padding-bottom:3px !important;
  box-sizing:border-box !important;
}

@media(max-width:1350px){
  .activity-panel .activity-list{
    grid-auto-rows:40px !important;
  }
  .activity-panel .activity-item{
    min-height:40px !important;
    height:40px !important;
  }
}

@media(max-width:980px){
  .activity-panel .activity-list{
    grid-auto-rows:auto !important;
  }
  .activity-panel .activity-item{
    min-height:42px !important;
    height:auto !important;
  }
}

/* v1.32 Quick Match */
.samp-quick-server-form{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:12px;align-items:end}
.samp-quick-server-form label{display:grid;gap:7px}
.samp-quick-server-form label>span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#aeb8c5}
.samp-quick-server-form input{width:100%;min-height:44px;border:1px solid #26303b;background:#090d12;color:#fff;padding:0 12px;outline:none}
.samp-quick-server-form input:focus{border-color:#ed1717}
@media(max-width:760px){.samp-quick-server-form{grid-template-columns:1fr}.samp-quick-server-form .lobby-primary{width:100%}}


/* v1.32.1 — transparent auto-find result. */
.quick-no-match{margin:0 0 14px;padding:13px 14px;border:1px solid #3a3030;background:#120c0d;display:grid;gap:5px}
.quick-no-match strong{font-size:12px;letter-spacing:.06em;color:#fff}
.quick-no-match span{font-size:11px;line-height:1.45;color:#aeb8c5}
.quick-no-match a{margin-top:5px;min-height:38px;display:flex;align-items:center;justify-content:center;background:#c80f14;color:#fff;font-size:11px;font-weight:900;letter-spacing:.05em;text-decoration:none}
.lobby-selected-region{border:1px solid #26303b;background:#090d12;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.lobby-selected-region span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#aeb8c5;text-transform:uppercase}
.lobby-selected-region strong{font-size:12px;color:#fff}


/* v1.34 account management */
.account-security-page{padding:42px 20px 64px}.account-security-shell{max-width:1080px;margin:0 auto}.account-security-head{margin-bottom:22px}.account-security-head>span{color:#ed1717;font-size:10px;font-weight:950;letter-spacing:.12em}.account-security-head h1{margin:7px 0 6px;font-size:28px}.account-security-head p{margin:0;max-width:720px;color:#8d97a1;font-size:10px;line-height:1.7}.account-security-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:14px}.account-security-card{padding:20px;border:1px solid rgba(255,255,255,.08);background:#090c10}.account-security-card:first-child{grid-row:span 2}.account-security-card>span{color:#ed1717;font-size:10px;font-weight:950}.account-security-card h2{margin:7px 0 5px;font-size:13px}.account-security-card>p{margin:0 0 16px;color:#808b95;font-size:10px;line-height:1.65}.account-security-card.danger{border-color:rgba(237,23,23,.22)}.account-secondary-button,.account-danger-button{min-height:40px;padding:0 15px;border:1px solid rgba(255,255,255,.14);background:#0c1015;color:#f0f2f4;font-size:10px;font-weight:950;cursor:pointer}.account-danger-button{border-color:rgba(237,23,23,.4);color:#ff777b}.account-email-note{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:13px 15px;border:1px solid rgba(255,255,255,.06);color:#7d8790;font-size:10px}.account-email-note strong{color:#d6dadd;font-size:10px}.account-security-card .auth-form{margin-top:12px}
@media(max-width:760px){.account-security-page{padding:24px 12px 44px}.account-security-grid{grid-template-columns:1fr}.account-security-card:first-child{grid-row:auto}.account-email-note{align-items:flex-start;flex-direction:column}}

/* v1.35.4 — admin readability polish */
.admin-page{min-height:calc(100vh - var(--header));padding:38px 24px 70px;background:radial-gradient(ellipse at 18% 8%,rgba(237,23,23,.06),transparent 28%),#05070a}.admin-shell{width:min(1080px,100%);margin:0 auto}.admin-head>span{color:var(--red);font-size:10px;font-weight:950;letter-spacing:.14em}.admin-head h1{margin:6px 0;font-size:28px}.admin-head p{margin:0;max-width:720px;color:#929da6;font-size:11px;line-height:1.65}.admin-status{margin:16px 0;padding:11px 13px;border:1px solid rgba(255,255,255,.09);background:#0a0e13;color:#cfd5da;font-size:10px;line-height:1.45;font-weight:800}.admin-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.admin-tabs a{padding:8px 10px;border:1px solid rgba(255,255,255,.1);color:#b8c0c7;font-size:10px;font-weight:950}.admin-section{margin-top:14px;padding:16px;border:1px solid rgba(255,255,255,.08);background:#090c10}.admin-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.admin-section-head h2{margin:0;font-size:13px}.admin-section-head span{color:#87929c;font-size:10px}.admin-list{display:grid;gap:7px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 12px;border:1px solid rgba(255,255,255,.065);background:#070a0e}.admin-row>div{min-width:0}.admin-row strong,.admin-row small{display:block}.admin-row strong{font-size:10.5px;line-height:1.35}.admin-row small{margin-top:4px;color:#8a959e;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.admin-row form{margin:0;flex:none}.admin-danger,.admin-safe,.admin-link{min-height:33px;padding:0 11px;border:1px solid rgba(255,255,255,.13);background:#0d1116;color:#d7dce0;font-size:10px;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.admin-danger{border-color:rgba(237,23,23,.35);color:#ff777b}.admin-safe{border-color:rgba(92,210,128,.28);color:#90dda7}.admin-link{color:#d7dce0}.admin-empty{margin:0;padding:18px;text-align:center;color:#87929c;font-size:10px;line-height:1.5}@media(max-width:640px){.admin-page{padding:24px 12px 50px}.admin-row{align-items:flex-start;flex-direction:column}.admin-row form,.admin-row button,.admin-link{width:100%}}

/* v1.35.6 — admin dashboard redesign */
.admin-page{padding:34px 24px 76px;background:radial-gradient(circle at 18% 2%,rgba(237,23,23,.075),transparent 25%),linear-gradient(180deg,#06080b 0%,#05070a 100%)}
.admin-shell{width:min(1180px,100%)}
.admin-head-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(16,20,26,.96),rgba(7,10,14,.96));box-shadow:0 18px 60px rgba(0,0,0,.22)}
.admin-head h1{font-size:30px;letter-spacing:-.025em}.admin-head p{font-size:12px;max-width:760px}.admin-role-badge{flex:none;padding:9px 12px;border:1px solid rgba(237,23,23,.35);background:rgba(237,23,23,.06);color:#ff7d80;font-size:10px;font-weight:950;letter-spacing:.12em}
.admin-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}
.admin-stat{min-height:92px;padding:17px 18px;border:1px solid rgba(255,255,255,.08);background:#090d12;display:flex;flex-direction:column;justify-content:center;transition:border-color .15s ease,transform .15s ease,background .15s ease}.admin-stat:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.16);background:#0c1117}.admin-stat span{font-size:27px;font-weight:950;line-height:1;color:#f3f6f8}.admin-stat small{margin-top:8px;color:#89949e;font-size:10px;font-weight:900;letter-spacing:.055em}.admin-stat.is-live{border-color:rgba(66,210,124,.2)}.admin-stat.is-warning{border-color:rgba(237,23,23,.22)}
.admin-tabs{margin:13px 0 18px;padding:7px;border:1px solid rgba(255,255,255,.07);background:#080b10;gap:6px}.admin-tabs a{display:flex;align-items:center;gap:8px;padding:9px 11px;border-color:transparent;background:#0a0e13;font-size:10px}.admin-tabs a:hover{border-color:rgba(237,23,23,.32);color:#fff}.admin-tabs a span{color:var(--red);font-size:10px}
.admin-section{margin-top:14px;padding:0;border-color:rgba(255,255,255,.09);background:#080b0f;overflow:hidden}.admin-section-head{margin:0;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,#0e1218,#090c10)}.admin-section-head>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.admin-section-index{grid-row:1/3;display:flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid rgba(237,23,23,.28);color:#ff6266;font-size:10px;font-weight:950}.admin-section-head h2{font-size:13px}.admin-section-head p{margin:3px 0 0;color:#7e8993;font-size:10px;line-height:1.4}.admin-section-head>strong{min-width:31px;height:31px;padding:0 8px;border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;color:#d8dee3;font-size:10px}
.admin-list{gap:0}.admin-row{min-height:64px;padding:14px 16px;border:0;border-bottom:1px solid rgba(255,255,255,.065);background:#080b0f}.admin-row:last-child{border-bottom:0}.admin-row:hover{background:#0a0e13}.admin-row-main{min-width:0;flex:1}.admin-row-titleline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-row strong{font-size:11.5px}.admin-row small{font-size:10px;margin-top:4px;color:#929da6}.admin-pills{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.admin-pill{padding:4px 6px;border:1px solid rgba(255,255,255,.09);color:#9da7b0;font-size:10px;font-weight:950;line-height:1;letter-spacing:.055em}.admin-pill.is-safe{border-color:rgba(77,208,125,.23);color:#75d99a}.admin-pill.is-danger{border-color:rgba(237,23,23,.28);color:#ff777b}.admin-pill.is-online{border-color:rgba(49,221,111,.25);color:#42df7b}.admin-user-row.is-suspended{background:linear-gradient(90deg,rgba(237,23,23,.045),#080b0f 28%)}
.admin-danger,.admin-safe,.admin-link{min-height:36px;padding:0 13px;font-size:10px;letter-spacing:.025em}.admin-danger:hover{background:rgba(237,23,23,.09)}.admin-safe:hover{background:rgba(92,210,128,.08)}.admin-link:hover{border-color:rgba(255,255,255,.25);background:#11171e;color:#fff}.admin-empty{padding:27px 18px;font-size:10px;background:#080b0f}
@media(max-width:900px){.admin-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-head-card{align-items:flex-start}}
@media(max-width:640px){.admin-page{padding:20px 12px 48px}.admin-head-card{padding:18px;flex-direction:column}.admin-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stat{min-height:78px}.admin-section-head{align-items:flex-start}.admin-section-head p{max-width:260px}.admin-row-titleline{align-items:flex-start}.admin-pills{margin-top:2px}}
/* v1.35.7 admin sections + server pagination */
.admin-tabs a.is-active{border-color:rgba(237,23,23,.42);background:rgba(237,23,23,.08);color:#fff}.admin-tools{display:flex;align-items:end;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07);background:#070a0e}.admin-tools label{display:grid;gap:5px;min-width:180px;flex:1}.admin-tools label span{font-size:10px;color:#89949e;font-weight:900}.admin-tools input,.admin-tools select{height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.1);background:#0b0f14;color:#e8ecef;font-size:10px}.admin-tools button{height:36px;padding:0 16px;border:1px solid rgba(237,23,23,.35);background:#b7090d;color:#fff;font-size:10px;font-weight:950;cursor:pointer}.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border-top:1px solid rgba(255,255,255,.07);background:#070a0e;color:#8e99a3;font-size:10px}.admin-pagination>div{display:flex;align-items:center;gap:9px}.admin-pagination a,.admin-pagination strong{padding:8px 10px;border:1px solid rgba(255,255,255,.1);background:#0b0f14;color:#d9dfe4;font-size:10px}.admin-pagination a:hover{border-color:rgba(237,23,23,.35);color:#fff}@media(max-width:640px){.admin-tools{align-items:stretch;flex-direction:column}.admin-tools label{min-width:0}.admin-pagination{align-items:flex-start;flex-direction:column}.admin-pagination>div{width:100%;justify-content:space-between}}
/* v1.36.2 — Global readability + arena-style lobby cards */
/* Readability floor: secondary/helper copy must stay readable on dark UI. */
body{font-size:16px}
body small{line-height:1.45}
.eyebrow,.supported-label,.panel-head p,.field>span,.activity-item small,.online-total,
.player-card-name p,.player-card-facts span,.player-card-games span,.player-card-games small,.players-empty p,.players-limit-note,
.lobbies-heading>span,.lobbies-heading p,.lobby-search label>span,.simple-lobby-form label>span,.simple-lobby-form label small,.simple-lobby-form label em,
.lobbies-result-head p,.lobby-limit-note,.players-secondary-link,.lobby-form-card>p,.lobby-back,.lobby-status-message,.lobby-big-count small,
.lobby-detail-facts span,.lobby-member-list small,.lobby-detail-action>span,.ready-progress,.member-ready-state,.ready-check-panel>div:first-child>span,.ready-check-panel p,
.live-matches-panel .panel-head>span,.live-match-row small,.live-match-row b,.recent-real-row small,.recent-real-row>span,.recent-real-row>b,
.game-connect-copy>span,.game-connect-copy p,.game-server-address small,.game-connect-note,.match-feedback-head>span,.match-feedback-head p,
.match-feedback-meta span,.match-feedback-person small,.match-feedback-self,.match-feedback-note,.account-security-head>span,.account-security-card>span,
.account-security-card>p,.account-email-note,.panel-head>a,.home-lobby-row b,.home-lobby-empty span,.dashboard-panel .panel-head>a{
  font-size:11px!important;line-height:1.52!important
}
.field select,.lobby-search select,.simple-lobby-form select,.simple-lobby-form input[type=text],.simple-lobby-form input[type=url],.lobby-search-actions a,.lobby-search-actions button,
.simple-lobby-form>button,.create-lobby-link,.lobby-primary,.lobby-card-actions .lobby-primary,.lobby-secondary,.lobby-danger,.player-card-open,
.feedback-good,.feedback-problem,.account-secondary-button,.account-danger-button{font-size:11.4px!important}
.player-card-facts strong,.lobby-detail-facts strong,.lobby-member-list strong,.live-match-row strong,.match-feedback-meta strong,.match-feedback-person strong,
.account-email-note strong{font-size:12px!important}

 .lobbies-page{padding-top:34px;background:
  radial-gradient(ellipse at 16% 6%,rgba(237,23,23,.115),transparent 28%),
  radial-gradient(ellipse at 82% 36%,rgba(30,42,55,.08),transparent 36%),
  #05070a}
.lobbies-shell{width:min(1180px,100%)}
.lobbies-heading{max-width:760px;margin:0 auto 16px;text-align:center}
.lobbies-heading>span{font-size:10px!important;letter-spacing:1.2px}.lobbies-heading h1{font-size:31px;letter-spacing:-.5px}.lobbies-heading p{max-width:620px;margin:5px auto 0}
.lobby-search{max-width:930px;margin:0 auto 18px;padding:13px;border:1px solid rgba(255,255,255,.095);border-radius:10px;background:linear-gradient(145deg,rgba(13,18,24,.96),rgba(7,10,14,.98));box-shadow:0 18px 50px rgba(0,0,0,.24)}
.lobbies-result-head{max-width:1320px;margin:16px auto 10px}.lobbies-result-head h2{font-size:16px}.create-lobby-link{border-radius:6px;box-shadow:0 8px 22px rgba(189,10,15,.18)}
.lobby-grid{max-width:1320px;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lobby-grid:has(>article:only-child){grid-template-columns:minmax(0,560px);justify-content:center}

.lobby-card-arena{position:relative;min-height:232px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#080b10;box-shadow:0 22px 58px rgba(0,0,0,.38);isolation:isolate}
.lobby-card-arena:before{content:"";position:absolute;inset:0;z-index:-2;background:
  radial-gradient(circle at 15% 18%,rgba(237,23,23,.18),transparent 28%),
  linear-gradient(110deg,rgba(8,11,16,.94) 7%,rgba(8,11,16,.83) 42%,rgba(8,11,16,.965) 100%)}
.lobby-card-atmosphere{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.lobby-card-atmosphere:before{content:"";position:absolute;inset:-2%;background:
  linear-gradient(90deg,rgba(5,7,10,.99) 0%,rgba(5,7,10,.90) 34%,rgba(5,7,10,.56) 68%,rgba(5,7,10,.92) 100%),
  radial-gradient(circle at 82% 18%,rgba(237,23,23,.22),transparent 32%),
  url('/assets/img/samp.webp') right center/cover no-repeat;opacity:.92;filter:saturate(.76) contrast(1.08) brightness(.40);transform:scale(1.08)}
.lobby-card-arena.game-pubg .lobby-card-atmosphere:before{background:
  linear-gradient(90deg,rgba(5,7,10,.99) 0%,rgba(5,7,10,.91) 34%,rgba(5,7,10,.57) 68%,rgba(5,7,10,.92) 100%),
  radial-gradient(circle at 82% 18%,rgba(237,23,23,.22),transparent 32%),
  url('/assets/img/pubg.webp') right center/cover no-repeat;opacity:.92;filter:saturate(.78) contrast(1.08) brightness(.42);transform:scale(1.06)}
.lobby-card-arena.game-valorant .lobby-card-atmosphere:before{background:
  linear-gradient(90deg,rgba(5,7,10,.99) 0%,rgba(5,7,10,.905) 33%,rgba(5,7,10,.54) 68%,rgba(5,7,10,.92) 100%),
  radial-gradient(circle at 80% 18%,rgba(237,23,23,.24),transparent 32%),
  url('/assets/img/valorant.webp') right center/cover no-repeat;opacity:.92;filter:saturate(.85) contrast(1.1) brightness(.40);transform:scale(1.08)}
.lobby-card-arena.game-cod .lobby-card-atmosphere:before{background:
  linear-gradient(90deg,rgba(5,7,10,.99) 0%,rgba(5,7,10,.90) 33%,rgba(5,7,10,.57) 68%,rgba(5,7,10,.92) 100%),
  radial-gradient(circle at 80% 18%,rgba(237,23,23,.22),transparent 32%),
  url('/assets/img/cod.webp') right center/cover no-repeat;opacity:.92;filter:saturate(.76) contrast(1.08) brightness(.40);transform:scale(1.08)}
.lobby-card-arena.game-cs2 .lobby-card-atmosphere:before{background:
  linear-gradient(90deg,rgba(5,7,10,.99) 0%,rgba(5,7,10,.90) 33%,rgba(5,7,10,.57) 68%,rgba(5,7,10,.92) 100%),
  radial-gradient(circle at 80% 18%,rgba(237,23,23,.22),transparent 32%),
  url('/assets/img/cs2.webp') right center/cover no-repeat;opacity:.92;filter:saturate(.74) contrast(1.08) brightness(.42);transform:scale(1.09)}
.lobby-card-arena.game-apex .lobby-card-atmosphere:before{background:
  linear-gradient(90deg,rgba(5,7,10,.99) 0%,rgba(5,7,10,.905) 33%,rgba(5,7,10,.55) 68%,rgba(5,7,10,.92) 100%),
  radial-gradient(circle at 80% 18%,rgba(237,23,23,.24),transparent 32%),
  url('/assets/img/apex.webp') right center/cover no-repeat;opacity:.92;filter:saturate(.82) contrast(1.12) brightness(.41);transform:scale(1.08)}
.lobby-card-atmosphere span{position:absolute;right:1.8%;top:16%;max-width:40%;font-size:50px;font-weight:1000;font-style:italic;line-height:.82;text-align:right;letter-spacing:-2.5px;color:rgba(255,255,255,.078);text-transform:uppercase;transform:skew(-7deg);text-shadow:0 0 48px rgba(237,23,23,.24);user-select:none}
.lobby-card-arena.game-samp .lobby-card-atmosphere span{font-family:var(--font-ui);font-size:50px;letter-spacing:-1.5px;color:rgba(255,255,255,.09);text-shadow:0 0 46px rgba(237,23,23,.22)}
.lobby-card-arena.game-samp .lobby-card-atmosphere:after{display:none}
.lobby-card-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;padding:15px 15px 12px}
.lobby-card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.055)}.lobby-card-kicker{display:block;margin-bottom:4px;color:#ff5c61;font-size:10px;font-weight:950;letter-spacing:1.05px;text-transform:uppercase}.lobby-card-title{max-width:calc(100% - 82px)}.lobby-card-title h3{margin:0;font-size:20px;line-height:1.06;letter-spacing:-.2px;text-shadow:0 2px 14px rgba(0,0,0,.42)}
.lobby-live-state{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(61,214,124,.24);border-radius:999px;background:rgba(61,214,124,.055);color:#65e69a;font-size:10px;font-weight:950;letter-spacing:.72px}.lobby-live-state i{width:7px;height:7px;border-radius:50%;background:#46dc82;box-shadow:0 0 0 0 rgba(70,220,130,.5);animation:lobbyPulse 2s ease-out infinite}@keyframes lobbyPulse{0%{box-shadow:0 0 0 0 rgba(70,220,130,.5)}70%{box-shadow:0 0 0 8px rgba(70,220,130,0)}100%{box-shadow:0 0 0 0 rgba(70,220,130,0)}}
.lobby-card-main{margin-top:12px;display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:end}.lobby-card-count strong{display:block;font-size:31px;line-height:.85;letter-spacing:-1.8px}.lobby-card-count strong span{margin-left:3px;color:#77818c;font-size:16px;letter-spacing:-1px}.lobby-card-count small{display:block;margin-top:5px;color:#acb4bc;font-size:10.8px;font-weight:900}.lobby-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lobby-card-meta>div{padding:7px 8px;border:1px solid rgba(255,255,255,.085);border-radius:10px;background:linear-gradient(180deg,rgba(9,13,18,.62),rgba(6,9,13,.45));backdrop-filter:blur(5px)}.lobby-card-meta span{display:block;color:#7f8b95;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.72px}.lobby-card-meta b{display:block;margin-top:3px;color:#eef2f5;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lobby-arena-progress{height:4px;margin:10px 0 8px;border-radius:99px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.08));overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.lobby-arena-progress progress{display:block;width:100%;height:100%;border:0;appearance:none;-webkit-appearance:none;background:transparent}.lobby-arena-progress progress::-webkit-progress-bar{background:transparent}.lobby-arena-progress progress::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,#7e060a 0%,var(--red) 46%,#ff5659 100%);box-shadow:0 0 18px rgba(237,23,23,.34)}.lobby-arena-progress progress::-moz-progress-bar{border-radius:99px;background:linear-gradient(90deg,#7e060a 0%,var(--red) 46%,#ff5659 100%);box-shadow:0 0 18px rgba(237,23,23,.34)}
.lobby-player-preview{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:auto}.lobby-preview-label{color:#87939c;font-size:10px;font-weight:950;letter-spacing:.7px;text-transform:uppercase}.lobby-player-chips{display:flex;align-items:center;justify-content:flex-start;gap:5px;flex-wrap:wrap}.lobby-player-chip{display:inline-flex;align-items:center;gap:5px;max-width:132px;padding:3px 7px 3px 3px;border:1px solid rgba(255,255,255,.085);border-radius:999px;background:rgba(8,12,17,.76)}.lobby-player-chip i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#272f38,#11161d);border:1px solid rgba(237,23,23,.26);color:#fff;font-size:10px;font-style:normal;font-weight:950}.lobby-player-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.2px}.lobby-player-more{padding:5px 7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#8d98a2;font-size:10px;font-weight:900}
.lobby-card-extra{margin-top:8px;padding:7px 9px;border-left:2px solid rgba(237,23,23,.42);background:rgba(5,8,12,.42)}.lobby-card-extra span{color:#a6afb7;font-size:10px;font-weight:900}.lobby-card-extra p{margin:4px 0 0;color:#aab2ba;font-size:10.1px;line-height:1.42}
.lobby-card-actions-arena{margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.065);background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.012))}.lobby-card-actions-arena>a:first-child{font-size:10.6px!important;color:#b0b9c1}.lobby-card-actions-arena .lobby-primary{min-width:128px;min-height:36px;border-radius:7px;box-shadow:0 8px 24px rgba(198,12,18,.18)}
.lobby-empty{max-width:900px;margin:0 auto;border-radius:10px}

@media(min-width:1260px){.lobby-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-card-arena{min-height:226px}}
@media(min-width:1560px){.lobby-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lobby-card-arena{min-height:222px}.lobby-card-main{grid-template-columns:1fr;gap:10px}.lobby-card-meta{grid-template-columns:1fr 1fr}.lobby-card-title{max-width:calc(100% - 74px)}.lobby-card-title h3{font-size:18px}}
@media(max-width:780px){.lobby-grid,.lobby-grid:has(>article:only-child){grid-template-columns:1fr}.lobby-card-main{grid-template-columns:1fr}.lobby-card-count strong{font-size:34px}.lobby-card-atmosphere span,.lobby-card-arena.game-samp .lobby-card-atmosphere span{font-size:44px;max-width:54%}}
@media(max-width:560px){.lobbies-heading{text-align:left}.lobby-search{padding:13px}.lobby-card-content{padding:16px 14px 13px}.lobby-card-title h3{font-size:20px}.lobby-card-meta{grid-template-columns:1fr}.lobby-card-actions-arena{align-items:stretch}.lobby-card-actions-arena .lobby-primary,.lobby-card-actions-arena form{width:100%}.lobby-card-atmosphere span,.lobby-card-arena.game-samp .lobby-card-atmosphere span{font-size:36px;max-width:62%;right:2%}}


/* v1.36.6 — Lobby room visual redesign */
.lobby-detail-page{padding-top:34px;background:
  radial-gradient(ellipse at 14% 7%,rgba(237,23,23,.12),transparent 28%),
  radial-gradient(ellipse at 86% 30%,rgba(34,45,58,.08),transparent 34%),
  #05070a}
.lobby-detail-shell{width:min(1180px,100%);margin:0 auto}
.lobby-back{margin-bottom:12px;font-size:11px!important;color:#a6b0b8;letter-spacing:.15px}
.lobby-status-message{margin-bottom:12px;padding:11px 13px;border-radius:9px;border-color:rgba(237,23,23,.30);background:linear-gradient(180deg,rgba(237,23,23,.08),rgba(237,23,23,.035));font-size:11px!important;font-weight:850}
.lobby-detail-head{position:relative;overflow:hidden;isolation:isolate;min-height:178px;padding:24px 26px;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:14px 14px 0 0;background:#080b10;box-shadow:0 24px 60px rgba(0,0,0,.32)}
.lobby-detail-watermark{position:absolute;left:56%;top:52%;transform:translate(-50%,-50%);max-width:44%;font-size:84px;font-weight:1000;font-style:italic;line-height:.82;letter-spacing:-3px;text-transform:uppercase;color:rgba(255,255,255,.10);text-shadow:0 0 42px rgba(237,23,23,.20);user-select:none;pointer-events:none;white-space:nowrap;z-index:-1}
.lobby-detail-head:before{content:"";position:absolute;z-index:-2;inset:0;background:
  linear-gradient(90deg,rgba(5,7,10,.975) 0%,rgba(5,7,10,.83) 34%,rgba(5,7,10,.42) 66%,rgba(5,7,10,.90) 100%),
  radial-gradient(circle at 72% 28%,rgba(237,23,23,.24),transparent 34%),
  url('/assets/img/samp.webp') 68% center/cover no-repeat;filter:saturate(.80) contrast(1.08) brightness(.48)}
.lobby-detail-page.game-pubg .lobby-detail-head:before{background:linear-gradient(90deg,rgba(5,7,10,.985),rgba(5,7,10,.84) 34%,rgba(5,7,10,.44) 66%,rgba(5,7,10,.90)),radial-gradient(circle at 72% 25%,rgba(237,23,23,.23),transparent 33%),url('/assets/img/pubg.webp') 68% center/cover no-repeat;filter:saturate(.84) contrast(1.1) brightness(.47)}
.lobby-detail-page.game-valorant .lobby-detail-head:before{background:linear-gradient(90deg,rgba(5,7,10,.985),rgba(5,7,10,.83) 34%,rgba(5,7,10,.40) 66%,rgba(5,7,10,.89)),radial-gradient(circle at 70% 24%,rgba(237,23,23,.28),transparent 34%),url('/assets/img/valorant.webp') 62% center/cover no-repeat;filter:saturate(.92) contrast(1.12) brightness(.49)}
.lobby-detail-page.game-cod .lobby-detail-head:before{background:linear-gradient(90deg,rgba(5,7,10,.985),rgba(5,7,10,.84) 34%,rgba(5,7,10,.43) 66%,rgba(5,7,10,.90)),radial-gradient(circle at 72% 25%,rgba(237,23,23,.23),transparent 33%),url('/assets/img/cod.webp') 66% center/cover no-repeat;filter:saturate(.80) contrast(1.08) brightness(.47)}
.lobby-detail-page.game-cs2 .lobby-detail-head:before{background:linear-gradient(90deg,rgba(5,7,10,.985),rgba(5,7,10,.84) 34%,rgba(5,7,10,.43) 66%,rgba(5,7,10,.90)),radial-gradient(circle at 72% 25%,rgba(237,23,23,.23),transparent 33%),url('/assets/img/cs2.webp') 66% center/cover no-repeat;filter:saturate(.80) contrast(1.08) brightness(.49)}
.lobby-detail-page.game-apex .lobby-detail-head:before{background:linear-gradient(90deg,rgba(5,7,10,.985),rgba(5,7,10,.83) 34%,rgba(5,7,10,.41) 66%,rgba(5,7,10,.89)),radial-gradient(circle at 70% 24%,rgba(237,23,23,.28),transparent 34%),url('/assets/img/apex.webp') 62% center/cover no-repeat;filter:saturate(.90) contrast(1.12) brightness(.48)}
.lobby-detail-head:after{content:"";position:absolute;right:-1%;bottom:-18%;width:46%;height:84%;background:linear-gradient(135deg,transparent 0 55%,rgba(237,23,23,.12) 56% 58%,transparent 59%);transform:skewX(-14deg);z-index:-1;opacity:.78}
.lobby-detail-head>div:first-child{max-width:650px}
.lobby-detail-head>div>span{font-size:10px!important;letter-spacing:1.15px;color:#ff5e62}
.lobby-detail-head h1{margin:6px 0 6px;font-size:34px;line-height:1.03;letter-spacing:-.6px;text-shadow:0 3px 20px rgba(0,0,0,.46)}
.lobby-detail-head p{font-size:11.5px!important;color:#b1bbc3;line-height:1.5}
.lobby-big-count{min-width:154px;padding:14px 16px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:linear-gradient(180deg,rgba(8,12,17,.72),rgba(5,8,12,.48));backdrop-filter:blur(6px);text-align:center}
.lobby-big-count strong{font-size:31px;line-height:1;letter-spacing:-1px}.lobby-big-count small{display:block;margin-top:7px;font-size:10.5px!important;color:#a8b1b9;font-weight:900}
.lobby-detail-facts{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-top:0;border-radius:0 0 14px 14px;background:linear-gradient(180deg,rgba(10,14,19,.96),rgba(7,10,14,.98))}
.lobby-detail-facts>div{padding:14px 16px}.lobby-detail-facts span{font-size:10px!important;letter-spacing:.75px;color:#818d97;text-transform:uppercase}.lobby-detail-facts strong{margin-top:5px;font-size:12.5px!important;color:#edf1f4}
.lobby-members{margin-top:16px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:linear-gradient(155deg,rgba(12,16,22,.98),rgba(7,10,14,.99));box-shadow:0 16px 44px rgba(0,0,0,.18)}
.lobby-section-head{margin-bottom:13px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.055)}.lobby-members h2{font-size:16px}.ready-progress{padding:6px 9px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.025);font-size:10px!important}.ready-progress.is-complete{border-color:rgba(61,214,124,.28);color:#68e99f;background:rgba(61,214,124,.055)}
.lobby-member-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lobby-member-list>a{position:relative;min-height:64px;padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:linear-gradient(180deg,rgba(8,12,17,.84),rgba(6,9,13,.76));transition:border-color .15s ease,transform .15s ease,background .15s ease}.lobby-member-list>a:hover{border-color:rgba(237,23,23,.28);background:rgba(14,18,24,.90);transform:translateY(-1px)}
.lobby-member-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#252d36,#10151b);font-size:13px}.lobby-member-list strong{font-size:12px!important}.lobby-member-list small{font-size:10px!important;color:#8e99a3}.member-ready-state{padding:6px 8px;border-radius:999px;font-size:10px!important;background:rgba(255,255,255,.025)}.member-ready-state.is-ready{border-color:rgba(61,214,124,.28);color:#68e99f;background:rgba(61,214,124,.055)}
.ready-check-panel{margin-top:16px;padding:18px 20px;border-radius:12px;border-color:rgba(237,23,23,.26);background:linear-gradient(135deg,rgba(27,10,13,.95),rgba(8,11,15,.98) 58%,rgba(13,18,24,.98));box-shadow:0 16px 42px rgba(0,0,0,.18)}.ready-check-panel.is-complete{border-color:rgba(61,214,124,.28);background:linear-gradient(135deg,rgba(8,26,17,.82),rgba(8,11,15,.98) 58%,rgba(13,18,24,.98))}.ready-check-panel>div:first-child>span{font-size:10px!important;letter-spacing:1px}.ready-check-panel h2{margin:5px 0 6px;font-size:18px}.ready-check-panel p{font-size:11px!important;color:#a3adb5;line-height:1.5}.ready-check-actions{gap:9px}.ready-check-actions button,.ready-check-actions .lobby-secondary{min-height:40px;border-radius:7px}
.game-connect-panel{border-radius:12px;padding:19px 20px;background:linear-gradient(135deg,rgba(26,10,13,.96),rgba(8,12,16,.98));box-shadow:0 16px 42px rgba(0,0,0,.20)}
.game-connect-copy>span{font-size:10px!important}.game-connect-copy h2{font-size:20px}.game-connect-copy p{font-size:11px!important}.game-server-address{border-radius:9px}.game-server-address small{font-size:10px!important}.game-server-address strong{font-size:15px}.game-connect-note{font-size:10px!important}
.lobby-detail-action{margin-top:14px;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.05)}.lobby-detail-action>span{font-size:10.5px!important}.lobby-detail-action .lobby-secondary,.lobby-detail-action .lobby-danger{min-height:40px;border-radius:7px}
@media(max-width:1000px){.lobby-member-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.lobby-detail-head{min-height:auto;padding:20px;align-items:flex-start}.lobby-detail-watermark{left:58%;top:54%;font-size:56px;max-width:58%}.lobby-detail-head h1{font-size:29px}.lobby-big-count{min-width:0;width:100%;text-align:left}.lobby-member-list{grid-template-columns:1fr}.lobby-detail-facts{grid-template-columns:1fr}.lobby-detail-facts>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.lobby-detail-facts>div:last-child{border-bottom:0}}

/* v1.36.7 — Lobby room structure: overview + players/slots + controls */
.lobby-room-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:16px;align-items:stretch}
.lobby-room-overview,.lobby-room-slots{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:linear-gradient(155deg,rgba(12,16,22,.985),rgba(7,10,14,.995));box-shadow:0 18px 48px rgba(0,0,0,.20);overflow:hidden}
.lobby-room-overview .lobby-detail-head{min-height:170px;border:0;border-radius:0;box-shadow:none}
.lobby-overview-body{padding:14px 16px 16px}
.lobby-room-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;margin-bottom:11px;border-bottom:1px solid rgba(255,255,255,.055)}
.lobby-room-section-title>span{color:#f1f4f6;font-size:12px;font-weight:950;letter-spacing:.2px}
.lobby-room-section-title>b{padding:5px 8px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#a8b2bb;background:rgba(255,255,255,.025);font-size:10px;font-weight:950;letter-spacing:.5px;text-transform:uppercase}
.lobby-room-section-title>b.is-ready{border-color:rgba(61,214,124,.28);color:#68e99f;background:rgba(61,214,124,.055)}
.lobby-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.lobby-overview-grid>div{min-width:0;padding:10px 11px;border:1px solid rgba(255,255,255,.072);border-radius:10px;background:linear-gradient(180deg,rgba(9,13,18,.70),rgba(6,9,13,.50))}
.lobby-overview-grid span,.lobby-room-note span{display:block;color:#83909a;font-size:10px;font-weight:950;letter-spacing:.7px;text-transform:uppercase}
.lobby-overview-grid strong{display:block;margin-top:4px;color:#eef2f5;font-size:12.5px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lobby-room-note{margin-top:9px;padding:10px 11px;border-left:2px solid rgba(237,23,23,.42);background:rgba(5,8,12,.42)}
.lobby-room-note p{margin:5px 0 0;color:#acb5bc;font-size:11px;line-height:1.48}

.lobby-room-slots{padding:16px}
.lobby-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.lobby-slot{min-width:0;min-height:58px;padding:9px 10px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:linear-gradient(180deg,rgba(8,12,17,.84),rgba(6,9,13,.78));display:flex;align-items:center;gap:9px;color:#eef2f5;position:relative}
a.lobby-slot{transition:border-color .15s ease,background .15s ease,transform .15s ease}
a.lobby-slot:hover{border-color:rgba(237,23,23,.28);background:rgba(14,18,24,.92);transform:translateY(-1px)}
.lobby-slot .lobby-member-avatar{flex:0 0 auto;width:34px;height:34px;border-radius:50%;font-size:11.5px}
.lobby-slot>div{min-width:0}.lobby-slot strong{display:block;font-size:11.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-slot small{display:block;margin-top:2px;color:#82909b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lobby-slot em{margin-left:auto;padding:5px 7px;border:1px solid rgba(61,214,124,.26);border-radius:999px;color:#67e89e;background:rgba(61,214,124,.055);font-size:10px;font-weight:950;font-style:normal;white-space:nowrap}
.lobby-slot.is-player.is-ready{border-color:rgba(61,214,124,.20)}
.lobby-slot.is-empty{border-style:dashed;border-color:rgba(61,214,124,.22);background:linear-gradient(180deg,rgba(10,22,16,.32),rgba(6,12,10,.22));color:#9ac7ae;box-shadow:inset 0 0 0 1px rgba(61,214,124,.03)}
.lobby-empty-slot-icon{flex:0 0 auto;width:34px;height:34px;border:1px dashed rgba(99,220,151,.28);border-radius:50%;display:grid;place-items:center;color:#72c590;font-size:18px;font-weight:500;background:rgba(61,214,124,.04)}
.lobby-slot.is-empty strong{color:#b4ead0;font-size:10.5px;letter-spacing:.2px}.lobby-slot.is-empty small{color:#73a68a}

.lobby-room-controls-head{margin-top:16px;padding:0 2px 9px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.055)}
.lobby-room-controls-head>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.lobby-room-controls-head span{color:#f0f3f5;font-size:12px;font-weight:950}.lobby-room-controls-head strong{color:#7f8b95;font-size:10px;font-weight:700}
.lobby-room-controls-head+.ready-check-panel{margin-top:10px}

/* old full-width member panel is replaced by the slot room */
.lobby-room-layout+.lobby-members{display:none}

@media(max-width:980px){
  .lobby-room-layout{grid-template-columns:1fr}
  .lobby-room-overview .lobby-detail-head{min-height:158px}
  .lobby-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .lobby-overview-grid,.lobby-slot-grid{grid-template-columns:1fr}
  .lobby-room-slots,.lobby-overview-body{padding:13px}
  .lobby-room-section-title{align-items:flex-start;flex-direction:column}
  .lobby-room-controls-head>div{align-items:flex-start;flex-direction:column;gap:4px}
}

/* v1.36.9 — Players / Profile / Friends visual polish */
.players-page{padding-top:38px;background:
  radial-gradient(ellipse at 14% 8%,rgba(237,23,23,.11),transparent 27%),
  radial-gradient(ellipse at 84% 34%,rgba(33,45,58,.07),transparent 36%),
  #05070a}
.players-shell{width:min(1160px,100%);margin:0 auto}
.players-heading{max-width:760px;margin:0 auto 20px;text-align:center}
.players-heading>span{font-size:10px!important;letter-spacing:1.1px;color:#ff565b;font-weight:950}
.players-heading h1{margin:5px 0 6px;font-size:32px;letter-spacing:-.55px}
.players-heading p{max-width:620px;margin:0 auto;color:#9ca7b0;font-size:11px!important;line-height:1.55}
.players-search{padding:14px;border-radius:12px;background:linear-gradient(145deg,rgba(13,18,24,.97),rgba(7,10,14,.99));box-shadow:0 18px 48px rgba(0,0,0,.24)}
.players-search label>span{font-size:10px!important;letter-spacing:.55px;color:#87929c;text-transform:uppercase}
.players-search input,.players-search select{height:40px;border-radius:8px;font-size:11.3px;background:#080c11}
.players-result-head{margin-top:22px;margin-bottom:12px}.players-result-head h2{font-size:16px}.players-result-head p,.players-result-head>a{font-size:10.5px!important}
.players-grid{gap:14px}
.player-card{position:relative;overflow:hidden;padding:0;border-radius:13px;background:linear-gradient(155deg,rgba(13,18,24,.99),rgba(6,9,13,.995));box-shadow:0 18px 46px rgba(0,0,0,.22)}
.player-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,var(--red),rgba(237,23,23,.05))}
.player-card-top{padding:15px 16px 12px;background:linear-gradient(100deg,rgba(237,23,23,.075),transparent 58%);border-bottom:1px solid rgba(255,255,255,.055)}
.player-card-avatar{width:44px;height:44px;flex-basis:44px;border-radius:50%;background:linear-gradient(145deg,#252d36,#10151b);font-size:15px;box-shadow:0 0 0 4px rgba(237,23,23,.035)}
.player-card-name h3{font-size:13px}.player-card-name p{font-size:10.2px!important;color:#8b96a0}.player-card-me{border-radius:999px;font-size:10px;padding:5px 7px}
.player-card-facts{margin:0 15px;border-top:0}.player-card-facts>div{min-height:39px}.player-card-facts span{font-size:10px!important;text-transform:uppercase;letter-spacing:.45px}.player-card-facts strong{font-size:11px!important}
.player-card-games{margin:0 15px;min-height:44px;padding:10px 0 9px}.player-card-games span{padding:5px 7px;border-radius:999px;font-size:10px!important;background:rgba(255,255,255,.025)}.player-card-games span.primary{background:rgba(237,23,23,.065)}.player-card-games small{font-size:10px!important}
.player-card-open{margin:0 15px 15px;height:38px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));font-size:10.5px!important}.player-card-open:hover{background:rgba(237,23,23,.075)}

.public-profile-page{padding-top:38px;background:
  radial-gradient(ellipse at 14% 8%,rgba(237,23,23,.11),transparent 28%),
  radial-gradient(ellipse at 84% 32%,rgba(36,48,62,.07),transparent 34%),
  #05070a}
.public-profile-shell{width:min(1040px,100%)}
.public-profile-identity{position:relative;overflow:hidden;padding:20px 22px;border-radius:14px;background:linear-gradient(145deg,rgba(14,19,25,.99),rgba(7,10,14,.995))}
.public-profile-identity:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(237,23,23,.12),transparent 28%);pointer-events:none}
.public-profile-identity>*{position:relative;z-index:1}.public-profile-identity .profile-avatar{border-radius:50%;background:linear-gradient(145deg,#282f38,#0e1319);box-shadow:0 0 0 5px rgba(237,23,23,.035)}
.public-profile-name>span{font-size:10px!important;letter-spacing:.9px}.public-profile-name h1{font-size:27px}.public-profile-name p{font-size:10.5px;color:#909aa4}
.public-profile-edit,.public-profile-add-friend,.public-profile-friend-state,.public-profile-block-button,.public-profile-unblock{min-height:39px;border-radius:8px;font-size:10.5px!important;display:inline-flex;align-items:center;justify-content:center}
.public-profile-grid{grid-template-columns:minmax(0,1fr) 320px;gap:14px}.public-profile-main,.public-profile-info{border-radius:13px;padding:19px 20px}
.public-profile-section h2,.public-profile-info h2,.public-profile-private h2{font-size:15px}.public-profile-bio,.public-empty,.public-profile-private p{font-size:11px;line-height:1.6}
.public-game-list{overflow:hidden;border-radius:10px}.public-game-row{min-height:48px;padding:9px 11px}.public-game-row strong{font-size:11px}.public-game-row span{font-size:10px}.public-game-row em{font-size:10px;border-radius:999px}
.public-info-row{min-height:46px}.public-info-row span{font-size:10px;text-transform:uppercase;letter-spacing:.45px}.public-info-row strong{max-width:180px;font-size:11px}
.public-profile-bottom a{font-size:10.5px}

.friends-page{padding:38px 24px 70px;background:
  radial-gradient(ellipse at 14% 8%,rgba(237,23,23,.105),transparent 28%),
  radial-gradient(ellipse at 85% 34%,rgba(35,47,60,.065),transparent 35%),
  #05070a}
.friends-shell{max-width:1040px}.friends-head{margin-bottom:18px}.friends-head span,.friends-invite-banner span{font-size:10px;letter-spacing:.12em;color:#ff5b60;opacity:1}.friends-head h1{font-size:34px;margin:5px 0 5px}.friends-head p{font-size:11px;line-height:1.55;color:#9da8b1;opacity:1}
.friends-section,.friends-invite-banner{padding:16px 17px;margin-top:14px;border-radius:13px;background:linear-gradient(155deg,rgba(12,17,23,.985),rgba(7,10,14,.995));box-shadow:0 16px 42px rgba(0,0,0,.18)}
.friends-section-head{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.055)}.friends-section-head h2{font-size:15px}.friends-section-head>span{font-size:10px;opacity:.7}
.friends-list{gap:8px;margin-top:10px}.friend-row{min-height:62px;padding:10px 11px;border-radius:10px;background:linear-gradient(180deg,rgba(9,13,18,.77),rgba(6,9,13,.66));transition:border-color .15s ease,background .15s ease}.friend-row:hover{border-color:rgba(237,23,23,.18);background:rgba(13,18,24,.90)}
.friend-avatar{width:38px;height:38px;border:1px solid rgba(237,23,23,.22);background:linear-gradient(145deg,#282f38,#10151b)}.friend-person strong{font-size:11.5px}.friend-person small{font-size:10px;opacity:.72}.friend-presence{font-size:10px}.friend-presence.is-online{color:#62e899}.friend-presence.is-offline{color:#7d8892;opacity:1}
.friend-actions button,.friend-actions a,.feedback-friend{min-height:35px;border-radius:7px;font-size:10px}.friend-remove,.friend-block{font-size:10px;padding:8px}.friend-unavailable{font-size:10px}
.friends-empty{padding:24px 10px}.friends-empty h3{font-size:13px}.friends-empty p{font-size:10.5px;opacity:.72}

@media(max-width:900px){.public-profile-grid{grid-template-columns:1fr}.players-heading{text-align:left}.players-heading p{margin-left:0}.friends-head h1{font-size:30px}}
@media(max-width:680px){.players-page,.friends-page,.public-profile-page{padding-left:12px;padding-right:12px}.player-card-open{margin-left:12px;margin-right:12px}.player-card-facts,.player-card-games{margin-left:12px;margin-right:12px}.friends-section,.friends-invite-banner{padding:14px}.public-profile-main,.public-profile-info{padding:16px}}


/* v1.36.10 — Players directory list + public profile action fix */
.public-profile-actions{gap:10px}
.public-profile-actions form{display:flex}
.public-profile-actions button,.public-profile-edit,.public-profile-add-friend,.public-profile-friend-state,.public-profile-block-button,.public-profile-unblock{appearance:none;-webkit-appearance:none;box-shadow:none;text-shadow:none}
.public-profile-add-friend{min-width:150px;background:linear-gradient(180deg,rgba(237,23,23,.92),rgba(169,17,22,.88))!important;color:#fff!important;border-color:rgba(237,23,23,.65)!important}
.public-profile-add-friend:hover{background:linear-gradient(180deg,rgba(255,52,58,.96),rgba(179,19,24,.92))!important}
.public-profile-block-button{background:rgba(255,255,255,.02)!important;color:#ff9b9f!important}
.public-profile-unblock{background:rgba(255,255,255,.03)!important;color:#eef2f5!important}
.players-directory{display:flex;flex-direction:column;gap:16px}
.players-list-section{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(145deg,rgba(12,17,23,.99),rgba(6,9,13,.995));overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.18)}
.players-list-head{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(100deg,rgba(237,23,23,.06),transparent 48%)}
.players-list-head>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.players-list-head span{color:#aeb6be;font-size:10.5px;font-weight:950;letter-spacing:.65px;text-transform:uppercase}.players-list-head strong{color:#fff;font-size:16px}
.players-list{display:flex;flex-direction:column}
.player-row{display:grid;grid-template-columns:minmax(250px,1.2fr) minmax(130px,.6fr) minmax(130px,.6fr) minmax(220px,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-top:1px solid rgba(255,255,255,.045)}
.player-row:first-child{border-top:0}
.player-row:hover{background:rgba(255,255,255,.018)}
.player-row-main{display:flex;align-items:center;gap:12px;min-width:0}.player-row-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#262e37,#0f141b);border:1px solid rgba(237,23,23,.24);color:#fff;font-size:16px;font-weight:950;box-shadow:0 0 0 4px rgba(237,23,23,.035)}
.player-row-name{min-width:0}.player-row-titleline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.player-row-name h3{margin:0;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-row-name p{margin:2px 0 0;color:#89939d;font-size:10.2px}.player-row-name small{display:block;margin-top:5px;color:#72808b;font-size:10px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-row-you{padding:4px 7px;border:1px solid rgba(237,23,23,.34);border-radius:999px;color:#ff5960;font-size:10px;font-weight:950;letter-spacing:.45px}
.player-row-status{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.45px;text-transform:uppercase}.player-row-status.online{border:1px solid rgba(61,214,124,.28);background:rgba(61,214,124,.065);color:#73e4a0}.player-row-status.offline{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025);color:#94a0aa}
.player-row-fact{display:flex;flex-direction:column;gap:4px;min-width:0}.player-row-fact span,.player-row-games>span{color:#7d8892;font-size:10px;font-weight:950;letter-spacing:.45px;text-transform:uppercase}.player-row-fact strong{color:#e6eaed;font-size:10.8px;line-height:1.35;overflow-wrap:anywhere}
.player-row-games{display:flex;flex-direction:column;gap:6px;min-width:0}.player-row-games>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.player-row-games em{padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#b9c1c8;font-style:normal;font-size:10px;font-weight:850}.player-row-games em.primary{border-color:rgba(237,23,23,.30);background:rgba(237,23,23,.07);color:#fff}.player-row-games small{color:#74808a;font-size:10px}
.player-row-action{display:flex;justify-content:flex-end}.player-row-open{min-width:126px;height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));color:#eef2f5;font-size:10px;font-weight:950}.player-row-open:hover{background:rgba(237,23,23,.07);border-color:rgba(237,23,23,.35)}
@media(max-width:1180px){.player-row{grid-template-columns:minmax(220px,1fr) minmax(120px,.55fr) minmax(120px,.55fr) minmax(180px,.8fr) auto}}
@media(max-width:920px){.player-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.player-row-action{grid-column:1/-1;justify-content:flex-start}.player-row-games{grid-column:1/-1}}
@media(max-width:640px){.players-list-head{padding:12px 14px}.player-row{grid-template-columns:1fr;padding:14px}.player-row-action,.player-row-games{grid-column:auto}.player-row-open{width:100%}.public-profile-actions{width:100%;justify-content:stretch}.public-profile-actions form{flex:1}.public-profile-actions button,.public-profile-friend-state,.public-profile-edit{width:100%}}


/* v1.36.11 — players pagination + lobby empty alignment + profile action refinement */
.lobbies-shell>.lobby-empty{width:100%;max-width:none;margin:0;box-sizing:border-box;border-radius:14px;padding:46px 20px;background:linear-gradient(145deg,rgba(10,13,18,.98),rgba(7,9,13,.995));box-shadow:0 18px 44px rgba(0,0,0,.18)}
.lobby-empty h2{font-size:15px;letter-spacing:.15px}.lobby-empty p{font-size:10px}
.players-list-section{position:relative}.players-list-section:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,rgba(237,23,23,.7),rgba(237,23,23,.08));opacity:.65}.players-list-online:before{background:linear-gradient(180deg,rgba(61,214,124,.8),rgba(61,214,124,.08))}
.players-list-head{padding:15px 18px;background:linear-gradient(100deg,rgba(237,23,23,.08),transparent 42%)}.players-list-online .players-list-head{background:linear-gradient(100deg,rgba(61,214,124,.08),transparent 40%)}
.player-row{gap:16px;padding:16px 18px}.player-row-main{gap:13px}.player-row-avatar{width:48px;height:48px;flex-basis:48px;font-size:17px}.player-row-name h3{font-size:14.5px}.player-row-open{min-width:134px;height:40px;border-radius:10px}
.player-row{position:relative}.player-row:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}.players-list .player-row:last-child:after{display:none}
.players-pagination{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.players-page-link,.players-page-current{min-height:40px;padding:0 14px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);color:#eef2f5;font-size:10px;font-weight:950;letter-spacing:.25px}.players-page-link:hover{border-color:rgba(237,23,23,.35);background:rgba(237,23,23,.07)}.players-page-link.is-disabled{opacity:.45;pointer-events:none}.players-page-current{color:#aab3ba;background:rgba(255,255,255,.018)}
.public-profile-actions{gap:8px}.public-profile-actions form{flex:0 0 auto}.public-profile-add-friend{min-width:118px!important;height:36px!important;padding:0 12px!important;border-radius:9px!important;font-size:10px!important;letter-spacing:.25px;background:linear-gradient(180deg,rgba(237,23,23,.86),rgba(160,16,22,.84))!important;box-shadow:0 10px 24px rgba(130,11,15,.16)}
.public-profile-add-friend:hover{transform:translateY(-1px)}.public-profile-block-button,.public-profile-unblock,.public-profile-friend-state,.public-profile-edit{min-width:96px!important;height:36px!important;padding:0 12px!important;font-size:10px!important}.public-profile-friend-state{min-width:118px!important}
@media(max-width:900px){.lobbies-shell>.lobby-empty{padding:34px 16px}.players-pagination{justify-content:stretch}.players-page-link,.players-page-current{flex:1 1 140px}}

/* v1.36.12 — Auth / Account / Security visual unification */
.auth-page{
  padding:46px 20px 58px;
  background:
    radial-gradient(ellipse at 18% 18%,rgba(237,23,23,.115),transparent 29%),
    radial-gradient(ellipse at 82% 76%,rgba(51,72,92,.07),transparent 32%),
    linear-gradient(180deg,#05070a,#06080b 70%);
}
.auth-card{
  position:relative;
  overflow:hidden;
  width:min(500px,100%);
  padding:29px 30px 27px;
  border:1px solid rgba(255,255,255,.105);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(13,18,24,.99),rgba(6,9,13,.995));
  box-shadow:0 28px 74px rgba(0,0,0,.42);
  isolation:isolate;
}
.auth-card:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(115deg,rgba(237,23,23,.085),transparent 34%),
    radial-gradient(circle at 92% 3%,rgba(237,23,23,.11),transparent 22%);
  pointer-events:none;
}
.auth-card:after{
  content:"ARENACTIVE";
  position:absolute;
  z-index:-1;
  right:-10px;
  top:24px;
  font-size:70px;
  font-weight:1000;
  font-style:italic;
  line-height:1;
  letter-spacing:-5px;
  color:rgba(255,255,255,.018);
  transform:skew(-8deg);
  pointer-events:none;
}
.auth-kicker{font-size:10px;letter-spacing:1.05px}
.auth-card h1{margin:7px 0 7px;font-size:30px;letter-spacing:-.45px}
.auth-card>p{margin:0 0 22px;color:#9aa4ad;font-size:11px!important;line-height:1.55!important}
.auth-form{gap:13px}
.auth-field span{margin-bottom:6px;color:#919da7;font-size:10px!important;letter-spacing:.62px}
.auth-field input,.auth-field select{
  height:44px;
  padding:0 13px;
  border-color:rgba(255,255,255,.105);
  border-radius:9px;
  background:linear-gradient(180deg,rgba(8,12,17,.96),rgba(6,9,13,.96));
  font-size:12px;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.auth-field input:hover,.auth-field select:hover{border-color:rgba(255,255,255,.16)}
.auth-field input:focus,.auth-field select:focus{border-color:rgba(237,23,23,.62);box-shadow:0 0 0 3px rgba(237,23,23,.07);background:#090d12}
.auth-row{gap:12px}
.auth-remember{min-height:28px;gap:10px;color:#b0b8bf;font-size:10.5px}
.auth-remember input{width:16px;height:16px}
.auth-submit{
  min-height:43px;
  height:43px;
  margin-top:5px;
  border:1px solid rgba(255,52,56,.78);
  border-radius:0;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
  background:linear-gradient(100deg,#76070b,#d20c12 54%,#8e080d);
  box-shadow:0 10px 25px rgba(151,9,13,.19);
  color:#fff;
  font-size:10.8px;
  letter-spacing:.7px;
  cursor:pointer;
  transition:filter .15s ease,transform .15s ease;
}
.auth-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}
.auth-error,.auth-success{padding:10px 12px;border-radius:0 8px 8px 0;font-size:10.5px;line-height:1.5}
.auth-bottom{margin-top:18px;padding-top:15px;color:#929ca5;font-size:10.5px}
.auth-bottom a{color:#f2f4f6}.auth-bottom a:hover{color:#ff6d71}
.auth-password-note{margin-top:5px;color:#7b8791;font-size:10px;line-height:1.45}

/* Profile/account editor */
.profile-page{
  padding-top:34px;
  background:
    radial-gradient(ellipse at 13% 15%,rgba(237,23,23,.105),transparent 30%),
    radial-gradient(ellipse at 84% 17%,rgba(61,81,105,.055),transparent 28%),
    #05070a;
}
.profile-shell{gap:15px}
.profile-card,.profile-editor{border-radius:14px;border-color:rgba(255,255,255,.095);box-shadow:0 18px 48px rgba(0,0,0,.18)}
.profile-card{position:relative;overflow:hidden;background:linear-gradient(155deg,rgba(13,18,24,.99),rgba(6,9,13,.995))}
.profile-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 8%,rgba(237,23,23,.11),transparent 28%);pointer-events:none}
.profile-card>*{position:relative;z-index:1}
.profile-avatar{border-radius:50%;background:linear-gradient(145deg,#29323c,#11161d);box-shadow:0 0 0 5px rgba(237,23,23,.035)}
.profile-status{border-radius:999px;background:rgba(61,214,124,.05);border:1px solid rgba(61,214,124,.18);padding:5px 8px;width:max-content}
.profile-display-name{font-size:23px!important;letter-spacing:-.3px}
.profile-handle{font-size:10.5px!important;color:#8e99a2}
.profile-meta{border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.055)}
.profile-meta>div{padding:11px 12px;background:rgba(255,255,255,.012)}
.profile-meta span,.profile-games-summary>span{font-size:10px!important;letter-spacing:.5px}
.profile-meta strong{font-size:11px!important}
.profile-chip-list span{border-radius:999px;background:rgba(255,255,255,.025)}
.profile-chip-list span.primary{background:rgba(237,23,23,.07)}
.profile-editor{background:linear-gradient(155deg,rgba(12,17,23,.99),rgba(7,10,14,.995))}
.profile-editor-head{padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.06)}
.profile-editor-head h2{font-size:20px;letter-spacing:-.25px}
.profile-head-note{font-size:10.5px!important;color:#8f9aa4;line-height:1.5}
.profile-completion{border-radius:999px;background:rgba(255,255,255,.025);padding:7px 10px;font-size:10px}
.profile-form{gap:16px}
.profile-form-grid{gap:11px}
.profile-bio-field textarea{border-radius:9px;background:linear-gradient(180deg,rgba(8,12,17,.96),rgba(6,9,13,.96));border-color:rgba(255,255,255,.105);font-size:11.5px;line-height:1.55}
.profile-section-title{padding-top:14px;border-top:1px solid rgba(255,255,255,.055)}
.profile-section-title h3{font-size:14px}.profile-section-title small{font-size:10px!important;line-height:1.45!important}
.language-choice,.game-pick-row,.profile-interface-box,.profile-security-note{border-radius:9px;background:linear-gradient(180deg,rgba(9,13,18,.74),rgba(6,9,13,.56))}
.profile-actions{padding-top:15px;border-top:1px solid rgba(255,255,255,.055)}
.profile-action-links>a{font-size:10px}.profile-action-links .profile-view-link{border-radius:8px}
.profile-actions .auth-submit{min-width:150px}

/* Account security */
.account-security-page{
  padding:36px 20px 62px;
  background:
    radial-gradient(ellipse at 14% 10%,rgba(237,23,23,.10),transparent 29%),
    #05070a;
}
.account-security-shell{max-width:1100px}
.account-security-head{margin:12px 0 20px;padding:0 2px}
.account-security-head>span{font-size:10px!important;letter-spacing:1px}
.account-security-head h1{margin:7px 0 7px;font-size:30px;letter-spacing:-.4px}
.account-security-head p{font-size:11px!important;color:#9ba5ae;line-height:1.55!important}
.account-security-grid{gap:14px;margin-top:16px}
.account-security-card{
  position:relative;
  overflow:hidden;
  padding:21px;
  border-color:rgba(255,255,255,.09);
  border-radius:13px;
  background:linear-gradient(155deg,rgba(12,17,23,.99),rgba(6,9,13,.995));
  box-shadow:0 16px 42px rgba(0,0,0,.17);
}
.account-security-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,rgba(237,23,23,.8),rgba(237,23,23,.06))}
.account-security-card>span{font-size:10px!important;letter-spacing:.65px}
.account-security-card h2{margin:7px 0 6px;font-size:15px}
.account-security-card>p{font-size:10.5px!important;line-height:1.55!important;color:#929da6}
.account-security-card.danger{border-color:rgba(237,23,23,.21);background:linear-gradient(155deg,rgba(20,10,13,.90),rgba(7,10,14,.995))}
.account-secondary-button,.account-danger-button{min-height:39px;padding:0 14px;border-radius:8px;font-size:10px!important;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.account-secondary-button:hover,.account-danger-button:hover{transform:translateY(-1px)}
.account-secondary-button{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015))}
.account-danger-button{background:rgba(237,23,23,.035);border-color:rgba(237,23,23,.35)}
.account-email-note{margin-top:14px;padding:14px 16px;border-radius:10px;background:rgba(255,255,255,.018);font-size:10px!important}.account-email-note strong{font-size:11px!important}

/* Compact premium profile actions — friend action should never look like a giant red slab. */
.public-profile-actions{align-items:center;gap:7px}
.public-profile-actions form{display:flex;flex:0 0 auto}
.public-profile-add-friend{
  position:relative;
  min-width:104px!important;
  width:auto!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 13px!important;
  border:1px solid rgba(255,67,72,.48)!important;
  border-radius:0!important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
  background:linear-gradient(105deg,rgba(83,8,12,.88),rgba(154,12,18,.80) 55%,rgba(72,7,10,.88))!important;
  box-shadow:0 8px 22px rgba(120,8,13,.14)!important;
  color:#fff!important;
  font-size:10px!important;
  letter-spacing:.45px!important;
  white-space:nowrap;
}
.public-profile-add-friend:hover{background:linear-gradient(105deg,rgba(104,9,14,.92),rgba(184,14,20,.88) 55%,rgba(86,8,12,.92))!important;transform:translateY(-1px)}
.public-profile-block-button,.public-profile-unblock,.public-profile-friend-state,.public-profile-edit{height:34px!important;min-height:34px!important;border-radius:7px!important;font-size:10px!important;padding:0 11px!important}
.public-profile-block-button{background:rgba(237,23,23,.025)!important;border-color:rgba(237,23,23,.28)!important;color:#e9878a!important}
.public-profile-friend-state{min-width:104px!important}

@media(max-width:760px){
  .auth-page{padding:28px 12px 44px}.auth-card{padding:23px 19px 21px;border-radius:12px}.auth-card h1{font-size:27px}.auth-card:after{font-size:52px;right:-8px;top:22px}
  .profile-page{padding:24px 12px 44px}.profile-actions .auth-submit{width:100%}
  .account-security-page{padding:25px 12px 44px}.account-security-head h1{font-size:26px}.account-security-card{padding:17px}
  .public-profile-actions{width:100%;justify-content:flex-start}.public-profile-actions form{flex:0 0 auto}.public-profile-actions button,.public-profile-friend-state,.public-profile-edit{width:auto!important}
}


/* v1.36.13 — password recovery UI */
.auth-login-options{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.auth-forgot{color:#9ba5ae;font-size:10px;font-weight:900;letter-spacing:.3px}.auth-forgot:hover{color:#fff}
.auth-card-recovery{max-width:500px}.auth-success{margin:0 0 14px;padding:11px 12px;border:1px solid rgba(61,214,124,.24);border-radius:9px;background:rgba(61,214,124,.055);color:#9de8bc;font-size:10.5px;font-weight:800;line-height:1.5}
.auth-reset-login{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;min-height:25px;height:25px;margin-top:14px;padding:0 16px;text-decoration:none;line-height:1;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
@media(max-width:520px){.auth-login-options{align-items:flex-start;flex-direction:column;gap:9px}.auth-forgot{padding-left:1px}}


/* v1.36.14 — Match feedback polish + final responsive consistency pass */
.match-feedback-page{padding-top:34px;background:radial-gradient(ellipse at 16% 7%,rgba(237,23,23,.11),transparent 29%),radial-gradient(ellipse at 84% 30%,rgba(34,45,58,.08),transparent 35%),#05070a}
.match-feedback-shell{width:min(980px,100%)}
.match-feedback-head{position:relative;isolation:isolate;overflow:hidden;min-height:150px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:#080b10;box-shadow:0 22px 54px rgba(0,0,0,.25)}
.match-feedback-head:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,7,10,.98) 0%,rgba(5,7,10,.84) 38%,rgba(5,7,10,.48) 72%,rgba(5,7,10,.92) 100%),radial-gradient(circle at 75% 26%,rgba(237,23,23,.22),transparent 33%),url('/assets/img/samp.webp') 70% center/cover no-repeat;filter:saturate(.78) contrast(1.08) brightness(.45)}
.match-feedback-page.game-pubg .match-feedback-head:before{background:linear-gradient(90deg,rgba(5,7,10,.98),rgba(5,7,10,.84) 38%,rgba(5,7,10,.47) 72%,rgba(5,7,10,.92)),radial-gradient(circle at 74% 26%,rgba(237,23,23,.22),transparent 33%),url('/assets/img/pubg.webp') 68% center/cover no-repeat;filter:saturate(.82) contrast(1.1) brightness(.46)}
.match-feedback-page.game-valorant .match-feedback-head:before{background:linear-gradient(90deg,rgba(5,7,10,.98),rgba(5,7,10,.83) 38%,rgba(5,7,10,.44) 72%,rgba(5,7,10,.91)),radial-gradient(circle at 72% 25%,rgba(237,23,23,.27),transparent 34%),url('/assets/img/valorant.webp') 64% center/cover no-repeat;filter:saturate(.9) contrast(1.12) brightness(.47)}
.match-feedback-page.game-cod .match-feedback-head:before{background:linear-gradient(90deg,rgba(5,7,10,.98),rgba(5,7,10,.84) 38%,rgba(5,7,10,.47) 72%,rgba(5,7,10,.92)),radial-gradient(circle at 74% 26%,rgba(237,23,23,.22),transparent 33%),url('/assets/img/cod.webp') 68% center/cover no-repeat;filter:saturate(.8) contrast(1.08) brightness(.46)}
.match-feedback-page.game-cs2 .match-feedback-head:before{background:linear-gradient(90deg,rgba(5,7,10,.98),rgba(5,7,10,.84) 38%,rgba(5,7,10,.47) 72%,rgba(5,7,10,.92)),radial-gradient(circle at 74% 26%,rgba(237,23,23,.22),transparent 33%),url('/assets/img/cs2.webp') 68% center/cover no-repeat;filter:saturate(.8) contrast(1.08) brightness(.48)}
.match-feedback-page.game-apex .match-feedback-head:before{background:linear-gradient(90deg,rgba(5,7,10,.98),rgba(5,7,10,.83) 38%,rgba(5,7,10,.45) 72%,rgba(5,7,10,.91)),radial-gradient(circle at 72% 25%,rgba(237,23,23,.27),transparent 34%),url('/assets/img/apex.webp') 64% center/cover no-repeat;filter:saturate(.88) contrast(1.12) brightness(.47)}
.match-feedback-head>div{position:relative;z-index:2;max-width:630px}.match-feedback-head>div>span{color:#ff5d62;font-size:10px!important;font-weight:950;letter-spacing:1px}.match-feedback-head h1{margin:6px 0 6px;font-size:32px;line-height:1.04;letter-spacing:-.45px}.match-feedback-head p{max-width:560px;font-size:11px!important;color:#b2bbc2}
.match-feedback-watermark{position:absolute;right:11%;top:50%;transform:translateY(-50%) skew(-7deg);max-width:43%;font-size:70px;font-weight:1000;font-style:italic;line-height:.8;letter-spacing:-3px;text-transform:uppercase;color:rgba(255,255,255,.075);text-shadow:0 0 42px rgba(237,23,23,.2);z-index:-1;white-space:nowrap;pointer-events:none}
.match-feedback-status{position:relative;z-index:2;flex:0 0 auto;padding:8px 11px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.55px;text-transform:uppercase}.match-feedback-status.is-complete{border:1px solid rgba(61,214,124,.27);background:rgba(61,214,124,.065);color:#75e6a4}.match-feedback-status.is-live{border:1px solid rgba(237,23,23,.30);background:rgba(237,23,23,.07);color:#ff7d81}
.match-feedback-card{margin-top:14px;padding:18px;border:1px solid rgba(255,255,255,.085);border-radius:14px;background:linear-gradient(150deg,rgba(12,16,22,.99),rgba(7,10,14,.995));box-shadow:0 18px 46px rgba(0,0,0,.18)}
.match-feedback-meta{overflow:hidden;border-radius:10px;background:rgba(0,0,0,.12)}.match-feedback-meta>div{padding:11px 12px}.match-feedback-meta span{font-size:10px!important;text-transform:uppercase;letter-spacing:.55px;color:#818c96}.match-feedback-meta strong{font-size:11.5px!important;color:#eef2f5}.match-feedback-card h2{margin:17px 0 9px;font-size:14px}
.match-feedback-list{gap:8px}.match-feedback-player{min-height:72px;padding:10px 11px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:linear-gradient(180deg,rgba(9,13,18,.72),rgba(6,9,13,.52))}.match-feedback-player:last-child{border-bottom:1px solid rgba(255,255,255,.065)}
.match-feedback-person{display:flex;align-items:center;gap:10px;min-width:0}.match-feedback-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(237,23,23,.24);background:linear-gradient(145deg,#272f38,#11161d);color:#fff;font-size:12px;font-weight:950}.match-feedback-person>div{min-width:0}.match-feedback-person strong{font-size:12px!important}.match-feedback-person small{font-size:10px!important;color:#85919a}
.match-feedback-actions{align-items:center;justify-content:flex-end;flex-wrap:wrap}.feedback-good,.feedback-problem,.feedback-friend{height:37px;padding:0 11px;border-radius:8px;font-size:10px!important}.feedback-good{border-color:rgba(61,214,124,.22);background:rgba(61,214,124,.035)}.feedback-good:hover,.feedback-good.is-selected{border-color:rgba(61,214,124,.55);background:rgba(61,214,124,.08);color:#8fe7b2}.feedback-problem{border-color:rgba(237,23,23,.22);background:rgba(237,23,23,.025)}.feedback-problem:hover,.feedback-problem.is-selected{border-color:rgba(237,23,23,.52);background:rgba(237,23,23,.075);color:#ff8b8f}.feedback-friend{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.025);font-size:10px!important}.feedback-friend:hover{border-color:rgba(237,23,23,.3);background:rgba(237,23,23,.055)}.feedback-friend-state,.match-feedback-self{font-size:10px!important}
.match-feedback-note{padding:11px 12px;border-left:2px solid rgba(237,23,23,.35);background:rgba(255,255,255,.015);font-size:10px!important;color:#8d98a1}

/* Final responsive consistency pass for core user-facing pages. */
@media(max-width:1100px){.match-feedback-shell,.players-shell,.friends-shell,.public-profile-shell,.account-shell,.lobbies-shell,.lobby-detail-shell{width:min(100%,960px)}.match-feedback-actions{max-width:390px}.public-profile-grid{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:820px){.match-feedback-head{align-items:flex-start;flex-direction:column;min-height:170px}.match-feedback-status{align-self:flex-start}.match-feedback-watermark{right:2%;font-size:54px;max-width:55%;opacity:.85}.match-feedback-player{align-items:flex-start;flex-direction:column}.match-feedback-actions{width:100%;max-width:none;justify-content:flex-start}.match-feedback-actions form{flex:1 1 140px}.match-feedback-actions button,.feedback-friend{width:100%}.public-profile-grid{grid-template-columns:1fr}.lobby-room-layout{grid-template-columns:1fr}.players-search{grid-template-columns:1fr 1fr}.players-search-text{grid-column:1/-1}.players-search-actions{grid-column:1/-1}}
@media(max-width:600px){.match-feedback-page,.players-page,.friends-page,.public-profile-page,.account-page,.lobbies-page,.lobby-detail-page{padding-left:12px!important;padding-right:12px!important}.match-feedback-head{padding:18px}.match-feedback-head h1{font-size:27px}.match-feedback-watermark{font-size:42px;right:-4%;max-width:62%}.match-feedback-card{padding:13px}.match-feedback-meta{grid-template-columns:1fr}.match-feedback-meta>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.07)}.match-feedback-actions{display:grid;grid-template-columns:1fr}.players-search{grid-template-columns:1fr}.players-search-text,.players-search-actions{grid-column:auto}.friends-head{align-items:flex-start;flex-direction:column}.friends-invite-banner{align-items:flex-start;flex-direction:column}.friend-row{align-items:flex-start;flex-direction:column}.friend-actions{width:100%;justify-content:flex-start}.friend-actions form{flex:1}.friend-actions button,.friend-actions a{width:100%}.public-profile-identity{gap:14px}.public-profile-actions{width:100%;justify-content:flex-start}.lobby-overview-grid,.lobby-slot-grid{grid-template-columns:1fr}}


/* v1.36.15 — presence badge polish */
.player-row-status{
    min-height:22px;
    padding:4px 9px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    font-size:10px;
    font-weight:950;
    letter-spacing:.5px;
    text-transform:uppercase;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.player-row-status.online{
    border:1px solid rgba(61,214,124,.22);
    background:linear-gradient(180deg,rgba(61,214,124,.14),rgba(20,74,47,.18));
    color:#81eaae;
    box-shadow:0 0 0 1px rgba(61,214,124,.05), 0 8px 20px rgba(17,86,52,.10);
}
.player-row-status.offline{
    border:1px solid rgba(201,67,77,.22);
    background:linear-gradient(180deg,rgba(201,67,77,.12),rgba(71,18,24,.18));
    color:#d98a91;
    box-shadow:0 0 0 1px rgba(201,67,77,.03), 0 8px 20px rgba(64,13,19,.08);
}
.player-row-status.online::before,
.player-row-status.offline::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    flex:0 0 6px;
}
.player-row-status.online::before{
    background:#6ef3a2;
    box-shadow:0 0 8px rgba(110,243,162,.45);
}
.player-row-status.offline::before{
    background:#d46b74;
    box-shadow:0 0 7px rgba(212,107,116,.25);
}
.friend-presence{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px 8px;
    border-radius:999px;
    font-size:10px;
    font-weight:950;
    letter-spacing:.45px;
    text-transform:uppercase;
}
.friend-presence::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    flex:0 0 6px;
}
.friend-presence.is-online{
    color:#81eaae;
    border:1px solid rgba(61,214,124,.2);
    background:rgba(61,214,124,.08);
}
.friend-presence.is-online::before{
    background:#6ef3a2;
    box-shadow:0 0 8px rgba(110,243,162,.45);
}
.friend-presence.is-offline{
    color:#d98a91;
    border:1px solid rgba(201,67,77,.18);
    background:rgba(201,67,77,.08);
    opacity:1;
}
.friend-presence.is-offline::before{
    background:#d46b74;
    box-shadow:0 0 7px rgba(212,107,116,.25);
}

/* v1.37 — SA-MP AUTO resolver */
.samp-selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}
.samp-selection-card{position:relative;display:block!important;cursor:pointer}
.samp-selection-card>input{position:absolute;opacity:0;pointer-events:none}
.samp-selection-card>span{min-height:70px;padding:11px 12px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.085);border-radius:10px;background:linear-gradient(180deg,rgba(10,14,19,.86),rgba(6,9,13,.72));transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.samp-selection-card b{color:#e9edf0;font-size:10.5px;letter-spacing:.25px}.samp-selection-card small{color:#86919a;font-size:10px!important;line-height:1.45!important}
.samp-selection-card>input:checked+span{border-color:rgba(237,23,23,.42);background:linear-gradient(180deg,rgba(70,13,17,.30),rgba(13,12,16,.72));box-shadow:inset 2px 0 0 rgba(237,23,23,.78),0 10px 28px rgba(90,8,12,.10)}
.samp-auto-note{margin:8px 0 4px;padding:10px 11px;border:1px solid rgba(61,214,124,.13);border-radius:9px;background:rgba(61,214,124,.035);color:#9fb3a7;font-size:10px;line-height:1.5}.samp-auto-note[hidden],.samp-server-grid[hidden]{display:none!important}
.lobby-card-mode{margin-top:9px;display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:rgba(255,255,255,.02)}.lobby-card-mode span{color:#77838d;font-size:10px;font-weight:950;letter-spacing:.5px}.lobby-card-mode strong{color:#c8d0d6;font-size:10px}
.admin-server-pool-link{display:flex;justify-content:flex-end;margin:10px 0 14px}.admin-server-pool-link a{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(237,23,23,.24);border-radius:9px;background:rgba(237,23,23,.045);color:#e9edf0;font-size:10px;font-weight:950;letter-spacing:.35px}.admin-server-pool-link a span{color:#ff5b60;font-size:14px}
.samp-admin-shell{max-width:1180px}.samp-admin-head{margin-bottom:14px}.samp-catalog-form-card,.samp-catalog-list-card{margin-top:14px}.samp-catalog-form{display:grid;grid-template-columns:1.3fr .8fr 1fr .55fr 1.1fr .55fr auto;gap:9px;align-items:end}.samp-catalog-form label{display:flex;flex-direction:column;gap:6px}.samp-catalog-form label>span{color:#828e98;font-size:10px;font-weight:950;letter-spacing:.45px}.samp-catalog-form input,.samp-catalog-form select{height:39px;padding:0 10px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#080b0f;color:#eef2f5;font-size:10px;outline:none}.samp-catalog-form input:focus,.samp-catalog-form select:focus{border-color:rgba(237,23,23,.42)}.samp-catalog-submit{height:39px;white-space:nowrap}
.samp-catalog-list{display:flex;flex-direction:column}.samp-catalog-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 3px;border-top:1px solid rgba(255,255,255,.05)}.samp-catalog-row:first-child{border-top:0}.samp-catalog-row.is-disabled{opacity:.62}.samp-catalog-main{min-width:0}.samp-catalog-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.samp-catalog-title>strong{font-size:12px}.samp-catalog-main>small{display:block;margin-top:4px;color:#83909a;font-size:10px;line-height:1.45}.samp-catalog-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.samp-catalog-actions form{margin:0}.admin-link-button{min-height:36px;padding:0 11px;border:1px solid rgba(255,255,255,.11);border-radius:7px;background:rgba(255,255,255,.025);color:#dce2e6;font-size:10px;font-weight:900;cursor:pointer}
@media(max-width:1100px){.samp-catalog-form{grid-template-columns:repeat(3,minmax(0,1fr))}.samp-catalog-submit{width:100%}}
@media(max-width:680px){.samp-selection-grid{grid-template-columns:1fr}.samp-catalog-form{grid-template-columns:1fr}.samp-catalog-row{align-items:flex-start;flex-direction:column}.samp-catalog-actions{width:100%;justify-content:flex-start}.samp-catalog-actions form{flex:1}.samp-catalog-actions button{width:100%}}

/* Game registry status badges */
.game-tile .game-status-badge{position:absolute;z-index:3;top:6px;right:6px;padding:4px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(6,9,13,.72);backdrop-filter:blur(5px);color:#aeb7bf;font-size:10px;font-weight:950;letter-spacing:.45px;text-transform:uppercase}
.game-tile.game-status-available .game-status-badge{border-color:rgba(61,214,124,.26);background:rgba(17,72,45,.38);color:#7de8a9}.game-tile.game-status-next .game-status-badge{border-color:rgba(237,23,23,.28);background:rgba(92,16,20,.42);color:#ff7a7f}.game-tile.game-status-planned img{opacity:.72;filter:saturate(.7) contrast(1.04)}
.samp-manual-fallback{margin-top:10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.018)}.samp-manual-fallback summary{padding:9px 11px;cursor:pointer;color:#919ca5;font-size:10px;font-weight:900;letter-spacing:.35px}.samp-manual-fallback[open] summary{border-bottom:1px solid rgba(255,255,255,.055);color:#c8d0d6}.samp-manual-fallback>div{padding:10px 11px}.samp-manual-fallback p{margin:0 0 9px;color:#7f8a94;font-size:10px;line-height:1.45}.samp-manual-fallback form{display:grid;grid-template-columns:1fr 110px auto;gap:8px;align-items:end}.samp-manual-fallback label{display:flex;flex-direction:column;gap:5px}.samp-manual-fallback label span{color:#7d8892;font-size:10px;font-weight:950}.samp-manual-fallback input{height:37px;padding:0 9px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:#070a0e;color:#eef2f5;font-size:10px}@media(max-width:700px){.samp-manual-fallback form{grid-template-columns:1fr}}

/* ===== RAIET v1.37.2 — HOMEPAGE OPEN LOBBY ROW FIT ===== */
/* Let the count/status columns size themselves from their content instead of
   forcing the localized free-slots label into a narrow fixed column. */
.dashboard-panel .home-lobby-row{
  grid-template-columns:25px minmax(0,1fr) auto auto !important;
  column-gap:8px !important;
}
.dashboard-panel .home-lobby-row>div{
  min-width:0;
}
.dashboard-panel .home-lobby-row>div strong,
.dashboard-panel .home-lobby-row>div small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dashboard-panel .home-lobby-row>span,
.dashboard-panel .home-lobby-row>b{
  justify-self:end;
  white-space:nowrap;
}
@media(max-width:430px){
  .dashboard-panel .home-lobby-row{
    grid-template-columns:25px minmax(0,1fr) auto !important;
  }
  .dashboard-panel .home-lobby-row>b{
    grid-column:2 / -1;
    justify-self:start;
    margin-top:-2px;
  }
}

/* v1.37.3 — SA-MP resolver capacity guard + catalog edit/delete */
.samp-catalog-actions .admin-link-button,.samp-catalog-actions .admin-danger,.samp-delete-actions .admin-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.samp-catalog-actions .samp-delete-link{border-radius:7px;background:rgba(237,23,23,.035)}
.samp-delete-confirm{border-color:rgba(237,23,23,.24);background:linear-gradient(180deg,rgba(237,23,23,.055),rgba(9,12,16,.98))}
.samp-delete-target{display:flex;flex-direction:column;gap:4px;margin:4px 0 14px;padding:12px 13px;border:1px solid rgba(237,23,23,.18);border-radius:8px;background:#070a0e}
.samp-delete-target strong{font-size:11px}.samp-delete-target small{color:#8d98a1;font-size:10px}
.samp-delete-actions{display:flex;align-items:center;gap:8px}.samp-delete-actions form{margin:0}.samp-delete-actions .admin-link{border-radius:7px;text-decoration:none}
.samp-catalog-form-card .admin-section-head>.admin-link{flex:none;border-radius:7px;text-decoration:none}
@media(max-width:680px){.samp-delete-actions{align-items:stretch;flex-direction:column}.samp-delete-actions form,.samp-delete-actions button,.samp-delete-actions .admin-link{width:100%}}

/* ===== RAIET v1.38.1 — COMPACT PLATFORM STRIP IN PROFILE SIDEBAR ===== */
.profile-platforms-compact{
  margin-top:16px;
  padding:12px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:10px;
  background:linear-gradient(150deg,rgba(10,14,19,.90),rgba(6,9,13,.94));
  text-align:left;
}
.profile-platforms-kicker{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:8px;
}
.profile-platforms-kicker>span{
  color:#7f8992;
  font-size:var(--text-xs);
  font-weight:950;
  letter-spacing:.65px;
}
.profile-platforms-kicker>small{
  display:none;
}
.profile-platform-row{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
}
.profile-platform-main{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
}
.profile-platform-mark{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 28px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.12),rgba(255,255,255,.025));
  color:#f4f7f9;
  font-size:11px;
  font-weight:950;
}
.profile-platform-copy{min-width:0}
.profile-platform-copy strong{
  display:block;
  color:#eef2f5;
  font-size:11.5px;
  line-height:1.25;
  letter-spacing:.1px;
}
.profile-platform-copy small{
  display:block;
  max-width:126px;
  margin-top:2px;
  overflow:hidden;
  color:#747f89;
  font-size:var(--text-xs);
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profile-platform-connect{
  min-height:27px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border:1px solid rgba(237,23,23,.35);
  border-radius:7px;
  background:rgba(237,23,23,.065);
  color:#f0f3f5;
  font-size:var(--text-xs);
  font-weight:950;
  letter-spacing:.35px;
  text-decoration:none;
}
.profile-platform-connect:hover{
  border-color:rgba(237,23,23,.62);
  background:rgba(237,23,23,.11);
}
.profile-platform-state{
  display:inline-flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
  color:#7d8790;
  font-size:10px;
  font-weight:950;
  letter-spacing:.32px;
}
.profile-platform-state i{
  width:5px;
  height:5px;
  border-radius:50%;
}
.profile-platform-state.connected{color:#79dea0}
.profile-platform-state.connected i{
  background:#50de85;
  box-shadow:0 0 7px rgba(80,222,133,.45);
}
.profile-platform-state.unavailable{color:#b77c80}
.profile-platform-flash{
  margin-top:7px;
  padding:7px 8px;
  border-radius:7px;
  font-size:var(--text-xs);
  font-weight:800;
  line-height:1.4;
}
.profile-platform-flash.success{
  border:1px solid rgba(61,214,124,.16);
  background:rgba(61,214,124,.04);
  color:#8fe5b2;
}
.profile-platform-flash.error{
  border:1px solid rgba(222,84,92,.18);
  background:rgba(222,84,92,.045);
  color:#df969b;
}
.profile-platform-tools{
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.055);
}
.profile-platform-id{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.profile-platform-id span{
  color:#6f7a84;
  font-size:10px;
  font-weight:950;
  letter-spacing:.4px;
}
.profile-platform-id strong{
  min-width:0;
  overflow:hidden;
  color:#aeb7bf;
  font-size:10px;
  font-variant-numeric:tabular-nums;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profile-platform-name-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5px;
  margin-top:7px;
}
.profile-platform-name-form input{
  min-width:0;
  height:32px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:6px;
  outline:none;
  background:#070a0e;
  color:#eef2f5;
  font-size:10px;
}
.profile-platform-name-form input:focus{border-color:rgba(237,23,23,.38)}
.profile-platform-name-form button{
  min-height:32px;
  padding:0 7px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:6px;
  background:rgba(255,255,255,.025);
  color:#bcc4ca;
  font-size:10px;
  font-weight:950;
  cursor:pointer;
}
.profile-platform-disconnect-form{
  margin-top:4px;
  text-align:right;
}
.profile-platform-disconnect-form button{
  padding:3px 0;
  border:0;
  background:transparent;
  color:#b96e73;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
.profile-platform-disconnect-form button:hover{color:#ef969b}
@media(max-width:900px){
  .profile-platforms-compact{max-width:430px;margin-left:auto;margin-right:auto}
  .profile-platform-copy small{max-width:230px}
}
@media(max-width:430px){
  .profile-platform-copy small{max-width:135px}
  .profile-platform-name-form{grid-template-columns:1fr}
  .profile-platform-name-form button{width:100%}
}


/* ===== RAIET v1.38.2 — TYPOGRAPHY READABILITY STANDARD =====
   Platform/account microcopy uses shared UI font and readable minimum sizes.
   Future components should use --font-ui and --text-* tokens rather than sub-9px text. */

/* ===== RAIET v1.40 — CS2 ADAPTER / TESTING UI ===== */
.game-tile.game-status-testing .game-status-badge{border-color:rgba(235,180,55,.32);background:rgba(91,65,13,.48);color:#ffd36f}.game-tile.game-status-testing img{filter:saturate(.88) contrast(1.04)}
.admin-server-pool-link{gap:8px;flex-wrap:wrap}.admin-server-pool-link a{font-size:var(--text-sm,9.5px)}
.game-adapter-fields{display:flex;flex-direction:column;gap:12px;margin-top:4px;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:rgba(255,255,255,.018)}.game-adapter-fields[hidden]{display:none!important}
.game-adapter-heading{display:flex;flex-direction:column;gap:4px}.game-adapter-heading strong{font-size:var(--text-base,12px);letter-spacing:.3px}.game-adapter-heading small{color:#8d99a3;font-size:var(--text-sm,10px);line-height:1.5}
.game-selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.game-selection-card{display:block!important;position:relative}.game-selection-card>input{position:absolute;opacity:0;pointer-events:none}.game-selection-card>span{display:flex;min-height:70px;flex-direction:column;justify-content:center;gap:5px;padding:11px 12px;border:1px solid rgba(255,255,255,.085);border-radius:9px;background:#080b0f;cursor:pointer;transition:.16s ease}.game-selection-card>span b{font-size:var(--text-md,11px)}.game-selection-card>span small{color:#7f8b95;font-size:var(--text-sm,10px);line-height:1.42}.game-selection-card>input:checked+span{border-color:rgba(237,23,23,.42);background:linear-gradient(135deg,rgba(237,23,23,.09),rgba(255,255,255,.018));box-shadow:inset 3px 0 0 #ed1717}
.game-auto-note,.cs2-official-note{padding:11px 12px;border:1px solid rgba(61,214,124,.14);border-radius:9px;background:rgba(61,214,124,.035);color:#a7b9ae;font-size:var(--text-sm,10px);line-height:1.5}.game-auto-note[hidden],.game-server-grid[hidden],[data-server-mode-scope][hidden],[data-mode-note][hidden]{display:none!important}.cs2-official-note{display:flex;flex-direction:column;gap:5px;border-color:rgba(93,153,255,.16);background:rgba(70,112,190,.05)}.cs2-official-note strong{color:#d6e2f3;font-size:var(--text-md,11px)}.cs2-official-note span,.cs2-official-note small{color:#91a0b0;font-size:var(--text-sm,10px);line-height:1.45}
.game-server-grid{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:9px}.game-server-grid label{display:flex;flex-direction:column;gap:6px}.game-server-grid label span{font-size:var(--text-sm,10px);font-weight:900;color:#919ca6}.game-server-grid input{height:40px;padding:0 10px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#080b0f;color:#eef2f5;font-size:var(--text-md,11px)}
.cs2-community-server{display:flex;flex-direction:column;gap:9px}.cs2-catalog-form{grid-template-columns:1.3fr 1fr 1fr .6fr .6fr auto auto}.cs2-catalog-form label>span,.samp-catalog-main>small,.samp-catalog-actions .admin-link-button{font-size:var(--text-sm,10px)}
@media(max-width:760px){.game-selection-grid,.game-server-grid{grid-template-columns:1fr}.cs2-catalog-form{grid-template-columns:1fr}}

/* v1.40.1 — CS2 official Steam handoff clarity */
.lobby-member-platforms{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:5px}
.lobby-platform-badge{display:inline-flex;align-items:center;min-height:20px;padding:3px 7px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.035);color:#9aa6b1;font-size:10px;line-height:1;font-weight:900;letter-spacing:.03em;white-space:nowrap}
.lobby-platform-badge.is-linked{border-color:rgba(61,214,124,.28);background:rgba(61,214,124,.07);color:#78e8a7}
.lobby-platform-badge.is-missing{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#78838e}
.lobby-platform-badge.is-captain{border-color:rgba(237,23,23,.38);background:rgba(237,23,23,.10);color:#ff7777}
.game-connect-meta{display:flex;gap:10px;flex-wrap:wrap}
.game-connect-meta>div{min-width:180px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(5,8,12,.48)}
.game-connect-meta small{display:block;color:#7f8b96;font-size:10px;font-weight:900;letter-spacing:.07em}
.game-connect-meta strong{display:block;margin-top:4px;color:#f2f5f7;font-size:12px}
.game-connect-steps{counter-reset:raiet-handoff;list-style:none;margin:0;padding:0;display:grid;gap:7px}
.game-connect-steps li{counter-increment:raiet-handoff;position:relative;min-height:36px;padding:9px 11px 9px 42px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(6,9,13,.55);color:#aeb7bf;font-size:10.5px;line-height:1.45}
.game-connect-steps li::before{content:counter(raiet-handoff);position:absolute;left:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(237,23,23,.35);background:rgba(237,23,23,.08);color:#ff5d5d;font-size:10px;font-weight:950}
@media(max-width:640px){.game-connect-meta>div{min-width:0;width:100%}.lobby-member-platforms{gap:4px}.lobby-platform-badge{font-size:10px}}


/* v1.40.2 — CS2 direct Steam profile handoff */
.game-steam-squad-actions{display:grid;gap:8px;padding:12px;border:1px solid rgba(93,153,255,.16);border-radius:9px;background:rgba(70,112,190,.045)}
.game-steam-squad-title{color:#aebfd2;font-size:var(--text-sm,10px);font-weight:950;letter-spacing:.08em}
.game-steam-squad-grid{display:flex;gap:8px;flex-wrap:wrap}
.game-steam-member-action{min-height:38px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:var(--text-sm,10px)}
.game-steam-web-fallback{opacity:.72}
@media(max-width:640px){.game-steam-squad-grid{display:grid;grid-template-columns:1fr}.game-steam-member-action{width:100%}}

/* v1.40.3 — CS2 no-chat Steam handoff / relationship coordination */
.game-steam-handoff{display:grid;gap:10px;padding:14px;border:1px solid rgba(237,23,23,.30);border-radius:11px;background:linear-gradient(135deg,rgba(237,23,23,.075),rgba(8,11,15,.82));box-shadow:inset 3px 0 0 rgba(237,23,23,.72)}
.game-steam-handoff-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.game-steam-handoff-head>div{display:grid;gap:4px}.game-steam-handoff-head span{color:#ff5f5f;font-size:var(--text-sm,10px);font-weight:950;letter-spacing:.08em}.game-steam-handoff-head strong{max-width:760px;color:#d5dde4;font-size:var(--text-md,11px);line-height:1.48}.game-steam-handoff-head>b{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(61,214,124,.22);border-radius:999px;background:rgba(61,214,124,.06);color:#78e8a7;font-size:var(--text-sm,10px);font-weight:950;white-space:nowrap}
.game-steam-handoff-list{display:grid;gap:8px}.game-steam-handoff-card{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(190px,.8fr) minmax(260px,1.35fr);align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#080b0f}.game-steam-handoff-card.tone-ready{border-color:rgba(61,214,124,.28);background:linear-gradient(90deg,rgba(61,214,124,.055),rgba(8,11,15,.92))}.game-steam-handoff-card.tone-urgent{border-color:rgba(255,79,79,.42);background:linear-gradient(90deg,rgba(237,23,23,.11),rgba(8,11,15,.92));box-shadow:0 0 0 1px rgba(237,23,23,.05)}.game-steam-handoff-card.tone-notice{border-color:rgba(255,190,80,.30);background:linear-gradient(90deg,rgba(197,134,28,.07),rgba(8,11,15,.92))}.game-steam-handoff-card.tone-action{border-color:rgba(93,153,255,.24)}.game-steam-handoff-card.tone-missing{opacity:.84}
.game-steam-handoff-identity{display:flex;align-items:center;gap:9px;min-width:0}.game-steam-handoff-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border:1px solid rgba(93,153,255,.25);border-radius:50%;background:rgba(93,153,255,.08);color:#d8e7ff;font-size:var(--text-md,11px);font-weight:950}.game-steam-handoff-identity>div:last-child{min-width:0}.game-steam-handoff-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4f7f9;font-size:var(--text-md,11px)}.game-steam-handoff-identity small{display:block;margin-top:3px;color:#7f8b95;font-size:var(--text-sm,10px);line-height:1.35}
.game-steam-handoff-status{display:grid;gap:3px}.game-steam-handoff-status>b{color:#cbd5dd;font-size:var(--text-sm,10px);line-height:1.35}.tone-ready .game-steam-handoff-status>b{color:#78e8a7}.tone-urgent .game-steam-handoff-status>b{color:#ff7777}.tone-notice .game-steam-handoff-status>b{color:#f0c16b}.game-steam-handoff-status small{color:#77848f;font-size:var(--text-sm,10px);line-height:1.35}
.game-steam-handoff-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.game-steam-handoff-actions form{margin:0}.game-steam-handoff-actions .lobby-primary,.game-steam-handoff-actions .lobby-secondary,.game-steam-handoff-actions .lobby-danger{min-height:36px;padding:0 11px;font-size:var(--text-sm,10px);white-space:nowrap}.game-steam-open-profile{box-shadow:0 0 18px rgba(237,23,23,.12)}.game-steam-handoff-actions .handoff-help{border-color:rgba(255,99,99,.32);background:rgba(237,23,23,.08);color:#ff8b8b}.game-steam-handoff-actions .handoff-confirm{border-color:rgba(61,214,124,.24);color:#8fe7b1}.game-steam-handoff-foot{color:#78848e;font-size:var(--text-sm,10px);line-height:1.45}
/* Keep the Steam identity badges readable; do not re-introduce micro-text. */
.lobby-platform-badge{font-size:var(--text-sm,10px)}.game-connect-meta small{font-size:var(--text-sm,10px)}
@media(max-width:980px){.game-steam-handoff-card{grid-template-columns:minmax(170px,.8fr) minmax(170px,.8fr) 1fr}.game-steam-handoff-actions{justify-content:flex-start}}
@media(max-width:760px){.game-steam-handoff-head{flex-direction:column}.game-steam-handoff-card{grid-template-columns:1fr}.game-steam-handoff-actions{justify-content:stretch}.game-steam-handoff-actions>*{flex:1 1 180px}.game-steam-handoff-actions .lobby-primary,.game-steam-handoff-actions .lobby-secondary,.game-steam-handoff-actions .lobby-danger{width:100%}}
.lobby-platform-badge.is-handoff-ready{border-color:rgba(61,214,124,.30);background:rgba(61,214,124,.08);color:#83e9ad}
.lobby-platform-badge.is-handoff-urgent{border-color:rgba(237,23,23,.42);background:rgba(237,23,23,.12);color:#ff7d7d;box-shadow:0 0 12px rgba(237,23,23,.10)}
.lobby-platform-badge.is-handoff-notice{border-color:rgba(224,164,59,.34);background:rgba(224,164,59,.08);color:#e9c174}

/* v1.40.4 — CS2 Official pre-match setup: compact, obvious captain handoff. */
.game-connect-panel.is-prematch{border-color:rgba(237,23,23,.34);background:linear-gradient(145deg,rgba(237,23,23,.055),rgba(5,8,12,.96))}
.pre-match-copy{margin-bottom:2px}.pre-match-finalize{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.pre-match-finalize>strong{color:#aeb9c2;font-size:var(--text-md);line-height:1.45}.pre-match-finalize form{margin:0}.pre-match-finalize .compact{min-height:34px;padding:0 11px;font-size:var(--text-sm)}
.game-steam-handoff{gap:8px;padding:11px 12px;border-radius:9px}.game-steam-handoff-head{align-items:center}.game-steam-handoff-head strong{font-size:var(--text-md);line-height:1.4}.game-steam-handoff-list{gap:6px}
.game-steam-handoff-card{grid-template-columns:minmax(170px,.9fr) minmax(170px,.9fr) minmax(220px,1.2fr);gap:8px;padding:8px 9px;border-radius:8px}.game-steam-handoff-card.needs-captain-action{border-color:rgba(255,72,72,.62);box-shadow:inset 3px 0 0 #ed1717,0 0 20px rgba(237,23,23,.08)}
.game-steam-handoff-icon{width:29px;height:29px;flex-basis:29px}.game-steam-handoff-identity strong{font-size:var(--text-md)}.game-steam-handoff-identity small,.game-steam-handoff-status>b,.game-steam-handoff-status small{font-size:var(--text-sm)}
.game-steam-handoff-status{position:relative}.handoff-action-flag{width:max-content;padding:3px 6px;border:1px solid rgba(255,87,87,.4);border-radius:999px;background:rgba(237,23,23,.12);color:#ff7d7d;font-size:var(--text-xs);font-weight:950;letter-spacing:.05em}
.game-steam-handoff-actions{gap:5px}.game-steam-handoff-actions .lobby-primary,.game-steam-handoff-actions .lobby-secondary,.game-steam-handoff-actions .lobby-danger{min-height:31px;padding:0 9px;font-size:var(--text-sm);border-radius:6px}.game-steam-handoff-actions .handoff-compact{min-height:31px}.game-steam-open-profile{box-shadow:0 0 12px rgba(237,23,23,.1)}.handoff-ready-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 9px;border:1px solid rgba(61,214,124,.3);border-radius:6px;background:rgba(61,214,124,.07);color:#7ce6a7;font-size:var(--text-sm);font-weight:950;white-space:nowrap}
.game-steam-handoff-foot{font-size:var(--text-sm);line-height:1.4}
@media(max-width:900px){.game-steam-handoff-card{grid-template-columns:1fr 1fr}.game-steam-handoff-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:650px){.game-steam-handoff-card{grid-template-columns:1fr}.game-steam-handoff-actions{grid-column:auto}.pre-match-finalize{align-items:stretch}.pre-match-finalize form,.pre-match-finalize button{width:100%}}
.prematch-captain-required{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 11px;border:1px solid rgba(255,91,91,.35);border-radius:8px;background:rgba(237,23,23,.08)}.prematch-captain-required strong{color:#ff8080;font-size:var(--text-md)}.prematch-captain-required span{flex:1 1 360px;color:#aeb9c2;font-size:var(--text-sm);line-height:1.45}.prematch-captain-required .lobby-primary{min-height:33px;padding:0 10px;font-size:var(--text-sm)}

/* v1.40.5 — remembered platform handoff: clear but compact persistent-ready state. */
.handoff-ready-pill.is-remembered{border-color:rgba(93,153,255,.34);background:rgba(93,153,255,.08);color:#a9c8ff}
.game-steam-handoff-actions .handoff-reset{min-height:28px;padding:0 7px;border-color:rgba(255,255,255,.08);color:#7f8c97;font-size:var(--text-xs);opacity:.82}
.game-steam-handoff-actions .handoff-reset:hover{opacity:1;color:#c8d0d7}

/* v1.41.6 — game-mode eligibility/requirement notice (Premier first). */
.game-mode-requirement{margin-top:12px;padding:13px 14px;border:1px solid rgba(93,153,255,.28);border-radius:10px;background:linear-gradient(135deg,rgba(52,91,166,.10),rgba(9,13,19,.62));display:grid;gap:5px}
.game-mode-requirement>span{color:#7fa9ef;font-size:var(--text-md,11px);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.game-mode-requirement>strong{color:#e1e9f5;font-size:var(--text-lg,13px);line-height:1.35}
.game-mode-requirement>p{margin:0;color:#aebac8;font-size:var(--text-md,11px);line-height:1.55}


/* v1.41.7 — essential guidance readability floor.
   Required next steps must never look like disposable micro-copy. */
.lobby-form-card>p,
.simple-lobby-form label small,
.simple-lobby-form label em,
.game-adapter-heading small,
.game-selection-card>span small,
.game-auto-note,
.cs2-official-note,
.cs2-official-note span,
.cs2-official-note small,
.game-mode-requirement>p,
.game-steam-handoff-head strong,
.game-steam-handoff-identity small,
.game-steam-handoff-status>b,
.game-steam-handoff-status small,
.game-steam-handoff-foot,
.pre-match-finalize>strong,
.game-connect-copy p,
.game-connect-steps li {
  font-size:12px!important;
  line-height:1.55!important;
}
.cs2-official-note strong,
.game-mode-requirement>strong{font-size:13px!important;line-height:1.45!important}
.game-steam-handoff-head>span,
.game-steam-handoff-head>b{font-size:11px!important}

/* v1.42.0 — Minecraft Bedrock connection proof */
.minecraft-proof-note{display:flex;flex-direction:column;gap:6px;padding:12px 13px;border:1px solid rgba(74,197,117,.22);border-radius:9px;background:rgba(74,197,117,.045)}
.minecraft-proof-note strong{color:#d9efe1;font-size:13px;line-height:1.4}.minecraft-proof-note span{color:#a5b8ad;font-size:12px;line-height:1.55}
.minecraft-test-warning{display:block;padding:10px 11px;border-left:3px solid rgba(237,23,23,.68);background:rgba(237,23,23,.045);color:#b9c1c8!important;font-size:12px!important;line-height:1.55!important}
.game-minecraft .game-connect-panel{border-color:rgba(74,197,117,.2)}
.game-minecraft .game-connect-copy>span{color:#70d694}
@media(max-width:680px){.minecraft-proof-note strong{font-size:12.5px}.minecraft-proof-note span,.minecraft-test-warning{font-size:11.5px!important}}

/* === RAIET v1.43: lobby-scoped communication ================================= */
.lobby-communication-choice{margin:2px 0 4px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(7,10,14,.55)}
.lobby-communication-choice legend{padding:0 7px;color:#f2f5f7;font-size:13px;font-weight:950;letter-spacing:.06em}
.lobby-communication-choice>p{margin:2px 0 13px;color:#aab4bc;font-size:13px;line-height:1.55}
.lobby-communication-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.simple-lobby-form .lobby-communication-toggle{display:flex;flex-direction:row;align-items:flex-start;gap:11px;margin:0;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025);cursor:pointer}
.simple-lobby-form .lobby-communication-toggle input{width:18px;height:18px;margin:2px 0 0;accent-color:#ed1717;flex:0 0 auto}
.simple-lobby-form .lobby-communication-toggle span{display:block;min-width:0}
.simple-lobby-form .lobby-communication-toggle strong{display:block;color:#eef2f4;font-size:14px;line-height:1.35}
.simple-lobby-form .lobby-communication-toggle small{display:block;margin-top:5px;color:#a4afb7;font-size:13px;line-height:1.5}

.lobby-communication-panel{margin-top:14px;border:1px solid rgba(255,255,255,.085);border-radius:16px;background:linear-gradient(145deg,rgba(10,14,19,.985),rgba(6,9,13,.995));box-shadow:0 16px 40px rgba(0,0,0,.18);overflow:hidden}
.lobby-communication-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.065);background:linear-gradient(100deg,rgba(237,23,23,.05),transparent 42%)}
.lobby-communication-head>div>span{display:block;color:#ff6568;font-size:11px;font-weight:950;letter-spacing:.09em}
.lobby-communication-head h2{margin:4px 0 3px;color:#f4f6f7;font-size:18px;line-height:1.15}
.lobby-communication-head p{margin:0;max-width:700px;color:#aeb8c0;font-size:13px;line-height:1.45}
.lobby-communication-head>b{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(61,214,124,.18);border-radius:999px;background:rgba(61,214,124,.045);color:#78e4a4;font-size:10px;font-weight:950;letter-spacing:.055em}
.lobby-communication-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.lobby-communication-card{min-width:0;padding:15px 16px}
.lobby-communication-card+.lobby-communication-card{border-left:1px solid rgba(255,255,255,.065)}
.lobby-communication-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lobby-communication-card-head>div>span{display:block;color:#76838d;font-size:10px;font-weight:950;letter-spacing:.1em}
.lobby-communication-card-head h3{margin:3px 0 0;color:#f1f4f5;font-size:17px;line-height:1.2}
.lobby-communication-explain,.lobby-communication-disabled{margin:9px 0 0;color:#aeb7be;font-size:13px;line-height:1.45}
.lobby-communication-disabled{padding:10px 11px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(255,255,255,.018)}
.lobby-communication-action{min-height:34px;padding:7px 11px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(255,255,255,.025);color:#e6ebee;font:inherit;font-size:11px;font-weight:900;cursor:pointer;transition:border-color .16s,background .16s,color .16s,transform .16s}
.lobby-communication-action:hover{border-color:rgba(237,23,23,.3);background:rgba(237,23,23,.055);color:#fff;transform:translateY(-1px)}

.lobby-chat-body{margin-top:11px}
.lobby-chat-body[hidden],.lobby-voice-controls[hidden]{display:none!important}
.lobby-chat-list{height:220px;overflow:auto;padding:10px 8px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(3,6,9,.58);scrollbar-width:thin}
.lobby-chat-message{display:flex;width:100%;margin-top:6px}
.lobby-chat-message:first-child{margin-top:0}
.lobby-chat-message.is-mine{justify-content:flex-end}
.lobby-chat-bubble{position:relative;max-width:min(78%,560px);padding:7px 10px 8px;border:1px solid rgba(255,255,255,.065);border-radius:12px 12px 12px 4px;background:rgba(255,255,255,.035);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.lobby-chat-message.is-mine .lobby-chat-bubble{border-color:rgba(237,23,23,.16);border-radius:12px 12px 4px 12px;background:linear-gradient(135deg,rgba(237,23,23,.11),rgba(237,23,23,.055))}
.lobby-chat-message-head{display:flex;align-items:center;gap:7px;min-height:16px;margin-bottom:2px}
.lobby-chat-message-head strong{min-width:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9ed8ff;font-size:11px;font-weight:900}
.lobby-chat-message-head time{margin-left:auto;color:#727f88;font-size:10px;font-weight:800;line-height:1}
.lobby-chat-message.is-mine .lobby-chat-message-head time{color:#a98c8f}
.lobby-chat-report{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:1px;padding:0;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:rgba(255,255,255,.02);color:#8f9aa2;font:inherit;font-size:11px;font-weight:950;line-height:1;cursor:pointer;transition:.15s}
.lobby-chat-report:hover{border-color:rgba(237,23,23,.34);background:rgba(237,23,23,.07);color:#ff7376}
.lobby-chat-report.is-reported{border-color:rgba(61,214,124,.22);background:rgba(61,214,124,.055);color:#77dfa0;cursor:default}
.lobby-chat-bubble>p{margin:0;color:#dbe0e3;font-size:14px;line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere}
.lobby-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:9px}
.lobby-chat-form textarea{width:100%;height:42px;min-height:42px;max-height:108px;resize:none;padding:10px 11px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#070a0e;color:#f0f3f5;font:inherit;font-size:14px;line-height:1.4;outline:none;overflow-y:auto}
.lobby-chat-form textarea.is-chat-height-2{height:64px}
.lobby-chat-form textarea.is-chat-height-3{height:86px}
.lobby-chat-form textarea.is-chat-height-4{height:108px}
.clipboard-fallback-input{position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.lobby-chat-form textarea:focus{border-color:rgba(237,23,23,.4);box-shadow:0 0 0 3px rgba(237,23,23,.055)}
.lobby-chat-send{height:42px;min-width:94px;padding:0 14px;border:0;border-radius:11px;background:#e51b1f;color:#fff;font:inherit;font-size:11px;font-weight:950;cursor:pointer;box-shadow:0 7px 18px rgba(229,27,31,.12)}
.lobby-chat-send:hover{filter:brightness(1.08)}
.lobby-communication-status{min-height:18px;margin:6px 0 0;color:#9da8b0;font-size:12px;line-height:1.4}
.lobby-communication-status:empty{display:none}
.lobby-communication-status[data-kind="error"]{color:#ff7a7d}
.lobby-communication-status[data-kind="ok"]{color:#74dda0}
.lobby-communication-status[data-kind="muted"]{color:#87939c}
.lobby-chat-compose-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 2px 0;color:#7f8b94;font-size:11px;line-height:1.35}
.lobby-chat-compose-meta small{font-size:11px;color:#7f8b94}
.lobby-chat-compose-meta span{flex:0 0 auto;font-variant-numeric:tabular-nums;color:#9aa5ad;font-weight:800}
.lobby-chat-compose-meta span[data-over="1"]{color:#ff7a7d}
.lobby-chat-cooldown{margin:5px 2px 0;font-size:12px;line-height:1.35;color:#ff9b61;font-weight:700;letter-spacing:.01em}
.lobby-chat-cooldown[hidden]{display:none!important}

.lobby-voice-toggle{min-height:36px;padding:8px 13px;border:1px solid rgba(62,218,124,.32);border-radius:11px;background:linear-gradient(135deg,#35c66d,#29ab5a);color:#06120a;font:inherit;font-size:11px;font-weight:950;cursor:pointer;box-shadow:0 8px 20px rgba(48,194,103,.14);transition:transform .16s,filter .16s,background .16s,border-color .16s,color .16s}
.lobby-voice-toggle:hover{transform:translateY(-1px);filter:brightness(1.06)}
.lobby-voice-toggle:disabled{opacity:.58;cursor:wait;transform:none}
.lobby-voice-toggle.is-active{border-color:rgba(237,23,23,.28);background:rgba(237,23,23,.075);color:#ff8082;box-shadow:none}
.lobby-voice-controls{margin-top:10px}
.lobby-voice-toolbar{display:flex;gap:7px;flex-wrap:wrap}
.lobby-voice-control{min-height:32px;padding:6px 9px;border:1px solid rgba(255,255,255,.095);border-radius:9px;background:rgba(255,255,255,.025);color:#cbd2d7;font:inherit;font-size:10px;font-weight:900;cursor:pointer}
.lobby-voice-control:hover{border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.045)}
.lobby-voice-participants{display:grid;gap:6px;margin-top:9px}
.lobby-voice-person{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(5,8,12,.42)}
.lobby-voice-person>span{display:flex;align-items:center;gap:7px;min-width:0}
.lobby-voice-person>span>i{width:7px;height:7px;border-radius:50%;background:#4bd686;box-shadow:0 0 0 3px rgba(75,214,134,.065);flex:0 0 auto}
.lobby-voice-person strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eaf0f2;font-size:12px}
.lobby-voice-person small{color:#7f8b94;font-size:10px;font-weight:900}
.lobby-voice-peer-mute{padding:5px 7px;border:1px solid rgba(255,255,255,.085);border-radius:8px;background:transparent;color:#aeb8bf;font:inherit;font-size:10px;font-weight:900;cursor:pointer}
.lobby-voice-waiting{margin:1px 0 0;color:#8d99a2;font-size:12px;line-height:1.4}
.lobby-voice-security{display:flex;align-items:flex-start;gap:8px;margin-top:9px;padding:8px 10px;border:1px solid rgba(61,214,124,.14);border-radius:10px;background:rgba(61,214,124,.035)}
.lobby-voice-security>span{display:grid;place-items:center;width:18px;height:18px;flex:0 0 auto;border-radius:50%;background:rgba(61,214,124,.13);color:#73dfa0;font-size:11px;font-weight:950}
.lobby-voice-security p{margin:0;color:#9fc4ad;font-size:12px;line-height:1.42}
.lobby-voice-audio{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

.admin-chat-report-row{align-items:flex-start}
.admin-chat-report-row .admin-chat-report-copy{min-width:0;flex:1}
.admin-chat-report-message{display:block;margin-top:9px;padding:10px 11px;border-left:2px solid rgba(237,23,23,.45);background:rgba(237,23,23,.035);color:#e0e5e8;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.admin-chat-report-actions{display:flex;gap:7px;flex-wrap:wrap}
.admin-chat-report-actions form{margin:0}

@media(max-width:820px){
  .lobby-communication-grid,.lobby-communication-choice-grid{grid-template-columns:1fr}
  .lobby-communication-card+.lobby-communication-card{border-left:0;border-top:1px solid rgba(255,255,255,.065)}
}
@media(max-width:600px){
  .lobby-communication-head{align-items:flex-start;padding:13px 14px}
  .lobby-communication-head>b{display:none}
  .lobby-communication-head h2{font-size:17px}
  .lobby-communication-card{padding:13px 14px}
  .lobby-communication-card-head{align-items:center;flex-direction:row}
  .lobby-communication-card-head button{width:auto;max-width:58%}
  .lobby-chat-list{height:210px;padding:8px 6px}
  .lobby-chat-bubble{max-width:88%}
  .lobby-chat-form{grid-template-columns:minmax(0,1fr) auto}
  .lobby-chat-send{min-width:76px;padding:0 10px}
  .lobby-voice-toolbar{display:flex;width:100%}
  .lobby-voice-control{width:auto}
}

/* Minecraft testing card: neutral voxel-style artwork, not an official brand asset. */
.game-tile-voxel-art{position:absolute;inset:0;display:block;overflow:hidden;background:linear-gradient(180deg,#54788d 0 45%,#5e8b46 45% 55%,#59432f 55% 100%)}
.game-tile-voxel-art:before{content:"";position:absolute;left:-5%;right:-5%;top:34%;height:34%;background:linear-gradient(135deg,transparent 0 24%,rgba(255,255,255,.10) 25% 32%,transparent 33% 100%),linear-gradient(45deg,#406c3c 0 25%,#6e9b50 25% 50%,#4f7c42 50% 75%,#719d53 75%);background-size:44px 44px;transform:skewY(-4deg)}
.game-tile-voxel-art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(90deg,rgba(0,0,0,.16) 1px,transparent 1px),linear-gradient(0deg,rgba(0,0,0,.14) 1px,transparent 1px),linear-gradient(135deg,#57422f,#72533a);background-size:28px 28px,28px 28px,100% 100%}
.game-tile-voxel-art i,.game-tile-voxel-art b{position:absolute;z-index:2;display:block;width:34px;height:48px;bottom:34%;background:#2d5431;box-shadow:30px 14px 0 #416f3d,-22px 20px 0 #355f37}
.game-tile-voxel-art i{left:18%}.game-tile-voxel-art b{right:16%;transform:scale(.8);opacity:.86}


/* v1.43.9 — Home hero / lobby polish */
.lobby-communication-action{
  min-height:36px;
  padding:8px 13px;
  border:1px solid rgba(62,218,124,.32);
  border-radius:11px;
  background:linear-gradient(135deg,#35c66d,#29ab5a);
  color:#06120a;
  font:inherit;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(48,194,103,.14);
  transition:transform .16s,filter .16s,background .16s,border-color .16s,color .16s,box-shadow .16s;
}
.lobby-communication-action:hover{transform:translateY(-1px);filter:brightness(1.06);border-color:rgba(62,218,124,.4);background:linear-gradient(135deg,#3ad272,#2eb762)}
.lobby-communication-action[aria-expanded="true"]{
  border-color:rgba(237,23,23,.28);
  background:rgba(237,23,23,.075);
  color:#ff8082;
  box-shadow:none;
}

.hero{
  grid-template-columns:minmax(470px,1.14fr) minmax(330px,.76fr) minmax(250px,.54fr);
  column-gap:16px;
}
.hero-copy{padding-right:8px}
.find-panel,
.activity-panel{
  align-self:start;
  margin-top:22px;
}
.find-panel{
  width:min(100%,392px);
  margin-left:auto;
  margin-right:6px;
  padding:15px 16px;
}
.find-panel .panel-head h2{font-size:16px}
.find-panel .panel-head p{font-size:10px;line-height:1.45}
.home-player-search{gap:10px}
.find-panel .field span{font-size:10px!important;letter-spacing:.65px}
.find-panel .field select{height:41px;font-size:10.8px;border-radius:9px}
.find-panel .find-button{
  min-height:40px;
  padding:0 14px;
  border-radius:9px;
  font-size:10.8px;
  letter-spacing:.08em;
}
.find-panel .find-button b{font-size:13px}
.home-all-players{font-size:10px;letter-spacing:.35px}
.quick-no-match{
  margin:0 0 11px;
  padding:10px 12px;
  border:1px solid rgba(237,23,23,.18);
  border-left:2px solid rgba(237,23,23,.68);
  border-radius:10px;
  background:rgba(237,23,23,.045);
  gap:4px;
}
.quick-no-match strong{font-size:11px;letter-spacing:.05em}
.quick-no-match span{font-size:10px;line-height:1.4}
.quick-no-match a{
  margin-top:4px;
  min-height:32px;
  width:max-content;
  padding:0 12px;
  border-radius:8px;
  font-size:10px;
}
.activity-panel{
  width:min(100%,248px);
  margin-left:auto;
  padding:14px 14px 13px;
}
.activity-panel .panel-head{margin-bottom:10px}
.activity-panel .panel-head h2{font-size:16px}
.activity-panel .panel-head a{font-size:10px}
.activity-panel .activity-list{gap:6px;min-height:auto;max-height:238px;overflow:auto}
.activity-panel .activity-item{
  min-height:42px;
  padding:7px 8px;
  border-radius:10px;
}
.activity-panel .activity-icon{width:22px;height:22px;flex:0 0 22px}
.activity-panel .activity-item strong{font-size:10.4px}
.activity-panel .activity-item small{font-size:10px}
.activity-panel .online-total{margin-top:8px;padding-top:8px;font-size:10px}

.lobby-room-overview .lobby-detail-head{
  min-height:154px;
  padding:18px 20px 14px;
  align-items:flex-start;
}
.lobby-detail-head>div:first-child{max-width:58%}
.lobby-detail-head h1{font-size:31px}
.lobby-detail-head p{font-size:10.8px!important}
.lobby-detail-watermark{
  left:61%;
  top:49%;
  max-width:47%;
  font-size:76px;
}
.lobby-big-count{
  align-self:flex-start;
  min-width:124px;
  margin-top:2px;
  padding:10px 12px;
  border-radius:10px;
}
.lobby-big-count strong{font-size:24px;letter-spacing:-.6px}
.lobby-big-count small{margin-top:4px;font-size:10px!important;line-height:1.35}

@media(max-width:1280px){
  .hero{grid-template-columns:minmax(430px,1.12fr) minmax(320px,.82fr) minmax(230px,.5fr)}
  .find-panel{width:min(100%,378px)}
  .activity-panel{width:min(100%,234px)}
}
@media(max-width:1120px){
  .hero{grid-template-columns:minmax(420px,1.08fr) minmax(340px,.92fr) minmax(215px,.46fr)}
  .find-panel{width:min(100%,365px)}
  .activity-panel{width:min(100%,220px)}
  .lobby-detail-head>div:first-child{max-width:55%}
}
@media(max-width:980px){
  .find-panel,
  .activity-panel{width:100%;margin-left:0;margin-right:0}
  .lobby-room-overview .lobby-detail-head{min-height:148px}
}
@media(max-width:700px){
  .lobby-room-overview .lobby-detail-head{padding:18px 18px 14px}
  .lobby-detail-head>div:first-child{max-width:100%}
  .lobby-big-count{width:100%;text-align:left}
  .lobby-detail-watermark{left:60%;top:54%;font-size:56px;max-width:58%}
}


/* v1.43.10 — final home polish + softer CTA */
.dashboard-grid{
  align-items:stretch;
}
.dashboard-panel{
  min-height:214px;
  display:flex;
  flex-direction:column;
  border-radius:12px;
}
.dashboard-panel .panel-head{
  min-height:28px;
  margin-bottom:10px;
}
.dashboard-panel .panel-head h2{font-size:13px}
.dashboard-panel .panel-head>a,
.live-matches-panel .panel-head>span{font-size:10px}
.match-list,
.squad-list,
.leader-list,
.live-match-list{
  flex:1 1 auto;
}
.home-lobby-empty{
  min-height:132px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
}

.game-strip{
  grid-template-columns:repeat(5,minmax(88px,1fr));
  gap:9px;
  max-width:640px;
}
.game-tile{
  height:86px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(12,16,22,.98),rgba(7,10,14,.98));
  box-shadow:0 12px 24px rgba(0,0,0,.22);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.game-tile:hover{
  transform:translateY(-2px);
  border-color:rgba(237,23,23,.26);
  box-shadow:0 16px 34px rgba(0,0,0,.28);
}
.game-tile:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 36%);
  pointer-events:none;
}
.game-tile span{
  left:9px;
  right:9px;
  bottom:7px;
  font-size:10px;
  letter-spacing:.25px;
}
.game-tile .game-status-badge{
  top:7px;
  right:7px;
  padding:4px 7px;
  font-size:10px;
  border-radius:999px;
}

.find-panel,
.activity-panel{
  border-radius:12px;
}
.find-panel .find-button{
  position:relative;
  min-height:42px;
  height:42px;
  margin-top:6px !important;
  padding:0 42px 0 16px;
  border:1px solid rgba(237,23,23,.44);
  border-radius:10px;
  background:linear-gradient(135deg,#b10e12,#e11919 55%,#9d0b0f);
  box-shadow:0 10px 24px rgba(132,10,14,.24);
  overflow:hidden;
}
.find-panel .find-button:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.10),transparent 54%);
  pointer-events:none;
}
.find-panel .find-button:hover{
  filter:brightness(1.04);
  transform:translateY(-1px);
}
.find-panel .find-button span{
  position:relative;
  z-index:1;
  font-size:11px;
  letter-spacing:.08em;
}
.find-panel .find-button b{
  right:13px;
  font-size:15px;
  line-height:1;
  opacity:.95;
}
.home-all-players{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  width:100%;
  margin-top:8px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
  color:#c9d0d7;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.home-all-players:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));
}
.quick-no-match a,
.home-lobby-empty a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(237,23,23,.30);
  border-radius:9px;
  background:linear-gradient(135deg,rgba(157,12,16,.28),rgba(67,11,14,.16));
  color:#fff;
  font-size:10px;
  font-weight:950;
  letter-spacing:.04em;
}

.recent-panel,
#squads,
#leaderboards,
.live-matches-panel{
  min-height:216px;
}
.recent-real-row,
.dashboard-panel .home-lobby-row,
.community-player-row,
.live-match-row{
  border-radius:9px;
  padding-left:8px;
  padding-right:8px;
}
.recent-real-row:hover,
.dashboard-panel .home-lobby-row:hover,
.community-player-row:hover,
.live-match-row:hover{
  background:rgba(255,255,255,.026);
}

.lobby-big-count{
  min-width:116px !important;
  padding:9px 10px !important;
  margin-top:-2px !important;
  margin-right:-3px !important;
  border-radius:10px !important;
  transform:translate(4px,-2px);
}
.lobby-big-count strong{
  font-size:21px !important;
  letter-spacing:-.5px !important;
}
.lobby-big-count small{
  margin-top:3px !important;
  font-size:10px !important;
  line-height:1.28 !important;
}

@media(max-width:1320px){
  .game-strip{grid-template-columns:repeat(5,minmax(82px,1fr));max-width:590px}
}
@media(max-width:980px){
  .home-all-players{width:100%}
  .dashboard-panel{min-height:0}
}


/* v1.43.11 — home search / online restyle */
.hero{
  grid-template-columns:minmax(500px,1.2fr) minmax(390px,.78fr) minmax(230px,.44fr) !important;
  align-items:start !important;
}
.hero-copy{
  align-self:start !important;
  padding-top:34px !important;
  padding-right:34px !important;
}
.find-panel,
.activity-panel{
  align-self:start !important;
  transform:none !important;
  margin-top:54px !important;
  margin-bottom:0 !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.095) !important;
  background:linear-gradient(180deg,rgba(11,15,21,.985),rgba(6,9,13,.985)) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.24) !important;
}
.find-panel{
  width:min(100%,406px) !important;
  max-width:406px !important;
  min-height:auto !important;
  height:auto !important;
  margin-right:14px !important;
  padding:18px 18px 16px !important;
}
.find-panel .panel-head{
  min-height:0 !important;
  margin-bottom:14px !important;
}
.find-panel .panel-head h2{
  font-size:18px !important;
  letter-spacing:.25px !important;
}
.find-panel .panel-head p{
  margin-top:5px !important;
  color:#97a1ab !important;
  font-size:10.4px !important;
  line-height:1.48 !important;
  max-width:96% !important;
}
.find-panel .field{
  margin-bottom:11px !important;
}
.find-panel .field>span{
  margin-bottom:6px !important;
  color:#a6b0ba !important;
  font-size:10px !important;
  letter-spacing:.6px !important;
}
.find-panel .field select{
  height:44px !important;
  padding:0 13px !important;
  border-radius:11px !important;
  border:1px solid rgba(255,255,255,.1) !important;
  background:linear-gradient(180deg,rgba(9,12,17,.94),rgba(6,9,13,.96)) !important;
  font-size:11.4px !important;
  color:#edf1f4 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.find-panel .field select:focus{
  border-color:rgba(237,23,23,.4) !important;
  outline:none !important;
}
.find-panel .find-button{
  position:relative !important;
  width:100% !important;
  min-height:46px !important;
  height:46px !important;
  margin-top:6px !important;
  padding:0 44px 0 16px !important;
  border:1px solid rgba(237,23,23,.42) !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#8f0a0e 0%,#c91015 58%,#e31a1a 100%) !important;
  box-shadow:0 12px 26px rgba(118,10,14,.22) !important;
  overflow:hidden !important;
}
.find-panel .find-button:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.11),transparent 52%);
  pointer-events:none;
}
.find-panel .find-button span{
  position:relative;
  z-index:1;
  font-size:11.2px !important;
  font-weight:950 !important;
  letter-spacing:.1em !important;
}
.find-panel .find-button b{
  right:14px !important;
  font-size:15px !important;
  line-height:1 !important;
}
.home-all-players{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:39px !important;
  margin-top:10px !important;
  padding:0 14px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.015)) !important;
  color:#d4dae0 !important;
  font-size:10.4px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.home-all-players:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.17) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02)) !important;
}
.activity-panel{
  width:min(100%,220px) !important;
  max-width:220px !important;
  min-height:222px !important;
  height:auto !important;
  padding:14px 13px 12px !important;
}
.activity-panel .panel-head{
  min-height:0 !important;
  margin-bottom:8px !important;
}
.activity-panel .panel-head h2{
  font-size:14px !important;
  letter-spacing:.3px !important;
}
.activity-panel .panel-head a{
  font-size:10px !important;
  letter-spacing:.04em !important;
}
.activity-panel .activity-list{
  gap:4px !important;
  min-height:auto !important;
  max-height:170px !important;
  overflow:auto !important;
}
.activity-panel .activity-item{
  min-height:34px !important;
  padding:5px 6px !important;
  grid-template-columns:20px 1fr auto !important;
  gap:7px !important;
  border-radius:8px !important;
  border-bottom:1px solid rgba(255,255,255,.045) !important;
}
.activity-panel .activity-icon{
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
}
.activity-panel .online-avatar-letter{
  font-size:10px !important;
}
.activity-panel .activity-item strong{
  font-size:10px !important;
}
.activity-panel .activity-item small{
  font-size:10px !important;
}
.activity-panel .online-total{
  margin-top:8px !important;
  padding-top:8px !important;
  font-size:10px !important;
}

@media(max-width:1360px){
  .hero{
    grid-template-columns:minmax(470px,1.15fr) minmax(372px,.8fr) minmax(214px,.4fr) !important;
  }
  .find-panel{max-width:392px !important; width:min(100%,392px) !important;}
  .activity-panel{max-width:210px !important; width:min(100%,210px) !important;}
}
@media(max-width:1180px){
  .hero{
    grid-template-columns:minmax(430px,1.08fr) minmax(360px,.86fr) minmax(198px,.36fr) !important;
  }
  .find-panel,
  .activity-panel{
    margin-top:44px !important;
  }
  .find-panel{max-width:372px !important; width:min(100%,372px) !important;}
  .activity-panel{max-width:196px !important; width:min(100%,196px) !important;}
}
@media(max-width:980px){
  .hero{grid-template-columns:1fr !important;}
  .hero-copy{padding-right:10px !important;}
  .find-panel,
  .activity-panel{
    width:100% !important;
    max-width:none !important;
    margin-top:14px !important;
  }
}


/* v1.43.13 — safe hero rollback + dark native selects + restrained polish */
/* Keep the v1.43.11 hero composition intact. No extra hero backgrounds/boxes. */
.find-panel select,
.find-panel select option,
.find-panel select optgroup{
  color-scheme: dark !important;
  background-color:#0a0f14 !important;
  color:#eef2f6 !important;
}

/* Small visual polish only — no layout/position changes. */
.game-tile{
  border-radius:11px !important;
  border-color:rgba(255,255,255,.105) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.23) !important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease !important;
}
.game-tile:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(237,23,23,.24) !important;
  box-shadow:0 17px 32px rgba(0,0,0,.28) !important;
}
.game-tile .game-status-badge{
  border-radius:999px !important;
  box-shadow:0 6px 16px rgba(0,0,0,.20) !important;
}

.find-panel,
.activity-panel,
.dashboard-panel{
  border-radius:12px !important;
}
.find-panel .find-button,
.home-all-players{
  border-radius:11px !important;
}

/* Slightly cleaner dashboard cards without changing their geometry. */
.dashboard-panel{
  border-color:rgba(255,255,255,.085) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.18) !important;
}


/* v1.43.16 — CLEAN HOME PASS
   Based on the visually approved v1.43.13.
   Important: no overlay/pseudo-element is placed above hero content. */

/* The red transition lives only in the actual hero background, behind every UI layer. */
.hero{
  min-height:438px !important;
  grid-template-columns:minmax(500px,1.23fr) minmax(350px,.72fr) minmax(190px,.38fr) !important;
  background:
    radial-gradient(ellipse at 39% 44%,rgba(152,8,15,.15),transparent 39%),
    radial-gradient(ellipse at 64% 42%,rgba(118,8,14,.105),rgba(72,7,11,.055) 28%,transparent 56%),
    radial-gradient(ellipse at 84% 34%,rgba(74,7,11,.045),transparent 42%),
    linear-gradient(90deg,
      #05070a 0%,
      rgba(5,7,10,.98) 23%,
      rgba(5,7,10,.83) 31%,
      rgba(5,7,10,.46) 40%,
      rgba(5,7,10,.17) 49%,
      rgba(20,7,10,.30) 59%,
      rgba(34,7,10,.25) 67%,
      rgba(10,7,10,.56) 77%,
      rgba(5,7,10,.91) 89%,
      #05070a 100%
    ) !important;
}

/* Keep the approved character composition; only give its right fade a faint ambient red tail. */
.hero-art{
  box-shadow:72px 4px 110px rgba(113,8,13,.075) !important;
}

/* One compact right-side composition instead of two oversized floating cards. */
.find-panel,
.activity-panel{
  margin-top:44px !important;
  height:auto !important;
  min-height:0 !important;
  transform:none !important;
}
.find-panel{
  width:min(100%,370px) !important;
  max-width:370px !important;
  margin-right:10px !important;
  padding:15px 16px 14px !important;
}
.find-panel .panel-head{
  margin-bottom:11px !important;
}
.find-panel .panel-head h2{
  font-size:16px !important;
}
.find-panel .panel-head p{
  margin-top:4px !important;
  max-width:100% !important;
  font-size:10.5px !important;
  line-height:1.48 !important;
  color:#a4aeb7 !important;
}
.find-panel .field{
  margin-bottom:9px !important;
}
.find-panel .field>span{
  margin-bottom:5px !important;
  font-size:10px !important;
}
.find-panel .field select{
  height:40px !important;
  padding:0 11px !important;
  border-radius:9px !important;
  font-size:10.8px !important;
}
.find-panel .find-button{
  min-height:41px !important;
  height:41px !important;
  margin-top:5px !important;
  border-radius:10px !important;
  box-shadow:0 9px 22px rgba(116,9,13,.20) !important;
}
.find-panel .find-button span{
  font-size:10.8px !important;
}
.home-all-players{
  min-height:35px !important;
  margin-top:8px !important;
  border-radius:9px !important;
  font-size:10px !important;
}

.activity-panel{
  width:min(100%,188px) !important;
  max-width:188px !important;
  min-height:170px !important;
  padding:12px 11px 10px !important;
}
.activity-panel .panel-head{
  margin-bottom:7px !important;
}
.activity-panel .panel-head h2{
  font-size:12.5px !important;
  line-height:1.08 !important;
}
.activity-panel .panel-head a{
  font-size:10px !important;
}
.activity-panel .activity-list{
  align-content:start !important;
  grid-auto-rows:32px !important;
  gap:3px !important;
  min-height:0 !important;
  max-height:104px !important;
}
.activity-panel .activity-item{
  height:32px !important;
  min-height:32px !important;
  padding:4px 5px !important;
  grid-template-columns:18px minmax(0,1fr) auto !important;
  gap:5px !important;
}
.activity-panel .activity-icon{
  width:18px !important;
  height:18px !important;
}
.activity-panel .activity-item strong{
  font-size:10px !important;
}
.activity-panel .activity-item small{
  font-size:10px !important;
}
.activity-panel .online-total{
  margin-top:6px !important;
  padding-top:7px !important;
  font-size:10px !important;
}
.activity-panel .online-total i{
  width:6px !important;
  height:6px !important;
  margin-right:5px !important;
  border-width:1px !important;
}

/* Community players: short lists stay packed at the top; no stretched empty paragraphs. */
#leaderboards .leader-list{
  align-content:start !important;
  grid-auto-rows:32px !important;
  row-gap:3px !important;
}
#leaderboards .community-player-row{
  min-height:32px !important;
  height:32px !important;
  padding:3px 7px !important;
}
#leaderboards .community-player-row strong,
#leaderboards .community-player-row small,
#leaderboards .community-player-row b{
  line-height:1.1 !important;
}

/* Explicitly prevent accidental future hero overlays from these clean-pass rules. */
.hero > .hero-copy,
.hero > .hero-art,
.hero > .find-panel,
.hero > .activity-panel{
  isolation:auto;
}

@media(max-width:1360px){
  .hero{
    grid-template-columns:minmax(470px,1.16fr) minmax(340px,.76fr) minmax(180px,.36fr) !important;
  }
  .find-panel{width:min(100%,356px) !important;max-width:356px !important;}
  .activity-panel{width:min(100%,180px) !important;max-width:180px !important;}
}
@media(max-width:1180px){
  .hero{
    grid-template-columns:minmax(430px,1.08fr) minmax(330px,.82fr) minmax(172px,.34fr) !important;
  }
  .find-panel,.activity-panel{margin-top:38px !important;}
  .find-panel{width:min(100%,340px) !important;max-width:340px !important;}
  .activity-panel{width:min(100%,172px) !important;max-width:172px !important;}
}
@media(max-width:980px){
  .hero{grid-template-columns:1fr !important;min-height:auto !important;}
  .hero-art{box-shadow:none !important;}
  .find-panel,.activity-panel{
    width:100% !important;
    max-width:none !important;
    margin-top:14px !important;
  }
  .activity-panel{min-height:0 !important;}
}


/* v1.43.17 — home hero soften + cleaner blend */
.hero{
  grid-template-columns:minmax(500px,1.24fr) minmax(332px,.84fr) minmax(142px,.46fr) !important;
  min-height:452px !important;
  padding:0 28px !important;
  background:
    radial-gradient(ellipse at 35% 42%, rgba(185,18,24,.11) 0%, rgba(185,18,24,.06) 16%, transparent 42%),
    radial-gradient(ellipse at 63% 40%, rgba(237,23,23,.045) 0%, transparent 34%),
    linear-gradient(90deg,
      #05070a 0%,
      rgba(5,7,10,.985) 18%,
      rgba(5,7,10,.90) 28%,
      rgba(5,7,10,.62) 39%,
      rgba(5,7,10,.42) 49%,
      rgba(5,7,10,.52) 58%,
      rgba(5,7,10,.78) 69%,
      rgba(5,7,10,.94) 80%,
      #05070a 92%,
      #05070a 100%) !important;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 55% 39%, rgba(237,23,23,.055) 0%, rgba(237,23,23,.028) 19%, transparent 44%),
    linear-gradient(90deg, transparent 0%, transparent 52%, rgba(108,11,15,.055) 63%, rgba(108,11,15,.03) 74%, transparent 88%);
}
.hero-copy,
.game-strip,
.find-panel,
.activity-panel{position:relative;z-index:9;}

.hero-copy{padding-right:48px !important;}
.hero-copy h1{max-width:485px !important;}
.hero-copy > p{max-width:395px !important;}

.hero-art{
  left:18.2% !important;
  top:0.4% !important;
  width:42.2% !important;
  height:101% !important;
  overflow:visible !important;
}
.hero-art::before{
  inset:-2% -7% -3% -10% !important;
  background:
    linear-gradient(90deg,
      #05070a 0%,
      rgba(5,7,10,.84) 6%,
      rgba(5,7,10,.36) 14%,
      rgba(5,7,10,.08) 24%,
      rgba(5,7,10,0) 34%,
      rgba(5,7,10,0) 69%,
      rgba(5,7,10,.15) 81%,
      rgba(5,7,10,.56) 90%,
      #05070a 100%),
    linear-gradient(180deg,
      rgba(5,7,10,.56) 0%,
      rgba(5,7,10,.10) 12%,
      rgba(5,7,10,0) 27%,
      rgba(5,7,10,0) 74%,
      rgba(5,7,10,.30) 86%,
      #05070a 100%) !important;
}
.hero-art::after{
  inset:10% -15% 12% -12% !important;
  background:radial-gradient(ellipse at 52% 45%, rgba(237,23,23,.11), transparent 62%) !important;
  filter:blur(34px) !important;
  opacity:.85 !important;
}
.hero-art img{
  left:54% !important;
  top:47.2% !important;
  width:106% !important;
  height:100% !important;
  transform:translate(-50%,-46%) !important;
  filter:contrast(1.01) saturate(.87) brightness(.79) !important;
  -webkit-mask-image:
    linear-gradient(90deg, transparent 0%, #000 8%, #000 89%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 8%, #000 76%, rgba(0,0,0,.48) 86%, transparent 98%) !important;
  mask-image:
    linear-gradient(90deg, transparent 0%, #000 8%, #000 89%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 8%, #000 76%, rgba(0,0,0,.48) 86%, transparent 98%) !important;
}
.hero-sparks{opacity:.045 !important;}

.find-panel{
  max-width:336px !important;
  justify-self:end !important;
  margin-right:8px !important;
  padding:15px !important;
}
.find-panel .panel-head{margin-bottom:10px !important;}
.find-panel .panel-head h2{font-size:15px !important;}
.find-panel .panel-head p{font-size:10px !important;line-height:1.45 !important;max-width:280px;}
.field{margin-bottom:8px !important;}
.field > span{font-size:10px !important; margin-bottom:5px !important;}
.field select{height:34px !important; border-radius:4px !important;}
.find-button{height:38px !important; margin-top:3px !important; border-radius:5px !important;}
.advanced-button{margin-top:6px !important;}

.activity-panel{
  width:146px !important;
  justify-self:end !important;
  align-self:start !important;
  margin-top:10px !important;
  padding:12px 11px !important;
}
.activity-panel .panel-head h2{font-size:13px !important;}
.activity-panel .panel-head button{font-size:10px !important;}
.activity-item{min-height:36px !important; gap:7px !important;}
.activity-icon{width:24px !important; height:24px !important;}
.activity-item strong{font-size:10px !important;}
.online-total{margin-top:9px !important; font-size:10px !important;}

.game-strip{
  max-width:570px !important;
  gap:9px !important;
}
.game-tile{
  border-radius:7px !important;
  box-shadow:0 6px 18px rgba(0,0,0,.20) !important;
}
.game-tile img{filter:saturate(.93) contrast(.98) brightness(.90);}
.game-tile:after{background:linear-gradient(transparent 31%, rgba(0,0,0,.10) 55%, rgba(0,0,0,.88) 100%) !important;}

.leader-list{align-content:start !important; row-gap:4px !important;}
.community-player-row{min-height:28px !important; padding:3px 0 !important;}

@media(max-width:1350px){
  .hero{
    grid-template-columns:minmax(470px,1.16fr) minmax(320px,.86fr) minmax(136px,.44fr) !important;
    padding:0 22px !important;
  }
  .hero-art{left:20% !important; width:44% !important;}
  .find-panel{max-width:324px !important;}
  .activity-panel{width:140px !important;}
}
@media(max-width:980px){
  .hero{
    grid-template-columns:1fr 1fr !important;
    min-height:auto !important;
  }
  .hero::before{display:none;}
  .hero-art{left:27% !important; width:50% !important; opacity:.33 !important;}
  .find-panel{max-width:none !important;}
  .activity-panel{display:none !important;}
}


/* v1.43.18 — subtle right shift for home search cluster */
.hero{
  column-gap:22px !important;
}
.find-panel{
  margin-right:-12px !important;
}
.activity-panel{
  margin-right:-6px !important;
}
@media(max-width:1280px){
  .hero{column-gap:18px !important;}
  .find-panel{margin-right:-8px !important;}
  .activity-panel{margin-right:-4px !important;}
}
@media(max-width:1120px){
  .hero{column-gap:16px !important;}
  .find-panel{margin-right:-4px !important;}
  .activity-panel{margin-right:0 !important;}
}
@media(max-width:980px){
  .find-panel,
  .activity-panel{margin-right:0 !important;}
}


/* v1.43.19 — final right alignment + online widget polish */
.find-panel{
  transform:translateX(14px) !important;
}
.activity-panel{
  border-radius:12px !important;
  border-color:rgba(255,255,255,.09) !important;
  background:linear-gradient(180deg,rgba(10,14,19,.985),rgba(6,9,13,.985)) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.018) !important;
}
.activity-panel .panel-head{
  align-items:center !important;
  gap:7px !important;
  margin-bottom:8px !important;
}
.activity-panel .panel-head h2{
  line-height:1.05 !important;
  letter-spacing:.02em !important;
}
.activity-panel .panel-head a{
  color:#65baff !important;
  font-size:10px !important;
  letter-spacing:.04em !important;
  white-space:nowrap !important;
}
.activity-panel .activity-item{
  border-radius:7px !important;
  padding:5px 5px !important;
  background:rgba(255,255,255,.012) !important;
}
.activity-panel .online-total{
  padding-top:7px !important;
  border-top:1px solid rgba(255,255,255,.045) !important;
}
@media(max-width:1280px){
  .find-panel{transform:translateX(10px) !important;}
}
@media(max-width:1120px){
  .find-panel{transform:translateX(6px) !important;}
}
@media(max-width:980px){
  .find-panel{transform:none !important;}
}


/* v1.43.20 — compact no-match notice only */
.quick-no-match{
  margin:0 0 9px !important;
  padding:8px 10px !important;
  gap:3px !important;
  border-left-width:2px !important;
  border-radius:9px !important;
}
.quick-no-match strong{
  font-size:10.2px !important;
  line-height:1.25 !important;
  letter-spacing:.055em !important;
}
.quick-no-match span{
  font-size:10px !important;
  line-height:1.38 !important;
  color:#aab4be !important;
}
.quick-no-match a{
  width:max-content !important;
  min-height:29px !important;
  margin-top:3px !important;
  padding:0 10px !important;
  border-radius:7px !important;
  font-size:10px !important;
}

/* v1.43.23 — Minecraft Java local-launch bridge feedback */
.game-bridge-status{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid rgba(255,184,72,.24);
  border-radius:9px;
  background:rgba(255,184,72,.055);
  color:#d8dde1;
  font-size:10px;
  font-weight:800;
  line-height:1.45;
}
.game-bridge-status.is-error{
  border-color:rgba(237,23,23,.26);
  background:rgba(237,23,23,.055);
  color:#ffb3b5;
}
.minecraft-java-custom-grid{grid-template-columns:minmax(0,1fr) 112px}
@media(max-width:760px){.minecraft-java-custom-grid{grid-template-columns:1fr}}


/* v1.43.24 — homepage aggregate player counter; no player names in hero */
.player-counter-panel{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  width:146px !important;
  padding:12px 11px 11px !important;
  overflow:hidden !important;
}
.player-counter-panel .player-counter-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
  padding:0 1px 9px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.player-counter-panel .player-counter-head > span{
  color:#f0f3f6;
  font-size:13px;
  line-height:1;
  font-weight:950;
  letter-spacing:.035em;
}
.player-counter-panel .player-counter-head > small{
  color:#68727d;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.player-counter-panel .player-counter-stat{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:8px;
  min-height:48px;
  padding:9px 1px 7px;
}
.player-counter-panel .player-counter-stat + .player-counter-stat{
  border-top:1px solid rgba(255,255,255,.045);
}
.player-counter-panel .player-counter-stat > span{
  color:#747f89;
  font-size:10px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
  white-space:nowrap;
}
.player-counter-panel .player-counter-stat > strong{
  color:#f3f5f7;
  font-size:20px;
  line-height:.9;
  font-weight:950;
  letter-spacing:-.035em;
  white-space:nowrap;
}
.player-counter-panel .player-counter-online > span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#89939c;
}
.player-counter-panel .player-counter-online > span i{
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#41d77d;
  box-shadow:0 0 0 3px rgba(65,215,125,.08);
}
.player-counter-panel .player-counter-online > strong{
  color:#72e59f;
}
@media(max-width:1350px){
  .player-counter-panel{width:140px !important;}
}
@media(max-width:980px){
  .player-counter-panel{display:none !important;}
}


/* v1.43.25 — final home player counter wording + vertical balance */
.player-counter-panel{
  align-self:start !important;
  margin-top:150px !important;
}
.player-counter-panel .player-counter-head{
  display:block !important;
  padding-bottom:10px !important;
}
.player-counter-panel .player-counter-head > span{
  display:block !important;
  font-size:10.2px !important;
  line-height:1.1 !important;
  letter-spacing:.055em !important;
  white-space:nowrap !important;
}
.player-counter-panel .player-counter-stat > span{
  font-size:10px !important;
  letter-spacing:.055em !important;
}
@media(max-width:1350px){
  .player-counter-panel{margin-top:140px !important;}
}
@media(max-width:1120px){
  .player-counter-panel{margin-top:130px !important;}
}
@media(max-width:980px){
  .player-counter-panel{display:none !important;}
}

/* v1.43.26 — compact lobby flow + high-visibility primary actions */
/* Keep primary lobby actions above optional communication so realtime state changes are visible. */
.lobby-detail-shell{
  width:min(1240px,100%) !important;
  display:flex;
  flex-direction:column;
}
.lobby-back{align-self:flex-start;}
.lobby-room-layout{order:1;gap:12px !important;}
.lobby-room-controls-head{order:2;margin-top:10px !important;padding-bottom:7px !important;}
.ready-check-panel{order:3;}
.game-connect-panel{order:4;}
.lobby-communication-panel{order:5;}
.lobby-detail-action{order:6;}

.lobby-detail-page{
  padding-top:22px !important;
  padding-bottom:36px !important;
}
.lobby-back{margin-bottom:8px !important;}
.lobby-status-message{
  margin-bottom:9px !important;
  padding:9px 12px !important;
  font-size:11.5px !important;
  line-height:1.4 !important;
}

/* Overview: compact through geometry, not tiny text. */
.lobby-room-overview .lobby-detail-head{
  min-height:126px !important;
  padding:14px 18px 12px !important;
}
.lobby-detail-head h1{font-size:28px !important;}
.lobby-detail-head p{font-size:11.5px !important;}
.lobby-detail-head>div>span{font-size:10px !important;}
.lobby-detail-watermark{font-size:66px !important;}
.lobby-big-count{
  min-width:112px !important;
  padding:9px 11px !important;
}
.lobby-big-count strong{font-size:23px !important;}
.lobby-big-count small{font-size:10px !important;}
.lobby-overview-body{padding:10px 12px 12px !important;}
.lobby-room-section-title{
  margin-bottom:8px !important;
  padding-bottom:7px !important;
}
.lobby-room-section-title>span{font-size:12.5px !important;}
.lobby-room-section-title>b{padding:4px 7px !important;font-size:10px !important;}
.lobby-overview-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:6px !important;
}
.lobby-overview-grid>div{padding:7px 9px !important;border-radius:8px !important;}
.lobby-overview-grid span,.lobby-room-note span{font-size:10px !important;}
.lobby-overview-grid strong{margin-top:3px !important;font-size:12px !important;}
.lobby-room-note{margin-top:7px !important;padding:8px 9px !important;}
.lobby-room-note p{margin-top:4px !important;font-size:11px !important;}

/* Player slots: three columns on roomy desktop, still readable. */
.lobby-room-slots{padding:12px !important;}
.lobby-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important;}
.lobby-slot{
  min-height:50px !important;
  padding:7px 8px !important;
  gap:7px !important;
  border-radius:8px !important;
}
.lobby-slot .lobby-member-avatar,.lobby-empty-slot-icon{
  width:30px !important;
  height:30px !important;
  flex-basis:30px !important;
}
.lobby-slot strong{font-size:11.5px !important;}
.lobby-slot small{font-size:10px !important;}
.lobby-slot em{padding:4px 6px !important;font-size:10px !important;}

/* Ready is a primary action: compact but prominent and readable. */
.ready-check-panel{
  margin-top:8px !important;
  padding:12px 14px !important;
  gap:14px !important;
  border-radius:10px !important;
}
.ready-check-panel>div:first-child>span{font-size:10px !important;}
.ready-check-panel h2{margin:3px 0 4px !important;font-size:16.5px !important;}
.ready-check-panel p{font-size:11.8px !important;line-height:1.42 !important;}
.ready-check-actions{gap:7px !important;}
.ready-check-actions button,.ready-check-actions .lobby-secondary{
  min-height:38px !important;
  padding-left:13px !important;
  padding-right:13px !important;
  font-size:10.5px !important;
}

/* Game handoff stays immediately after Ready/live state and above chat/voice. */
.game-connect-panel{
  margin-top:10px !important;
  padding:13px 15px !important;
  gap:9px !important;
  border-radius:10px !important;
}
.game-connect-copy>span{font-size:10px !important;}
.game-connect-copy h2{margin:3px 0 4px !important;font-size:18px !important;}
.game-connect-copy p{font-size:12px !important;line-height:1.45 !important;}
.game-connect-meta{gap:7px !important;}
.game-connect-meta>div{padding:8px 10px !important;}
.game-connect-meta small{font-size:10px !important;}
.game-connect-meta strong{font-size:12.5px !important;}
.game-server-address{padding:9px 11px !important;}
.game-server-address small{font-size:10px !important;}
.game-server-address strong{font-size:14px !important;}
.game-connect-actions{gap:7px !important;}
.game-connect-actions .lobby-primary.big,
.game-connect-actions .lobby-secondary{min-height:38px !important;}
.game-connect-note{font-size:11px !important;line-height:1.45 !important;}

/* Critical Java-launch feedback must be impossible to miss. */
.game-bridge-status{
  margin-top:8px !important;
  padding:11px 13px !important;
  border-left-width:3px !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1.5 !important;
}
.game-bridge-status.is-error{
  color:#ffd0d1 !important;
  border-color:rgba(237,23,23,.42) !important;
  background:rgba(237,23,23,.085) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.16) !important;
}

/* Communication remains fully available, but optional content no longer dominates the flow. */
.lobby-communication-panel{margin-top:10px !important;border-radius:12px !important;}
.lobby-communication-head{padding:9px 12px !important;gap:12px !important;}
.lobby-communication-head>div>span{font-size:10px !important;}
.lobby-communication-head h2{margin:2px 0 !important;font-size:15.5px !important;}
.lobby-communication-head p{font-size:11.5px !important;line-height:1.35 !important;}
.lobby-communication-head>b{padding:5px 8px !important;font-size:10px !important;}
.lobby-communication-card{padding:10px 12px !important;}
.lobby-communication-card-head>div>span{font-size:10px !important;}
.lobby-communication-card-head h3{margin-top:2px !important;font-size:15px !important;}
.lobby-communication-explain,.lobby-communication-disabled{
  margin-top:6px !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
}
.lobby-communication-disabled{padding:7px 9px !important;}
.lobby-communication-action,.lobby-voice-toggle{min-height:34px !important;padding:7px 11px !important;font-size:10.5px !important;}
.lobby-communication-status{font-size:11.5px !important;}
.lobby-voice-security{margin-top:6px !important;padding:6px 8px !important;}
.lobby-voice-security p{font-size:11.5px !important;line-height:1.35 !important;}

/* Homepage: pull aggregate counter toward Find Match and give it slightly more presence. */
.player-counter-panel{
  width:158px !important;
  margin-right:26px !important;
  padding:13px 12px 12px !important;
}
.player-counter-panel .player-counter-head > span{font-size:10.8px !important;}
.player-counter-panel .player-counter-stat{min-height:50px !important;}
.player-counter-panel .player-counter-stat > span{font-size:10px !important;}
.player-counter-panel .player-counter-stat > strong{font-size:21px !important;}

@media(max-width:1350px){
  .player-counter-panel{width:150px !important;margin-right:18px !important;}
}
@media(max-width:1120px){
  .lobby-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .lobby-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .player-counter-panel{margin-right:8px !important;}
}
@media(max-width:980px){
  .lobby-detail-shell{display:block;}
  .lobby-room-layout{display:grid;}
  .lobby-room-overview .lobby-detail-head{min-height:138px !important;}
  .lobby-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .lobby-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:620px){
  .lobby-detail-page{padding-top:18px !important;}
  .lobby-overview-grid,.lobby-slot-grid{grid-template-columns:1fr !important;}
  .ready-check-panel{padding:12px !important;}
  .game-connect-panel{padding:12px !important;}
}


/* v1.43.27 — consolidate home counters + widen search + compact open-lobby rows */
/* All aggregate site counters live together under the hero copy; remove the redundant right widget. */
@media (min-width: 981px) {
    #home .find-panel .panel-live-stats:not(.has-panel-no-match) {
        left: -140px !important;
        width: calc(100% + 109px) !important;
        min-height: 52px !important;
        margin-top: 7px !important;
        padding-top: 13px !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-auto-flow: column !important;
        grid-auto-rows: 1fr !important;
        align-items: stretch !important;
        box-sizing: border-box !important;
    }
}
.hero-stats-four{
  gap:15px !important;
  flex-wrap:nowrap !important;
}
.hero-stats-four>div{
  grid-template-columns:27px auto !important;
  column-gap:7px !important;
  min-width:0;
}
.hero-stats-four>div+div{
  padding-left:14px !important;
}
.hero-stats-four .stat-svg{
  width:25px !important;
  height:25px !important;
}
.hero-stats-four strong{font-size:18px !important;}
.hero-stats-four small{
  font-size:10px !important;
  line-height:1.15 !important;
  letter-spacing:.4px !important;
  white-space:nowrap;
}

/* Home lobby rows should stay compact at the top instead of stretching to fill the dashboard card. */
#squads .squad-list{
  align-content:start !important;
  grid-auto-rows:min-content !important;
  row-gap:5px !important;
}
#squads .home-lobby-row{
  min-height:39px !important;
  padding-top:4px !important;
  padding-bottom:4px !important;
}

@media(max-width:1350px) and (min-width:981px){
  .hero{
    grid-template-columns:minmax(560px,1fr) minmax(350px,390px) !important;
  }
  .find-panel{
    width:min(100%,370px) !important;
    max-width:370px !important;
    margin-right:clamp(24px,3.5vw,48px) !important;
  }
  .hero-stats-four{gap:11px !important;}
  .hero-stats-four>div+div{padding-left:11px !important;}
  .hero-stats-four small{font-size:10px !important;}
}
@media(max-width:980px){
  .hero-stats-four{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px 14px !important;
  }
  .hero-stats-four>div+div{
    border-left:0 !important;
    padding-left:0 !important;
  }
  .find-panel{
    width:100% !important;
    max-width:none !important;
    margin-right:0 !important;
    transform:none !important;
  }
}


/* v1.43.28 — final home search alignment */
@media(min-width:1351px){
  .find-panel{
    margin-right:clamp(54px,6vw,102px) !important;
  }
}
@media(max-width:1350px) and (min-width:981px){
  .find-panel{
    margin-right:clamp(34px,4.5vw,64px) !important;
  }
}

/* v1.43.29 — visible final left shift for Find Match */
@media(min-width:1351px){
  .find-panel{
    transform:translateX(-38px) !important;
  }
}
@media(max-width:1350px) and (min-width:981px){
  .find-panel{
    transform:translateX(-22px) !important;
  }
}
@media(max-width:980px){
  .find-panel{
    transform:none !important;
  }
}


/* v1.44.0 — diagnostics & reliability foundation */
.lobby-host-reconnecting{
  display:block;
  padding:11px 13px;
  border:1px solid rgba(255,184,72,.28);
  border-left:3px solid rgba(255,184,72,.72);
  border-radius:9px;
  background:rgba(255,184,72,.055);
  color:#ffd18b;
  font-size:var(--text-md,12px);
  font-weight:900;
  line-height:1.45;
}
.health-shell{max-width:1180px}
.health-overview{grid-template-columns:repeat(4,minmax(0,1fr))}
.health-migration-needed{font-size:12px;line-height:1.55;color:#ffd18b}
.health-component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px}
.health-component{min-width:0;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:#090d12}
.health-component>strong{font-size:12px;letter-spacing:.04em}
.health-component>div{display:flex;gap:9px;flex-wrap:wrap;margin-top:9px;color:#8f9aa4;font-size:10px;font-weight:850}
.health-component b{color:#eef2f5}.health-component .health-error b{color:#ff7377}.health-component .health-warning b{color:#ffc66f}
.health-component>small{display:block;margin-top:8px;color:#68747e;font-size:10px}
.health-event-row{align-items:flex-start}.health-event-row.is-error{background:linear-gradient(90deg,rgba(237,23,23,.055),#080b0f 28%)}.health-event-row.is-warning{background:linear-gradient(90deg,rgba(255,184,72,.035),#080b0f 28%)}
.health-severity.is-error{border-color:rgba(237,23,23,.34);color:#ff7377}.health-severity.is-warning{border-color:rgba(255,184,72,.3);color:#ffc66f}.health-severity.is-info{border-color:rgba(75,190,255,.24);color:#85ceff}
.health-context{display:block;margin-top:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.055);border-radius:6px;background:#05080c;color:#8fa0ad;font:9px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:900px){.health-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.health-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.health-component-grid{grid-template-columns:1fr}.health-overview{grid-template-columns:1fr 1fr}}

.lobby-host-presence-warning{margin:0 0 10px;padding:11px 13px;border:1px solid rgba(255,184,72,.28);border-left:3px solid rgba(255,184,72,.75);border-radius:9px;background:rgba(255,184,72,.055);color:#ffd18b;font-size:var(--text-md,12px);font-weight:850;line-height:1.5}
.lobby-connection-warning{margin:0 0 10px;padding:11px 13px;border:1px solid rgba(255,184,72,.28);border-left:3px solid rgba(255,184,72,.82);border-radius:9px;background:rgba(255,184,72,.06);color:#ffd18b;font-size:var(--text-md,12px);font-weight:850;line-height:1.5}
.lobby-voice-resume-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;border-color:rgba(255,184,72,.30)!important;border-left:3px solid rgba(255,184,72,.82)!important;background:rgba(255,184,72,.06)!important;color:#ffe1a3}.lobby-voice-resume-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.lobby-voice-resume-copy strong{font-size:12px;line-height:1.35}.lobby-voice-resume-copy span{color:#e9c98c;font-size:11px;line-height:1.45}.lobby-voice-resume-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lobby-voice-resume-actions .lobby-secondary{height:34px;padding:0 13px}.lobby-voice-resume-actions .lobby-secondary.is-ghost{border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:#d4dbe2}@media (max-width:760px){.lobby-voice-resume-notice{flex-direction:column;align-items:flex-start}.lobby-voice-resume-actions{width:100%}.lobby-voice-resume-actions .lobby-secondary{flex:1 1 auto}}

/* v1.44.1 — admin game adapter health */
.adapter-health-section{overflow:hidden}
.adapter-health-refresh{margin:0}
.adapter-health-refresh button{min-height:36px;padding:0 14px;border-radius:8px;font-size:10px;font-weight:950;letter-spacing:.06em}
.adapter-health-empty{margin:14px;font-size:11px}
.adapter-health-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:11px 14px;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055);background:rgba(5,8,12,.45);color:#7f8b95;font-size:10px;font-weight:850}
.adapter-health-meta b{color:#e9edf0}.adapter-health-overall{margin-left:auto;padding:5px 8px;border:1px solid rgba(255,255,255,.09);border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.08em}
.adapter-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px}
.adapter-health-card{min-width:0;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:linear-gradient(145deg,#0b0f14,#070a0e);overflow:hidden}
.adapter-health-card.is-degraded{border-color:rgba(255,184,72,.22)}.adapter-health-card.is-unavailable{border-color:rgba(237,23,23,.3)}
.adapter-health-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.055)}
.adapter-health-card>header small{display:block;color:#68747f;font-size:10px;font-weight:950;letter-spacing:.08em}.adapter-health-card>header strong{display:block;margin-top:3px;font-size:13px}
.adapter-status-pill{padding:5px 7px;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.07em;white-space:nowrap}
.adapter-status-pill.is-healthy,.adapter-health-overall.is-healthy{color:#64df91;border-color:rgba(61,214,124,.28);background:rgba(61,214,124,.055)}
.adapter-status-pill.is-degraded,.adapter-health-overall.is-degraded{color:#ffc66f;border-color:rgba(255,184,72,.3);background:rgba(255,184,72,.05)}
.adapter-status-pill.is-unavailable,.adapter-health-overall.is-unavailable{color:#ff777b;border-color:rgba(237,23,23,.34);background:rgba(237,23,23,.06)}
.adapter-health-checks{display:grid;gap:0;padding:5px 13px}.adapter-health-check{display:flex;align-items:flex-start;gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.045)}.adapter-health-check:last-child{border-bottom:0}
.adapter-check-dot{width:7px;height:7px;flex:0 0 7px;margin-top:4px;border-radius:50%;background:#56616b;box-shadow:0 0 0 3px rgba(255,255,255,.025)}.adapter-check-dot.is-healthy{background:#42d67b}.adapter-check-dot.is-degraded{background:#ffbd59}.adapter-check-dot.is-unavailable{background:#ed2b31}.adapter-check-dot.is-info{background:#5bbcf2}
.adapter-health-check strong{display:block;color:#cdd4d9;font-size:10px;letter-spacing:.045em}.adapter-health-check small{display:block;margin-top:3px;color:#77848e;font-size:10px;line-height:1.35;overflow-wrap:anywhere}
.adapter-health-card>footer{padding:8px 13px;border-top:1px solid rgba(255,255,255,.05);color:#596570;font-size:10px;font-weight:800}.adapter-health-card>footer b{color:#89949e}
@media(max-width:980px){.adapter-health-grid{grid-template-columns:1fr}.adapter-health-meta{gap:10px}.adapter-health-overall{margin-left:0}}


/* v1.44.2 — manual server verification at lobby creation */
.samp-manual-check{grid-column:1/-1;display:flex;flex-direction:column;gap:9px;margin-top:2px}
.samp-manual-check-row{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.samp-manual-check-row small{flex:1;min-width:220px;color:#9aa5ae;font-size:10.5px!important;line-height:1.45!important}
.samp-check-button{min-height:37px;padding:0 14px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:linear-gradient(180deg,#151b22,#0c1117);color:#f3f6f8;font-size:10px;font-weight:950;letter-spacing:.35px;cursor:pointer}
.samp-check-button:hover{border-color:rgba(237,23,23,.38);background:linear-gradient(180deg,#1a2028,#10151b)}
.samp-check-button:disabled{opacity:.65;cursor:wait}
.samp-check-status{padding:11px 12px;border:1px solid rgba(255,255,255,.10);border-left-width:3px;border-radius:8px;background:#090d12;color:#dce2e7;font-size:12.5px;font-weight:800;line-height:1.5}
.samp-check-status[hidden],.samp-unverified-override[hidden]{display:none!important}
.samp-check-status.is-verified{border-color:rgba(61,214,124,.28);border-left-color:#3dd67c;background:rgba(61,214,124,.055);color:#b9f2ce}
.samp-check-status.is-unverified{border-color:rgba(255,184,72,.28);border-left-color:#ffb848;background:rgba(255,184,72,.055);color:#ffd28d}
.samp-check-status.is-invalid{border-color:rgba(237,23,23,.30);border-left-color:#ed1717;background:rgba(237,23,23,.06);color:#ffb0b1}
.samp-unverified-override{display:flex!important;align-items:flex-start!important;gap:9px!important;padding:10px 11px!important;border:1px solid rgba(255,184,72,.18);border-radius:8px;background:rgba(255,184,72,.035);cursor:pointer}
.samp-unverified-override input{margin-top:2px;flex:0 0 auto}
.samp-unverified-override span{color:#d8c5a4;font-size:11.5px!important;font-weight:750!important;line-height:1.45!important;text-transform:none!important;letter-spacing:0!important}
@media(max-width:680px){.samp-manual-check-row{align-items:stretch;flex-direction:column}.samp-check-button{width:100%}.samp-manual-check-row small{min-width:0}}


/* v1.44.3 — manual SA-MP preflight UI polish */
.samp-server-grid [data-server-host],
.samp-server-grid [data-server-port]{
  width:100% !important;
  min-height:41px !important;
  padding:0 12px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:8px !important;
  background:#080c11 !important;
  color:#edf2f5 !important;
  color-scheme:dark;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018) !important;
}
.samp-server-grid [data-server-host]:focus,
.samp-server-grid [data-server-port]:focus{
  outline:none !important;
  border-color:rgba(255,184,72,.52) !important;
  box-shadow:0 0 0 3px rgba(255,184,72,.07) !important;
}
.samp-server-grid [data-server-port]{appearance:textfield;-moz-appearance:textfield}
.samp-server-grid [data-server-port]::-webkit-inner-spin-button,
.samp-server-grid [data-server-port]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

.samp-manual-check{
  margin-top:4px;
  padding:12px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(15,19,24,.92),rgba(7,10,14,.96));
}
.samp-manual-check-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:13px}
.samp-check-copy{min-width:0}
.samp-check-copy strong{display:block;color:#d9e0e5;font-size:10px;font-weight:950;letter-spacing:.055em;text-transform:uppercase}
.samp-check-copy small{display:block;margin-top:4px;min-width:0;color:#8f9ba5;font-size:10.8px!important;line-height:1.42!important}
.samp-check-button{
  min-width:164px;
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(255,184,72,.52);
  border-radius:9px;
  background:linear-gradient(180deg,rgba(255,184,72,.22),rgba(138,83,16,.16));
  color:#ffd184;
  box-shadow:0 8px 20px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);
  font-size:10.4px;
  font-weight:950;
  letter-spacing:.055em;
  cursor:pointer;
  transition:transform .14s,filter .14s,border-color .14s,background .14s,color .14s,box-shadow .14s;
}
.samp-check-button:hover{transform:translateY(-1px);filter:brightness(1.08);border-color:rgba(255,196,100,.72);background:linear-gradient(180deg,rgba(255,184,72,.29),rgba(138,83,16,.20))}
.samp-check-button.is-checking{color:#ffe1aa;border-color:rgba(255,184,72,.38);background:rgba(255,184,72,.10)}
.samp-check-button.is-verified{color:#baf3cf;border-color:rgba(61,214,124,.52);background:linear-gradient(180deg,rgba(61,214,124,.20),rgba(26,116,65,.14));box-shadow:0 8px 20px rgba(0,0,0,.16),0 0 0 3px rgba(61,214,124,.035)}
.samp-check-button.is-unverified,.samp-check-button.is-invalid{color:#ffc0c1;border-color:rgba(237,43,49,.56);background:linear-gradient(180deg,rgba(237,43,49,.19),rgba(117,17,21,.14));box-shadow:0 8px 20px rgba(0,0,0,.16),0 0 0 3px rgba(237,43,49,.03)}
.samp-check-button.is-warning{color:#ffd28e;border-color:rgba(255,184,72,.45);background:rgba(255,184,72,.085)}
.samp-check-button:disabled{opacity:.82;cursor:wait;transform:none}

.samp-check-status{
  position:relative;
  padding:11px 13px 11px 37px;
  border-width:1px !important;
  border-radius:9px;
  font-size:12px;
  font-weight:800;
  line-height:1.45;
}
.samp-check-status:before{
  content:'!';position:absolute;left:12px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;border:1px solid currentColor;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:950;opacity:.86;
}
.samp-check-status.is-verified{border-color:rgba(61,214,124,.28)!important;background:rgba(61,214,124,.055);color:#b9f2ce}
.samp-check-status.is-verified:before{content:'✓'}
.samp-check-status.is-unverified,.samp-check-status.is-invalid{border-color:rgba(237,43,49,.31)!important;background:rgba(237,43,49,.055);color:#ffc0c1}
.samp-check-status.is-warning{border-color:rgba(255,184,72,.30)!important;background:rgba(255,184,72,.05);color:#ffd28d}
.samp-unverified-override{margin-top:1px!important;border-color:rgba(237,43,49,.16)!important;background:rgba(237,43,49,.025)!important}
.samp-unverified-override span{color:#cfd6db!important;font-size:11.5px!important}
@media(max-width:680px){
  .samp-manual-check-row{grid-template-columns:1fr;align-items:stretch}
  .samp-check-button{width:100%;min-width:0}
}


/* v1.44.5 — unified manual preflight layout + create gating */
.game-server-grid > .samp-manual-check,
.minecraft-java-custom-grid > .samp-manual-check,
.samp-server-grid > .samp-manual-check{
  grid-column:1 / -1 !important;
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box;
}
.game-server-grid [data-server-host],
.game-server-grid [data-server-port],
.game-server-grid [data-server-version],
.minecraft-java-custom-grid [data-server-host],
.minecraft-java-custom-grid [data-server-port],
.minecraft-java-custom-grid [data-server-version]{
  width:100% !important;
  min-height:41px !important;
  padding:0 12px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:8px !important;
  background:#080c11 !important;
  color:#edf2f5 !important;
  color-scheme:dark;
  box-sizing:border-box;
}
.game-server-grid [data-server-port],
.minecraft-java-custom-grid [data-server-port]{appearance:textfield;-moz-appearance:textfield}
.game-server-grid [data-server-port]::-webkit-inner-spin-button,
.game-server-grid [data-server-port]::-webkit-outer-spin-button,
.minecraft-java-custom-grid [data-server-port]::-webkit-inner-spin-button,
.minecraft-java-custom-grid [data-server-port]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.samp-manual-check-row{
  width:100%;
  grid-template-columns:minmax(170px,auto) minmax(0,1fr) !important;
  align-items:center !important;
}
.samp-check-copy{min-width:0!important;max-width:620px}
.samp-check-copy strong{font-size:10px!important;line-height:1.2!important}
.samp-check-copy small{font-size:11px!important;line-height:1.45!important;overflow-wrap:normal!important;word-break:normal!important}
.samp-check-status{width:100%;box-sizing:border-box}
.samp-unverified-override{
  width:100%;
  box-sizing:border-box;
  align-items:center!important;
}
.samp-unverified-override input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  width:17px!important;
  height:17px!important;
  min-width:17px;
  margin:0!important;
  border:1px solid rgba(255,255,255,.24);
  border-radius:4px;
  background:#080c11;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.samp-unverified-override input[type="checkbox"]:checked{
  border-color:rgba(61,214,124,.58);
  background:rgba(61,214,124,.18);
}
.samp-unverified-override input[type="checkbox"]:checked:after{
  content:'✓';
  color:#73e5a0;
  font-size:12px;
  font-weight:950;
  line-height:1;
}
.simple-lobby-form>button[type="submit"]:disabled,
.simple-lobby-form>button[type="submit"].is-manual-gated{
  cursor:not-allowed!important;
  opacity:.42!important;
  filter:saturate(.45)!important;
  box-shadow:none!important;
}
@media(max-width:680px){
  .samp-manual-check-row{grid-template-columns:1fr!important}
  .samp-check-copy{max-width:none}
}


/* SA-MP server verification */
.udp-transport-section{overflow:hidden}
.udp-transport-form{display:grid;grid-template-columns:minmax(250px,1fr) 120px auto;gap:10px;align-items:end;padding:14px;border-top:1px solid rgba(255,255,255,.05)}
.udp-transport-form label{display:grid;gap:6px;min-width:0}.udp-transport-form label>span{color:#7d8993;font-size:10px;font-weight:950;letter-spacing:.07em}
.udp-transport-form input{width:100%;height:39px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#070b0f;color:#eef2f5;padding:0 11px;font-size:11px;font-weight:800;outline:none}
.udp-transport-form input:focus{border-color:rgba(237,23,23,.45);box-shadow:0 0 0 2px rgba(237,23,23,.07)}
.udp-transport-form button{height:39px;padding:0 14px;border-radius:8px;font-size:10px;white-space:nowrap}
.udp-transport-result{margin:0 14px 14px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:linear-gradient(145deg,#0a0e13,#070a0e);overflow:hidden}
.udp-transport-result.is-degraded{border-color:rgba(255,184,72,.25)}.udp-transport-result.is-unavailable{border-color:rgba(237,23,23,.3)}.udp-transport-result.is-healthy{border-color:rgba(61,214,124,.24)}
.udp-transport-result>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.055)}
.udp-transport-result>header small{display:block;color:#68747f;font-size:10px;font-weight:950;letter-spacing:.08em}.udp-transport-result>header strong{display:block;margin-top:3px;font-size:12px}
.udp-transport-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px 13px}
.udp-transport-steps>div{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:11px 10px;border-right:1px solid rgba(255,255,255,.045)}.udp-transport-steps>div:last-child{border-right:0}
.udp-transport-steps p{margin:0;min-width:0}.udp-transport-steps strong{display:block;color:#cdd4d9;font-size:10px;letter-spacing:.045em}.udp-transport-steps small{display:block;margin-top:3px;color:#77848e;font-size:10px;line-height:1.35;overflow-wrap:anywhere}
@media(max-width:900px){.udp-transport-form{grid-template-columns:1fr 110px}.udp-transport-form button{grid-column:1/-1}.udp-transport-steps{grid-template-columns:1fr 1fr}.udp-transport-steps>div:nth-child(2){border-right:0}.udp-transport-steps>div{border-bottom:1px solid rgba(255,255,255,.045)}}
@media(max-width:620px){.udp-transport-form{grid-template-columns:1fr}.udp-transport-steps{grid-template-columns:1fr}.udp-transport-steps>div{border-right:0}}


/* SA-MP verification result */
.udp-transport-recovery{margin-top:9px;padding:10px 11px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(8,12,17,.72);display:flex;align-items:center;justify-content:space-between;gap:12px}
.udp-transport-recovery strong{font-size:10px;line-height:1.35;letter-spacing:.025em}.udp-transport-recovery small{font-size:10px;color:#8d98a3;text-align:right}.udp-transport-recovery.is-healthy{border-color:rgba(55,213,117,.28)}.udp-transport-recovery.is-healthy strong{color:#7be6a3}.udp-transport-recovery.is-blocked{border-color:rgba(237,23,23,.3)}.udp-transport-recovery.is-blocked strong{color:#ffaaaa}
@media(max-width:700px){.udp-transport-recovery{align-items:flex-start;flex-direction:column}.udp-transport-recovery small{text-align:left}}


/* v1.44.20 — Minecraft version auto-detect with explicit manual fallback */
.minecraft-java-custom-grid>.minecraft-version-field{
  grid-column:1 / -1;
  min-width:0;
}
.minecraft-java-custom-grid>.minecraft-version-field>input[data-server-version]{
  max-width:100%;
}
.minecraft-java-custom-grid>.minecraft-version-field>small{
  display:block;
  margin-top:1px;
  color:#8e9aa4;
  font-size:11px!important;
  line-height:1.45;
}
.minecraft-java-custom-grid>.minecraft-version-field>input[data-server-version][readonly]{
  cursor:default;
  color:#aeb8c0!important;
  border-color:rgba(255,255,255,.075)!important;
  background:rgba(8,12,17,.72)!important;
  box-shadow:none!important;
}
.minecraft-java-custom-grid>.minecraft-version-field.is-detected>input[data-server-version][readonly]{
  color:#baf3cf!important;
  border-color:rgba(61,214,124,.24)!important;
  background:rgba(61,214,124,.045)!important;
}
.minecraft-java-custom-grid>.minecraft-version-field.is-manual>input[data-server-version]{
  color:#edf2f5!important;
  border-color:rgba(255,184,72,.34)!important;
  background:#080c11!important;
}
@media(max-width:760px){
  .minecraft-java-custom-grid{grid-template-columns:1fr}
  .minecraft-java-custom-grid>.minecraft-version-field{grid-column:auto}
}

/* v1.46.0 — verified-email account boundary */
.account-email-verification{flex-wrap:wrap}
.account-email-verification em{font-style:normal;font-size:10px;font-weight:950;letter-spacing:.04em}
.account-email-verification em.is-verified{color:#55d889}
.account-email-verification em.is-unverified{color:#ff777b}
.account-email-verification .account-secondary-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:32px;padding:0 12px}
@media(max-width:760px){.account-email-verification{align-items:stretch}.account-email-verification .account-secondary-button{width:100%}}

/* ===== RAIET v1.47.4 — FRIEND DMS + PLAYER PROFILE REFRESH ===== */
.friend-message{
  min-height:36px;padding:0 12px;border:1px solid rgba(237,23,23,.46);border-radius:8px;
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  background:linear-gradient(180deg,rgba(111,9,14,.52),rgba(54,7,10,.34));
  color:#ffe8e9;font-size:10px;font-weight:950;letter-spacing:.03em;white-space:nowrap
}
.friend-message:hover{border-color:rgba(255,68,73,.78);background:linear-gradient(180deg,rgba(143,12,18,.66),rgba(70,8,12,.48));color:#fff}
.friend-message-badge{display:inline-flex;min-width:18px;height:18px;margin-left:7px;padding:0 5px;align-items:center;justify-content:center;border-radius:999px;background:#ed1717;color:#fff;font-size:10px;font-weight:950;vertical-align:1px;box-shadow:0 0 0 3px rgba(237,23,23,.1)}

.dm-page{min-height:calc(100vh - var(--header));padding:34px 20px 58px;background:radial-gradient(circle at 18% 8%,rgba(237,23,23,.105),transparent 28%),radial-gradient(circle at 86% 70%,rgba(111,13,19,.075),transparent 26%),#05070a}
.dm-shell{width:min(920px,100%);margin:0 auto;border:1px solid rgba(255,255,255,.085);border-radius:16px;background:linear-gradient(150deg,rgba(12,17,23,.99),rgba(5,8,12,.995));box-shadow:0 24px 80px rgba(0,0,0,.34);overflow:hidden}
.dm-head{min-height:88px;padding:14px 18px;display:flex;align-items:center;gap:13px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(100deg,rgba(237,23,23,.08),transparent 40%),rgba(7,10,14,.74)}
.dm-back{width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.11);border-radius:9px;display:grid;place-items:center;color:#dce3ea;text-decoration:none;font-size:18px}.dm-back:hover{border-color:rgba(237,23,23,.5);color:#fff}
.dm-peer{display:flex;align-items:center;gap:11px;min-width:0;color:inherit;text-decoration:none}.dm-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(237,23,23,.34),rgba(16,19,24,.98));border:1px solid rgba(255,74,79,.35);box-shadow:0 0 0 4px rgba(237,23,23,.055);font-size:18px;font-weight:950}.dm-peer>span:last-child{min-width:0}.dm-peer strong,.dm-peer small{display:block}.dm-peer strong{font-size:14px;overflow-wrap:anywhere}.dm-peer small{margin-top:4px;color:#909aa4;font-size:11px}.dm-peer small i{font-style:normal;font-weight:900}.dm-presence.is-online{color:#d8f6df}.dm-presence.is-offline{color:#77818b}
.dm-head-note{margin-left:auto;text-align:right;max-width:260px}.dm-head-note strong,.dm-head-note span{display:block}.dm-head-note strong{color:#ff656a;font-size:10px;letter-spacing:.09em}.dm-head-note span{margin-top:4px;color:#8e98a2;font-size:10px;line-height:1.35}
.dm-notice{margin:12px 16px 0;padding:11px 11px 11px 13px;border:1px solid rgba(237,23,23,.34);border-radius:9px;background:rgba(237,23,23,.08);color:#f4c9cb;font-size:13px;line-height:1.5;font-weight:850;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dm-notice[hidden]{display:none!important}.dm-notice>span{min-width:0;font-size:13px;line-height:1.5}.dm-notice>button{flex:0 0 30px;width:30px;height:30px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:rgba(255,255,255,.045);color:#fff;font:800 20px/26px Arial,sans-serif;cursor:pointer;padding:0}.dm-notice>button:hover{border-color:rgba(237,23,23,.55);background:rgba(237,23,23,.14)}
.dm-thread{height:min(58vh,560px);min-height:360px;padding:22px 18px;overflow:auto;display:flex;flex-direction:column;gap:9px;scrollbar-width:thin}
.dm-empty{margin:auto;text-align:center;max-width:420px;padding:40px 18px}.dm-empty span{color:#ff565b;font-size:10px;font-weight:950;letter-spacing:.13em}.dm-empty h2{margin:7px 0 8px;font-size:20px}.dm-empty p{margin:0;color:#8d98a3;font-size:12px;line-height:1.6}
.dm-message{display:flex;width:100%}.dm-message.is-mine{justify-content:flex-end}.dm-message.is-peer{justify-content:flex-start}.dm-bubble{max-width:min(70%,620px);padding:10px 12px 8px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:#0a0e13;box-shadow:0 8px 24px rgba(0,0,0,.13)}.dm-message.is-mine .dm-bubble{border-color:rgba(237,23,23,.28);background:linear-gradient(145deg,rgba(100,10,15,.42),rgba(24,9,12,.7))}.dm-bubble p{margin:0;color:#edf1f4;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.dm-message-meta{margin-top:6px;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#68727c;font-size:10px}.dm-read-state{font-weight:900;letter-spacing:.025em}.dm-report{border:0;background:transparent;color:#8a6a6d;font-size:10px;font-weight:900;cursor:pointer}.dm-report:hover{color:#ff777c}.dm-report:disabled{opacity:.55;cursor:default}
.dm-compose{padding:14px 16px 12px;border-top:1px solid rgba(255,255,255,.07);background:rgba(3,5,8,.78)}.dm-compose textarea{width:100%;min-height:62px;max-height:150px;resize:vertical;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#080c10;color:#f4f6f8;padding:12px 13px;font:inherit;font-size:13px;line-height:1.45;outline:none}.dm-compose textarea:focus{border-color:rgba(237,23,23,.58);box-shadow:0 0 0 3px rgba(237,23,23,.06)}.dm-compose-actions{margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:12px}.dm-compose-actions>span{color:#747f89;font-size:10px;font-weight:800}.dm-compose-actions button{min-width:132px;height:38px;border:1px solid rgba(255,72,77,.58);border-radius:8px;background:linear-gradient(180deg,#c8161c,#8f0d12);color:#fff;font-size:10px;font-weight:950;letter-spacing:.05em;cursor:pointer}.dm-compose-actions button:hover{filter:brightness(1.09)}.dm-compose-actions button:disabled{opacity:.45;cursor:default}.dm-retention{margin:0;padding:0 16px 15px;color:#69737d;font-size:10px;line-height:1.5;background:rgba(3,5,8,.78)}

/* Public profile: stronger hierarchy, compact gaming identity, less grey-on-grey. */
.public-profile-shell{width:min(1060px,100%)}
.public-profile-identity{min-height:132px;padding:24px 26px!important;border-color:rgba(237,23,23,.18)!important;border-radius:16px!important;background:radial-gradient(circle at 11% 40%,rgba(237,23,23,.2),transparent 25%),linear-gradient(115deg,rgba(18,21,27,.99),rgba(8,10,14,.995) 58%,rgba(28,7,10,.62))!important;box-shadow:0 24px 68px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.025)!important}
.public-profile-identity:after{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(#ff4b50,#8d090e);box-shadow:0 0 24px rgba(237,23,23,.34)}
.public-profile-identity .profile-avatar{width:78px!important;height:78px!important;flex-basis:78px!important;border:1px solid rgba(255,83,88,.5)!important;background:linear-gradient(145deg,rgba(163,14,20,.74),rgba(19,23,29,.98))!important;color:#fff!important;font-size:30px!important;box-shadow:0 0 0 5px rgba(237,23,23,.075),0 14px 32px rgba(0,0,0,.28)!important}
.public-profile-name>span{color:#ff5d62!important;font-size:10px!important;letter-spacing:.13em!important}.public-profile-name h1{margin:4px 0 2px!important;color:#fff;font-size:30px!important;letter-spacing:-.02em}.public-profile-name>p{color:#99a3ad!important;font-size:12px!important}
.public-profile-hero-meta{margin-top:10px;display:flex;gap:7px;flex-wrap:wrap}.public-profile-hero-meta>span{min-height:27px;padding:0 9px;border:1px solid rgba(255,255,255,.09);border-radius:999px;display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.17);color:#adb6bf;font-size:10px;font-weight:850}.public-profile-presence i{width:6px;height:6px;border-radius:50%;background:#737e88}.public-profile-presence.is-online{color:#ddf5e3!important;border-color:rgba(111,202,135,.2)!important}.public-profile-presence.is-online i{background:#66c17e;box-shadow:0 0 10px rgba(102,193,126,.45)}
.public-profile-actions{margin-left:auto!important;align-self:center!important}.public-profile-message{height:36px;padding:0 14px;border:1px solid rgba(237,23,23,.55);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(169,15,21,.86),rgba(91,8,12,.82));color:#fff;text-decoration:none;font-size:10px;font-weight:950;letter-spacing:.035em}.public-profile-message:hover{border-color:rgba(255,76,82,.8);filter:brightness(1.08)}
.public-profile-stats{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.public-profile-stats>div{min-height:78px;padding:13px 15px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:linear-gradient(155deg,rgba(14,19,25,.97),rgba(7,10,14,.985));position:relative;overflow:hidden}.public-profile-stats>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:rgba(237,23,23,.72)}.public-profile-stats span,.public-profile-stats strong{display:block}.public-profile-stats span{color:#7f8993;font-size:10px;font-weight:900;letter-spacing:.045em;text-transform:uppercase}.public-profile-stats strong{margin-top:7px;color:#f1f4f6;font-size:16px;line-height:1.2;overflow-wrap:anywhere}
.public-profile-grid{margin-top:14px!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:14px!important}.public-profile-main,.public-profile-info{border-color:rgba(255,255,255,.075)!important;background:linear-gradient(150deg,rgba(12,17,23,.985),rgba(6,9,13,.995))!important}.public-profile-section h2,.public-profile-info h2{color:#f1f3f5;font-size:16px!important;letter-spacing:.02em}.public-profile-bio,.public-empty{color:#aeb7c0!important;font-size:12px!important;line-height:1.7!important}.public-game-list{border:0!important;background:transparent!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.public-game-row{min-height:66px!important;padding:11px 12px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:10px;background:rgba(5,8,12,.66)!important;grid-template-columns:minmax(0,1fr) auto!important}.public-game-row strong{font-size:12px!important;color:#f0f3f5!important}.public-game-row span{font-size:10px!important}.public-game-row em{grid-column:1/-1;width:max-content;border-radius:5px;font-size:10px!important}.public-info-row{min-height:48px!important}.public-info-row span{color:#8d98a3!important;font-size:11px!important}.public-info-row strong{color:#edf1f4!important;font-size:11px!important;max-width:180px!important}
@media(max-width:820px){.public-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.public-profile-grid{grid-template-columns:1fr!important}.dm-head-note{display:none}.dm-bubble{max-width:82%}}
@media(max-width:600px){.dm-page{padding:16px 10px 36px}.dm-shell{border-radius:12px}.dm-head{padding:12px}.dm-thread{height:54vh;min-height:330px;padding:16px 12px}.dm-bubble{max-width:90%}.dm-compose{padding:12px}.dm-compose-actions button{min-width:112px}.public-profile-identity{padding:18px!important}.public-profile-identity .profile-avatar{width:64px!important;height:64px!important;flex-basis:64px!important;font-size:24px!important}.public-profile-name h1{font-size:25px!important}.public-profile-stats{grid-template-columns:1fr 1fr}.public-profile-stats>div{min-height:70px;padding:11px 12px}.public-profile-actions{width:100%!important;justify-content:flex-start!important}.public-profile-message{flex:1;min-width:120px}.public-game-list{grid-template-columns:1fr}}

/* ===== RAIET v1.47.5 — FRIEND REQUEST RETRY GUIDANCE ===== */

/* ===== RAIET v1.47.6 — QUIET EVENT SOUND CUES ===== */
.header-sound-toggle{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:8px;
  background:rgba(255,255,255,.025);color:#f0f3f7;font:900 17px/1 inherit;
  cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,opacity .16s ease
}
.header-sound-toggle::after{
  content:'';position:absolute;right:5px;top:5px;width:5px;height:5px;border-radius:50%;
  background:#ed1717;box-shadow:0 0 8px rgba(237,23,23,.55)
}
.header-sound-toggle:hover{border-color:rgba(237,23,23,.7);background:rgba(237,23,23,.08);color:#fff}
.header-sound-toggle.is-off{opacity:.52;color:#9ba4ad}
.header-sound-toggle.is-off::after{background:#5f6872;box-shadow:none}
@media(max-width:760px){.header-sound-toggle{width:33px;height:33px;font-size:16px}}

/* v1.47.7: public About / search landing page */
.about-page{max-width:1180px;margin:0 auto;padding:44px 22px 70px}
.about-hero{display:block;padding:38px 44px 36px;overflow:hidden;position:relative;text-align:center}
.about-hero:after{content:"ARENACTIVE";position:absolute;left:50%;bottom:-50px;transform:translateX(-50%);font-size:150px;font-weight:950;font-style:italic;letter-spacing:-9px;color:rgba(255,255,255,.018);pointer-events:none;white-space:nowrap}
.about-hero-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.about-brand-wordmark{display:block;width:min(360px,72vw);height:auto;margin:0 auto 24px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.025))}
.about-kicker{display:block;color:#ef252c;font-size:11px;font-weight:950;letter-spacing:1.5px;margin-bottom:9px}
.about-hero h1{max-width:900px;margin:0 auto;color:#f5f6f7;font-size:clamp(34px,5vw,62px);line-height:.98;letter-spacing:-2px;font-style:italic}
.about-hero p{max-width:800px;margin:18px auto 0;color:#b8bec7;font-size:15px;line-height:1.7}
.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.about-card{padding:26px;min-height:210px}
.about-card>span{display:inline-flex;align-items:center;justify-content:center;width:37px;height:26px;border:1px solid rgba(239,37,44,.35);background:rgba(239,37,44,.08);color:#ff3a42;font-size:10px;font-weight:950;letter-spacing:1px}
.about-card h2{margin:24px 0 10px;color:#f1f3f5;font-size:19px;letter-spacing:-.25px}
.about-card p{margin:0;color:#9da5af;font-size:13px;line-height:1.65}
.about-flow{margin-top:16px;padding:28px}
.about-flow h2{margin:0;color:#f3f4f6;font-size:24px;letter-spacing:-.5px}
.about-flow-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin-top:24px}
.about-flow-steps>div{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;padding:17px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}
.about-flow-steps b{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;background:#e5161f;color:#fff;font-size:16px}
.about-flow-steps strong{color:#e9ebee;font-size:12px;letter-spacing:.4px}
.about-flow-steps small{margin-top:4px;color:#89919b;font-size:11px;line-height:1.45}
.about-flow-steps>i{font-style:normal;color:#e5161f;font-weight:900}
.about-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:22px 26px;border:1px solid rgba(239,37,44,.18);background:linear-gradient(90deg,rgba(239,37,44,.065),rgba(255,255,255,.01))}
.about-cta>div{display:flex;flex-direction:column;gap:5px}.about-cta strong{color:#f2f3f5;font-size:15px}.about-cta span{color:#969ea7;font-size:12px}
.about-cta .find-button{width:auto;min-width:185px;text-decoration:none}
@media(max-width:820px){.about-page{padding:26px 13px 50px}.about-hero{padding:28px 20px 26px}.about-brand-wordmark{width:min(300px,78vw);margin-bottom:20px}.about-grid{grid-template-columns:1fr}.about-flow-steps{grid-template-columns:1fr}.about-flow-steps>i{display:none}.about-cta{align-items:stretch;flex-direction:column}.about-cta .find-button{width:100%}}

/* v1.47.11 — owner-only lobby member removal. */
.lobby-slot-profile{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:inherit;text-decoration:none}
.lobby-slot-profile>div{min-width:0}
.lobby-slot.is-player{transition:border-color .15s ease,background .15s ease,transform .15s ease}
.lobby-slot.is-player:has(.lobby-slot-profile:hover){border-color:rgba(237,23,23,.28);background:rgba(14,18,24,.92);transform:translateY(-1px)}
.lobby-slot-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto}
.lobby-slot-actions form{margin:0}
.lobby-kick-button{min-height:28px;padding:0 8px;border:1px solid rgba(237,23,23,.34);border-radius:6px;background:rgba(237,23,23,.055);color:#ff777b;font-size:10px;font-weight:950;letter-spacing:.25px;cursor:pointer}
.lobby-kick-button:hover{border-color:rgba(237,23,23,.58);background:rgba(237,23,23,.12);color:#ff9a9d}
.lobby-excluded-message{border-color:rgba(237,23,23,.42);background:rgba(237,23,23,.09)}
.lobby-excluded-state{color:#ff8589!important;font-weight:950;letter-spacing:.2px}
@media(max-width:600px){.lobby-slot{align-items:flex-start}.lobby-slot-actions{align-self:center}.lobby-kick-button{min-height:30px}}

/* RAIET v1.47.13 — moderation audit cards */
.admin-overview{grid-template-columns:repeat(6,minmax(0,1fr))}
.admin-audit-filters{display:flex;gap:7px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:#070a0e}
.admin-audit-filters a{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:#0a0e13;color:#8e99a3;font-size:10px;font-weight:950;letter-spacing:.045em}
.admin-audit-filters a:hover{border-color:rgba(237,23,23,.28);color:#fff}.admin-audit-filters a.is-active{border-color:rgba(237,23,23,.4);background:rgba(237,23,23,.075);color:#fff}
.admin-audit-note{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(237,23,23,.022);color:#7f8a94;font-size:10px;line-height:1.5}
.admin-audit-card{border:0;border-bottom:1px solid rgba(255,255,255,.065);background:#080b0f}.admin-audit-card:last-child{border-bottom:0}.admin-audit-card[open]{background:#0a0e13}
.admin-audit-card>summary{list-style:none;min-height:76px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer}.admin-audit-card>summary::-webkit-details-marker{display:none}.admin-audit-card>summary:hover{background:rgba(255,255,255,.018)}
.admin-audit-summary-main{min-width:0;display:grid;gap:4px}.admin-audit-summary-main strong{font-size:11.5px;color:#eef2f4}.admin-audit-summary-main small{color:#84909a;font-size:10px}.admin-audit-event-id{color:#ff666a;font-size:10px;font-weight:950;letter-spacing:.09em}
.admin-audit-open{padding-left:6px;color:#87929c;font-size:10px;font-weight:950;white-space:nowrap}.admin-audit-card[open] .admin-audit-open{color:#ff777b}
.admin-audit-body{padding:0 16px 16px}.admin-audit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.admin-audit-grid>div{min-height:82px;padding:11px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#070a0e;display:flex;flex-direction:column;justify-content:center}.admin-audit-grid span,.admin-audit-detail>span{color:#77838d;font-size:10px;font-weight:950;letter-spacing:.065em}.admin-audit-grid strong{margin-top:6px;color:#e1e6e9;font-size:10.5px;overflow-wrap:anywhere}.admin-audit-grid small{margin-top:4px;color:#7f8b95;font-size:10px;line-height:1.35}
.admin-audit-detail{margin-top:8px;padding:11px;border:1px solid rgba(237,23,23,.14);border-radius:8px;background:rgba(237,23,23,.025)}.admin-audit-detail code{display:block;margin-top:6px;color:#dce2e6;font-size:10px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.admin-audit-raw{margin-top:9px;color:#5e6871;font-size:10px;font-weight:850;letter-spacing:.04em}
@media(max-width:1000px){.admin-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-audit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.admin-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-audit-card>summary{align-items:flex-start;flex-direction:column}.admin-audit-grid{grid-template-columns:1fr}.admin-audit-card>summary .admin-pills{width:100%}.admin-audit-open{margin-left:auto}}

/* v1.47.13 — report evidence is also presented as compact blocks. */
.admin-report-card{border:0;border-bottom:1px solid rgba(255,255,255,.065);background:#080b0f}.admin-report-card:last-child{border-bottom:0}.admin-report-card[open]{background:#0a0e13}
.admin-report-card>summary{list-style:none;min-height:74px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer}.admin-report-card>summary::-webkit-details-marker{display:none}.admin-report-card>summary:hover{background:rgba(255,255,255,.018)}
.admin-report-summary-main{min-width:0;display:grid;gap:4px}.admin-report-summary-main>span{color:#ff666a;font-size:10px;font-weight:950;letter-spacing:.09em}.admin-report-summary-main>strong{font-size:11.5px;color:#eef2f4;overflow-wrap:anywhere}.admin-report-summary-main>small{color:#84909a;font-size:10px}
.admin-report-body{padding:0 16px 16px}.admin-report-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:9px}.admin-report-meta>div{padding:10px 11px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#070a0e}.admin-report-meta span{display:block;color:#77838d;font-size:10px;font-weight:950;letter-spacing:.065em}.admin-report-meta strong{display:block;margin-top:5px;color:#e1e6e9;font-size:10px;overflow-wrap:anywhere}
.admin-report-card .admin-chat-report-message{margin:0 0 10px}.admin-report-card .admin-chat-report-actions{padding-top:2px}.admin-report-card[open] .admin-audit-open{color:#ff777b}
@media(max-width:700px){.admin-report-card>summary{align-items:flex-start;flex-direction:column}.admin-report-meta{grid-template-columns:1fr}.admin-report-card>summary .admin-pills{width:100%}.admin-report-card>summary .admin-audit-open{margin-left:auto}}

/* ===== RAIET v1.47.15 — LEGAL TEXT READABILITY ===== */
.footer-left{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.footer-legal-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.footer-legal-links a{color:#87919c;font-size:10px;font-weight:900;letter-spacing:.65px;text-decoration:none;transition:color .16s ease}
.footer-legal-links a:hover,.footer-legal-links a:focus-visible{color:#f0f2f4}
.auth-legal-consent{margin:12px 2px 0;color:#717d87;font-size:10px;line-height:1.55;text-align:center}
.auth-legal-consent a{color:#aeb6be;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.16)}
.auth-legal-consent a:hover,.auth-legal-consent a:focus-visible{color:#ff6267;border-bottom-color:rgba(239,37,44,.55)}

.legal-page{max-width:1120px;margin:0 auto;padding:42px 22px 72px}
.legal-hero{position:relative;overflow:hidden;padding:31px 34px 29px;background:linear-gradient(135deg,rgba(16,21,28,.97),rgba(7,9,13,.98))}
.legal-hero:after{content:"TRUST";position:absolute;right:-12px;bottom:-46px;color:rgba(255,255,255,.022);font-size:142px;font-weight:950;font-style:italic;letter-spacing:-8px;pointer-events:none}
.legal-hero-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px}
.legal-kicker{color:#ef252c;font-size:10px;font-weight:950;letter-spacing:1.5px}
.legal-updated{color:#69747f;font-size:10px;font-weight:850;letter-spacing:.55px;text-transform:uppercase}
.legal-hero h1{position:relative;z-index:2;margin:12px 0 10px;color:#f5f6f7;font-size:clamp(34px,5vw,57px);line-height:1;letter-spacing:-1.8px;font-style:italic}
.legal-hero>p{position:relative;z-index:2;max-width:850px;margin:0;color:#aab2bc;font-size:13.2px;line-height:1.72}
.legal-tabs{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin-top:24px;flex-wrap:wrap}
.legal-tabs a{display:inline-flex;align-items:center;justify-content:center;min-width:116px;height:35px;padding:0 15px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.018);color:#7f8994;font-size:10px;font-weight:950;letter-spacing:.8px;text-decoration:none;transition:.16s ease}
.legal-tabs a:hover,.legal-tabs a:focus-visible{border-color:rgba(239,37,44,.35);color:#d6dbe0}
.legal-tabs a.active{border-color:rgba(239,37,44,.48);background:rgba(239,37,44,.09);color:#ff5b61;box-shadow:inset 0 -1px rgba(239,37,44,.22)}
.legal-beta-note{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-top:14px;padding:16px 18px;border:1px solid rgba(240,178,59,.17);background:linear-gradient(90deg,rgba(240,178,59,.055),rgba(255,255,255,.008))}
.legal-beta-note>span{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border:1px solid rgba(240,178,59,.28);background:rgba(240,178,59,.07);color:#e5b04c;font-size:10px;font-weight:950;letter-spacing:.75px;white-space:nowrap}
.legal-beta-note strong{display:block;color:#d9dde1;font-size:10.2px;letter-spacing:.2px}
.legal-beta-note p{margin:5px 0 0;color:#858f99;font-size:10.2px;line-height:1.55}
.legal-blocks{display:grid;gap:10px;margin-top:14px}
.legal-block{padding:0;overflow:hidden;background:linear-gradient(180deg,rgba(13,17,23,.98),rgba(8,11,15,.98))}
.legal-block>summary{list-style:none;display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:62px;padding:0 18px;cursor:pointer;user-select:none;transition:background .16s ease}
.legal-block>summary::-webkit-details-marker{display:none}
.legal-block>summary:hover{background:rgba(255,255,255,.018)}
.legal-block[open]>summary{background:linear-gradient(90deg,rgba(239,37,44,.055),transparent 48%);border-bottom:1px solid rgba(255,255,255,.055)}
.legal-block-number{display:grid;place-items:center;width:36px;height:27px;border:1px solid rgba(239,37,44,.32);background:rgba(239,37,44,.06);color:#ff4f55;font-size:10px;font-weight:950;letter-spacing:.8px}
.legal-block summary strong{color:#dce0e4;font-size:10.7px;font-weight:950;letter-spacing:.45px}
.legal-block-action{display:inline-flex;align-items:center;justify-content:flex-end;min-width:68px;color:#68737e;font-size:10px;font-weight:950;letter-spacing:.75px}
.legal-block-action:after{content:"+";display:grid;place-items:center;width:20px;height:20px;margin-left:8px;border:1px solid rgba(255,255,255,.08);color:#a1a9b1;font-size:13px;line-height:1}
.legal-block-action:before{content:attr(data-open)}
.legal-block[open] .legal-block-action:before{content:attr(data-close)}
.legal-block[open] .legal-block-action:after{content:"−";border-color:rgba(239,37,44,.25);color:#ff565c}
.legal-block-body{padding:18px 21px 21px 77px;max-width:930px}
.legal-block-body p{margin:0;color:#a8b0b8;font-size:14px;line-height:1.72}
.legal-block-body p+p{margin-top:10px}
.legal-block-body ul{display:grid;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.legal-block-body li{position:relative;padding-left:18px;color:#9ca6af;font-size:13.4px;line-height:1.66}
.legal-block-body li:before{content:"";position:absolute;left:2px;top:.67em;width:5px;height:5px;background:#e41a22;box-shadow:0 0 7px rgba(228,26,34,.24);transform:rotate(45deg)}

@media(max-width:680px){
  .footer-left{align-items:center}.footer-legal-links{justify-content:center}.footer-legal-links a{font-size:10px}
  .legal-page{padding:26px 12px 50px}.legal-hero{padding:24px 20px 22px}.legal-hero-topline{align-items:flex-start;flex-direction:column;gap:6px}.legal-hero h1{font-size:36px;letter-spacing:-1px}.legal-hero>p{font-size:11.7px}.legal-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.legal-tabs a{min-width:0;padding:0 8px;font-size:10px}
  .legal-beta-note{grid-template-columns:1fr;gap:10px}.legal-beta-note>span{justify-self:start}
  .legal-block>summary{grid-template-columns:37px minmax(0,1fr) 24px;gap:10px;min-height:58px;padding:0 12px}.legal-block-number{width:32px}.legal-block summary strong{font-size:10px}.legal-block-action{min-width:0;font-size:0}.legal-block-action:before{display:none}.legal-block-action:after{margin:0}
  .legal-block-body{padding:16px 16px 19px}.legal-block-body p{font-size:13.5px;line-height:1.7}.legal-block-body li{font-size:13px;line-height:1.64}
  .auth-legal-consent{font-size:10px}
}

/* v1.47.16 — privacy-first manual regional discovery */
.profile-location-card{grid-column:1/-1;display:grid;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:linear-gradient(145deg,rgba(10,14,19,.9),rgba(6,9,13,.92));box-shadow:inset 3px 0 0 rgba(237,23,23,.55)}
.profile-location-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.profile-location-head>div{display:grid;gap:3px}.profile-location-head span{color:#ed1717;font-size:10px;font-weight:950;letter-spacing:.12em}.profile-location-head h3{margin:0;color:#f4f6f8;font-size:14px;letter-spacing:.035em}.profile-location-head>small{max-width:430px;color:#8e99a4;font-size:10.5px;line-height:1.45;text-align:right}
.profile-location-grid{display:grid;grid-template-columns:minmax(180px,.8fr) repeat(2,minmax(180px,1fr));gap:10px}.profile-location-grid .auth-field{margin:0}
.profile-location-visibility{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.profile-location-visibility>label{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:flex-start;padding:11px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:rgba(255,255,255,.018);cursor:pointer}.profile-location-visibility input{position:absolute;opacity:0;pointer-events:none}.profile-location-visibility>label>span{width:16px;height:16px;margin-top:1px;border:1px solid #3a4651;border-radius:4px;background:#080b0f;position:relative}.profile-location-visibility input:checked+span{border-color:#ed1717;background:#8f1115}.profile-location-visibility input:checked+span:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:1000}.profile-location-visibility div{display:grid;gap:3px}.profile-location-visibility strong{font-size:10.5px;color:#edf1f4;letter-spacing:.02em}.profile-location-visibility small{color:#7f8b95;font-size:10px;line-height:1.4}
.profile-location-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-top:1px solid rgba(255,255,255,.06);color:#89949e;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.profile-location-preview strong{color:#dce3e8;font-size:10.5px;text-align:right}
.players-location-filters{grid-column:1/-1;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:rgba(255,255,255,.015);overflow:hidden}.players-location-filters summary{min-height:42px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.players-location-filters summary::-webkit-details-marker{display:none}.players-location-filters summary span{color:#e9eef2;font-size:10px;font-weight:950;letter-spacing:.06em}.players-location-filters summary strong{color:#7e8994;font-size:10px;font-weight:850}.players-location-filters[open] summary{border-bottom:1px solid rgba(255,255,255,.06);background:rgba(237,23,23,.025)}
.players-location-filter-grid{display:grid;grid-template-columns:minmax(180px,.9fr) repeat(2,minmax(160px,1fr));gap:10px;padding:11px 12px}.players-location-filter-grid label{display:grid;gap:6px}.players-location-filter-grid label>span{font-size:10px;font-weight:900;letter-spacing:.06em;color:#9ba6b0}.players-location-filter-grid input,.players-location-filter-grid select{width:100%;min-height:40px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#080b0f;color:#eef2f5;padding:0 10px;outline:none}.players-location-filter-grid input:focus,.players-location-filter-grid select:focus{border-color:rgba(237,23,23,.6)}.players-location-filter-grid small{color:#78848e;font-size:10px;line-height:1.35}.players-location-privacy-note{margin:0;padding:0 12px 11px;color:#707d87;font-size:10px;line-height:1.45}
.player-row-location-line{display:block!important;margin-top:4px;color:#aeb8c1!important;font-weight:800!important}
@media(max-width:860px){.profile-location-grid,.players-location-filter-grid{grid-template-columns:1fr}.profile-location-visibility{grid-template-columns:1fr}.profile-location-head{flex-direction:column}.profile-location-head>small{text-align:left}.profile-location-preview{align-items:flex-start;flex-direction:column}.profile-location-preview strong{text-align:left}}

/* v1.47.17 — admin System Health / privacy-minimized live online dashboard */
.system-health-section{overflow:hidden}
.system-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.system-health-card{border:1px solid rgba(255,255,255,.075);border-radius:10px;background:linear-gradient(145deg,#0b0f14,#070a0e);overflow:hidden}
.system-health-card.is-healthy{border-color:rgba(61,214,124,.18)}
.system-health-card.is-degraded{border-color:rgba(255,184,72,.28)}
.system-health-card.is-unavailable{border-color:rgba(237,23,23,.34)}
.system-health-card>summary{list-style:none;min-height:76px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}
.system-health-card>summary::-webkit-details-marker{display:none}
.system-health-card>summary:hover{background:rgba(255,255,255,.018)}
.system-health-card>summary small{display:block;color:#707d87;font-size:10px;font-weight:950;letter-spacing:.09em}
.system-health-card>summary strong{display:block;margin-top:5px;color:#e9edf0;font-size:12px;line-height:1.35}
.system-health-card[open]>summary{border-bottom:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.012)}
.system-health-card[open] .admin-audit-open{color:#ff777b}
.system-health-body{padding:13px 14px;color:#8b97a0;font-size:10px;line-height:1.55}
.system-health-body>p{margin:0 0 10px}
.system-health-metric{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.045)}
.system-health-metric span{color:#6f7b85;font-size:10px;font-weight:900;letter-spacing:.06em}
.system-health-metric b{color:#dfe5e9;font-size:10px;text-align:right}
.system-health-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0 10px}
.system-health-split>div{padding:10px;border:1px solid rgba(255,255,255,.055);background:#070a0e}
.system-health-split span{display:block;color:#6f7b85;font-size:10px;font-weight:900;letter-spacing:.055em}
.system-health-split b{display:block;margin-top:5px;color:#f0f3f5;font-size:17px}
.system-health-online-card{grid-column:span 2}
.system-health-presence-list{display:grid;gap:5px;max-height:340px;overflow:auto;padding-right:2px}
.system-health-presence-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid rgba(255,255,255,.05);background:#070a0e}
.system-health-presence-list strong{color:#e0e5e9;font-size:10px}
.system-health-presence-list span{color:#74808a;font-size:10px;text-align:right}
.system-health-presence-list .is-guest strong{color:#aab3ba}
.system-health-note{padding:9px 10px;border:1px solid rgba(255,184,72,.22);background:rgba(255,184,72,.045);color:#d5a655;font-size:10px}
.system-health-privacy-note{margin-top:10px;padding:10px 12px;border:1px dashed rgba(255,255,255,.08);color:#6f7a84;font-size:10px;line-height:1.5}
@media(max-width:980px){.system-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-health-online-card{grid-column:span 2}}
@media(max-width:640px){.system-health-grid{grid-template-columns:1fr}.system-health-online-card{grid-column:auto}.system-health-card>summary{min-height:70px}.system-health-presence-list>div{align-items:flex-start;flex-direction:column}.system-health-presence-list span{text-align:left}.system-health-split{grid-template-columns:1fr 1fr}}
@media(min-width:1001px){.admin-overview{grid-template-columns:repeat(7,minmax(0,1fr))}}

/* v1.47.18 — admin readability + clear report workflow + derived activity blocks */
.admin-head>span{font-size:10px}.admin-head p{font-size:13px;line-height:1.7}.admin-tabs a{font-size:10px;min-height:38px}.admin-section-head h2{font-size:15px}.admin-section-head span{font-size:10px}.admin-section-head p{font-size:11.5px;line-height:1.55}.admin-stat small{font-size:10.5px;line-height:1.35}.admin-row strong{font-size:12px}.admin-row small{font-size:10.5px;line-height:1.55}.admin-danger,.admin-safe,.admin-link,.admin-actioned{font-size:10px;min-height:36px}.admin-empty{font-size:11px}.admin-audit-filters a{font-size:10px;min-height:36px}.admin-audit-note{font-size:10.5px}.admin-audit-summary-main strong,.admin-report-summary-main>strong{font-size:13px;line-height:1.4}.admin-audit-summary-main small,.admin-report-summary-main>small{font-size:10.5px}.admin-audit-event-id,.admin-report-summary-main>span,.admin-activity-event-id{font-size:10px}.admin-audit-open{font-size:10px}.admin-audit-grid span,.admin-audit-detail>span,.admin-report-meta span{font-size:10px}.admin-audit-grid strong{font-size:11.5px}.admin-audit-grid small{font-size:10px}.admin-audit-detail code{font-size:10.5px}.admin-audit-raw{font-size:10px}.admin-report-meta strong{font-size:11.5px}.admin-chat-report-message{font-size:12px;line-height:1.6}.admin-pills .admin-pill{font-size:10px}

.system-health-card>summary small{font-size:10px}.system-health-card>summary strong{font-size:14px}.system-health-body{font-size:11.5px;line-height:1.65}.system-health-metric span{font-size:10px}.system-health-metric b{font-size:10.5px}.system-health-split span{font-size:10px}.system-health-split b{font-size:19px}.system-health-presence-list strong{font-size:11px}.system-health-presence-list span{font-size:10px}.system-health-note{font-size:10.5px}.system-health-privacy-note{font-size:10.5px;line-height:1.6}.adapter-health-card>header small{font-size:10px}.adapter-health-card>header strong{font-size:14px}.adapter-health-card>footer{font-size:10px}

.admin-report-workflow{margin:0;border-bottom:1px solid rgba(255,255,255,.06);padding:15px 16px;background:linear-gradient(90deg,rgba(237,23,23,.055),rgba(255,255,255,.012))}.admin-report-workflow>strong{display:block;color:#f1f4f6;font-size:13px}.admin-report-workflow>p{margin:5px 0 12px;color:#9aa4ad;font-size:11px;line-height:1.55}.admin-report-workflow>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.admin-report-workflow span{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:#080c10;color:#c3cbd1;font-size:10.5px;line-height:1.4}.admin-report-workflow b{width:22px;height:22px;flex:none;border:1px solid rgba(237,23,23,.3);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#ff777b;font-size:10px}.admin-report-guidance-inline{margin:0 0 10px;padding:10px 11px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#070a0e;color:#9ca7af;font-size:11px;line-height:1.55}.admin-report-decision-help,.admin-report-closed-note{margin-top:12px;padding:10px 11px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#080c11}.admin-report-decision-help strong,.admin-report-closed-note strong{display:block;color:#e5eaed;font-size:11.5px}.admin-report-decision-help span,.admin-report-closed-note span{display:block;margin-top:4px;color:#89949d;font-size:10.5px;line-height:1.5}.admin-chat-report-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.admin-chat-report-actions form{margin:0}.admin-actioned{padding:0 11px;border:1px solid rgba(255,184,72,.32);background:#0d1116;color:#f0c36e;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}

.admin-activity-card{border:0;border-bottom:1px solid rgba(255,255,255,.065);background:#080b0f}.admin-activity-card:last-child{border-bottom:0}.admin-activity-card[open]{background:#0a0e13}.admin-activity-card>summary{list-style:none;min-height:76px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer}.admin-activity-card>summary::-webkit-details-marker{display:none}.admin-activity-card>summary:hover{background:rgba(255,255,255,.018)}.admin-activity-card[open] .admin-audit-open{color:#ff777b}.admin-activity-event-id{color:#7fdc9f;font-weight:950;letter-spacing:.08em}.admin-activity-note{border-left:2px solid rgba(67,210,125,.35)}.admin-activity-grid>div:last-child{border-color:rgba(67,210,125,.12)}

@media(max-width:700px){.admin-report-workflow>div{grid-template-columns:1fr}.admin-chat-report-actions,.admin-chat-report-actions form,.admin-chat-report-actions button{width:100%}.admin-activity-card>summary{align-items:flex-start;flex-direction:column}.admin-activity-card>summary .admin-audit-open{margin-left:auto}}


/* v1.47.19 — explicit report decision styling + timed moderation suspensions */
.admin-dismissed{
  min-height:36px;padding:0 11px;border:1px solid rgba(138,151,162,.34);
  background:linear-gradient(180deg,#121820,#0b1016);color:#c6d0d7;
  font-size:10px;font-weight:950;cursor:pointer;display:inline-flex;
  align-items:center;justify-content:center
}
.admin-dismissed:hover{border-color:rgba(183,196,206,.55);background:#151d25;color:#fff}
.admin-suspension-form{display:flex!important;align-items:flex-end;gap:7px;flex-wrap:wrap}
.admin-suspension-form label{display:grid;gap:5px;min-width:130px}
.admin-suspension-form label>span{color:#7f8b95;font-size:10px;font-weight:950;letter-spacing:.06em}
.admin-suspension-form select{
  min-height:36px;border:1px solid rgba(255,255,255,.12);border-radius:6px;
  background:#080c11;color:#eef2f5;padding:0 30px 0 10px;
  font-size:10px;font-weight:900;outline:none
}
.admin-suspension-form select:focus{border-color:rgba(237,23,23,.55)}
.admin-user-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:none}
.admin-suspension-copy{margin-top:6px!important;color:#d8a35a!important;font-weight:850}
.admin-report-suspended-note{
  min-height:36px;padding:0 11px;border:1px solid rgba(255,184,72,.24);border-radius:6px;
  display:inline-flex;align-items:center;background:rgba(255,184,72,.045);
  color:#d9aa5a;font-size:10px;font-weight:900
}
.admin-chat-report-actions .admin-dismissed{min-height:36px}
@media(max-width:640px){
  .admin-user-actions,.admin-suspension-form,.admin-suspension-form label,
  .admin-suspension-form select,.admin-suspension-form button,
  .admin-report-suspended-note{width:100%}
  .admin-suspension-form{align-items:stretch}
}

/* v1.47.20 — separate ADMIN credential + TOTP step-up security */
.admin-security-page{padding:32px 18px 70px;min-height:72vh}
.admin-security-shell{max-width:980px;margin:0 auto}
.admin-security-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:18px 0 22px;padding:28px 30px;border:1px solid rgba(255,255,255,.09);border-left:3px solid #e73636;background:linear-gradient(135deg,rgba(18,20,25,.98),rgba(7,8,11,.98));box-shadow:0 24px 60px rgba(0,0,0,.28)}
.admin-security-hero span,.admin-security-step span{display:block;color:#e73636;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.admin-security-hero h1{margin:7px 0 8px;color:#fff;font-size:clamp(27px,4vw,42px);line-height:1.02;letter-spacing:.02em}
.admin-security-hero p{max-width:720px;margin:0;color:#c8cbd1;font-size:15px;line-height:1.65}
.admin-security-role{flex:0 0 auto;padding:10px 13px;border:1px solid rgba(231,54,54,.45);background:rgba(231,54,54,.08);color:#ff6f6f;font-size:12px;font-weight:900;letter-spacing:.14em}
.admin-security-card{margin-top:18px;padding:28px 30px;border:1px solid rgba(255,255,255,.09);background:#0b0d11;box-shadow:0 18px 48px rgba(0,0,0,.22)}
.admin-security-step{display:flex;align-items:center;gap:15px;margin-bottom:16px}
.admin-security-step>b{display:grid;place-items:center;min-width:44px;height:44px;padding:0 8px;border:1px solid rgba(231,54,54,.45);background:rgba(231,54,54,.09);color:#ff5d5d;font-size:14px;letter-spacing:.08em}
.admin-security-step h2{margin:3px 0 0;color:#fff;font-size:24px;line-height:1.15}
.admin-security-card>p{color:#c6c9cf;font-size:15px;line-height:1.7}
.admin-security-alert{margin:15px 0;padding:14px 16px;border:1px solid;font-size:14px;font-weight:800;line-height:1.5}
.admin-security-alert.is-error{border-color:rgba(231,54,54,.48);background:rgba(231,54,54,.09);color:#ff8c8c}
.admin-security-alert.is-ok{border-color:rgba(61,200,126,.42);background:rgba(61,200,126,.07);color:#8ce6b4}
.admin-security-setup-key{display:grid;grid-template-columns:1fr auto;gap:8px 14px;margin:20px 0;padding:18px;border:1px solid rgba(255,255,255,.1);background:#07080b}
.admin-security-setup-key small{grid-column:1/-1;color:#9298a3;font-size:11px;font-weight:900;letter-spacing:.12em}
.admin-security-setup-key code{overflow-wrap:anywhere;color:#fff;font-size:18px;font-weight:900;letter-spacing:.13em;line-height:1.6}
.admin-security-setup-key a{align-self:center;color:#ff6262;font-size:12px;font-weight:900;text-decoration:none;letter-spacing:.06em}
.admin-security-instructions{margin:18px 0 22px;padding-left:23px;color:#c9ccd2;font-size:14px;line-height:1.7}
.admin-security-instructions li+li{margin-top:6px}
.admin-security-form{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px;margin-top:22px}
.admin-security-form.compact{margin-top:14px}
.admin-security-form label{display:flex;flex-direction:column;gap:7px}
.admin-security-form label>span{color:#aeb3bd;font-size:11px;font-weight:900;letter-spacing:.1em}
.admin-security-form label>small{color:#838996;font-size:12px;line-height:1.45}
.admin-security-form input{width:100%;min-height:48px;padding:11px 13px;border:1px solid rgba(255,255,255,.13);outline:none;background:#07080b;color:#fff;font:inherit;font-size:15px}
.admin-security-form input:focus{border-color:rgba(231,54,54,.72);box-shadow:0 0 0 2px rgba(231,54,54,.08)}
.admin-security-code-input{font-size:23px!important;font-weight:900!important;letter-spacing:.28em!important;text-align:center}
.admin-security-primary,.admin-security-secondary,.admin-security-danger{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border:1px solid;text-decoration:none;font-size:12px;font-weight:950;letter-spacing:.08em;cursor:pointer}
.admin-security-primary{grid-column:1/-1;border-color:#e73636;background:#e73636;color:#fff}
.admin-security-primary:hover{background:#ff4545}
.admin-security-secondary{border-color:rgba(255,255,255,.2);background:#11141a;color:#eef0f4}
.admin-security-danger{border-color:rgba(231,54,54,.5);background:rgba(231,54,54,.08);color:#ff7373}
.admin-security-recovery{margin-top:16px;border:1px solid rgba(255,255,255,.09);background:#080a0e}
.admin-security-recovery summary{padding:15px 17px;color:#c9cdd4;font-size:12px;font-weight:900;letter-spacing:.06em;cursor:pointer;list-style:none}
.admin-security-recovery summary::-webkit-details-marker{display:none}
.admin-security-recovery[open] summary{border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.admin-security-recovery>div{padding:17px}
.admin-security-recovery>div>p{margin:0;color:#989faa;font-size:13px;line-height:1.6}
.admin-security-recovery.is-danger summary{color:#ff7777}
.admin-security-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0}
.admin-security-codes code{padding:12px 13px;border:1px solid rgba(255,255,255,.12);background:#07080b;color:#fff;text-align:center;font-size:14px;font-weight:900;letter-spacing:.1em}
.admin-security-warning,.admin-security-info{margin:16px 0;padding:14px 15px;border-left:3px solid #e73636;background:rgba(231,54,54,.06);color:#c8cbd1;font-size:13px;line-height:1.6}
.admin-security-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.admin-security-status-grid>div{padding:16px;border:1px solid rgba(255,255,255,.09);background:#07080b}
.admin-security-status-grid span{display:block;color:#878e99;font-size:10px;font-weight:900;letter-spacing:.1em;margin-bottom:8px}
.admin-security-status-grid strong{display:block;color:#fff;font-size:15px;line-height:1.4}
.admin-security-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.admin-security-actions .admin-security-primary{grid-column:auto}
.admin-security-actions form{margin:0}
.admin-security-footnote{margin:14px 0 0!important;color:#8e949f!important;font-size:12px!important}
.system-health-admin-security-link{margin-top:14px;display:inline-flex}
@media(max-width:720px){
 .admin-security-page{padding:20px 12px 50px}
 .admin-security-hero{padding:22px 20px;flex-direction:column}
 .admin-security-card{padding:22px 18px}
 .admin-security-form{grid-template-columns:1fr}
 .admin-security-primary{grid-column:auto}
 .admin-security-setup-key{grid-template-columns:1fr}
 .admin-security-setup-key small{grid-column:auto}
 .admin-security-codes{grid-template-columns:1fr}
 .admin-security-status-grid{grid-template-columns:1fr}
}


/* v1.47.21 — local TOTP QR enrollment + explicit trusted-device controls */
.admin-security-enroll-grid{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:18px;align-items:stretch;margin:20px 0}
.admin-security-enroll-grid .admin-security-setup-key{margin:0;align-content:center}
.admin-security-qr-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;border:1px solid rgba(255,255,255,.1);background:#07080b;text-align:center}
.admin-security-qr-card>small{color:#ff6666;font-size:11px;font-weight:950;letter-spacing:.12em}
.admin-security-qr{display:grid;place-items:center;width:min(100%,260px);aspect-ratio:1/1;padding:10px;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.admin-security-qr>span{color:#111;font-size:14px;font-weight:900}
.admin-security-qr-svg{display:block;width:100%;height:100%}
.admin-security-qr-card>p{max-width:300px;margin:0;color:#9298a3;font-size:12px;line-height:1.55}
.admin-security-status-grid small{display:block;margin-top:7px;color:#7fd9a7;font-size:11px;font-weight:900;letter-spacing:.05em}
.admin-security-actions .admin-security-secondary{min-height:48px}
@media(max-width:720px){
 .admin-security-enroll-grid{grid-template-columns:1fr}
 .admin-security-qr{width:min(100%,280px)}
}

/* v1.48.3 — multiple authenticated devices, one active gameplay controller. */
.lobby-active-device-panel{margin:0 0 12px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(255,184,72,.30);border-left:3px solid rgba(255,184,72,.88);border-radius:10px;background:linear-gradient(135deg,rgba(35,25,8,.76),rgba(9,12,16,.98));box-shadow:0 12px 34px rgba(0,0,0,.16)}
.lobby-active-device-panel>div{min-width:0}.lobby-active-device-panel span{display:block;color:#ffd18b;font-size:10px;font-weight:950;letter-spacing:.75px}.lobby-active-device-panel strong{display:block;margin-top:4px;color:#f3f5f7;font-size:13px;font-weight:950;line-height:1.35}.lobby-active-device-panel p{margin:5px 0 0;max-width:760px;color:#aeb6bd;font-size:11px;line-height:1.5}.lobby-active-device-panel form{margin:0;flex:0 0 auto}.lobby-active-device-panel .lobby-primary{min-height:40px;white-space:nowrap}.lobby-active-device-panel.is-unavailable{border-color:rgba(237,23,23,.28);border-left-color:rgba(237,23,23,.80);background:linear-gradient(135deg,rgba(35,8,11,.62),rgba(9,12,16,.98))}.lobby-active-device-panel.is-unavailable span{color:#ff8f94}.active-device-inline-lock{display:inline-flex;align-items:center;min-height:36px;padding:0 11px;border:1px solid rgba(255,184,72,.20);border-radius:7px;background:rgba(255,184,72,.055);color:#d8bd8a;font-size:10.5px;font-weight:850;line-height:1.35}
@media(max-width:700px){.lobby-active-device-panel{align-items:stretch;flex-direction:column}.lobby-active-device-panel form,.lobby-active-device-panel .lobby-primary{width:100%}}


/* Development-status game card styling for future roadmap entries. */
.game-tile.game-status-development{
  border-color:rgba(237,23,23,.27) !important;
  box-shadow:0 8px 22px rgba(100,8,12,.20) !important;
}
.game-tile.game-status-development:hover{
  border-color:rgba(237,23,23,.42) !important;
  box-shadow:0 13px 28px rgba(100,8,12,.26) !important;
}
.game-tile.game-status-development .game-status-badge{
  border-color:rgba(237,23,23,.36) !important;
  background:rgba(92,16,20,.54) !important;
  color:#ff8b8f !important;
}
.game-tile.game-status-development img{
  opacity:.94;
  filter:saturate(.96) contrast(1.02) brightness(.91) !important;
}

/* ===== RAIET v1.48.4.2 — FINAL HERO POSITION POLISH =====
   Visual-only adjustment: keep the original RAIET hero artwork but move it
   slightly farther right on desktop so the character clears the headline.
   No gameplay, lobby, auth, security, or responsive flow logic is changed. */
@media(min-width:1351px){
  .hero-art{
    left:23.6% !important;
  }
  .hero-art img{
    left:59.1% !important;
  }
}
@media(min-width:981px) and (max-width:1350px){
  .hero-art{
    left:25.3% !important;
  }
  .hero-art img{
    left:58.8% !important;
  }
}

/* RAIET v1.48.4.5 — AGGRESSIVE SQUAD HERO SAFE
   Hero artwork replacement only. Positioning/fades remain from v1.48.4.3. */


/* RAIET v1.48.4.7 — WIDER HERO VISIBILITY POLISH
   Goal: reveal more of the selected red-smoke artwork and remove the heavy
   black side frames on desktop, while keeping the left headline readable and
   the right Find Match panel clean. Visual-only change. */
@media(min-width:981px){
  .hero-art{
    left:14.2% !important;
    top:0.2% !important;
    width:53.8% !important;
    height:101% !important;
    overflow:visible !important;
  }
  .hero-art::before{
    inset:-1% -3% -2% -4% !important;
    background:
      linear-gradient(90deg,
        rgba(5,7,10,.56) 0%,
        rgba(5,7,10,.24) 9%,
        rgba(5,7,10,.08) 17%,
        rgba(5,7,10,0) 26%,
        rgba(5,7,10,0) 77%,
        rgba(5,7,10,.07) 86%,
        rgba(5,7,10,.24) 94%,
        rgba(5,7,10,.44) 100%),
      linear-gradient(180deg,
        rgba(5,7,10,.46) 0%,
        rgba(5,7,10,.11) 10%,
        rgba(5,7,10,0) 23%,
        rgba(5,7,10,0) 79%,
        rgba(5,7,10,.18) 90%,
        rgba(5,7,10,.42) 100%) !important;
  }
  .hero-art::after{
    inset:8% -9% 10% -8% !important;
    background:radial-gradient(ellipse at 57% 46%, rgba(237,23,23,.14), transparent 64%) !important;
    filter:blur(30px) !important;
    opacity:.88 !important;
  }
  .hero-art img{
    left:56.8% !important;
    top:48% !important;
    width:114% !important;
    height:102% !important;
    transform:translate(-50%,-48%) !important;
    filter:contrast(1.03) saturate(.92) brightness(.84) !important;
    -webkit-mask-image:
      linear-gradient(90deg, transparent 0%, rgba(0,0,0,.94) 4%, #000 8%, #000 94%, rgba(0,0,0,.94) 98%, transparent 100%),
      linear-gradient(180deg, transparent 0%, #000 7%, #000 84%, rgba(0,0,0,.66) 92%, transparent 100%) !important;
    mask-image:
      linear-gradient(90deg, transparent 0%, rgba(0,0,0,.94) 4%, #000 8%, #000 94%, rgba(0,0,0,.94) 98%, transparent 100%),
      linear-gradient(180deg, transparent 0%, #000 7%, #000 84%, rgba(0,0,0,.66) 92%, transparent 100%) !important;
  }
}
@media(min-width:981px) and (max-width:1350px){
  .hero-art{
    left:17% !important;
    width:53.4% !important;
  }
  .hero-art img{
    left:56.1% !important;
    width:115% !important;
  }
}

/* RAIET v1.48.4.9 — HERO DEPTH ONLY
   Restore the previously approved Find Match layout and only push the hero
   artwork visually deeper into the scene. */
@media(min-width:981px){
  .hero-art img{
    left:58.4% !important;
    top:49% !important;
    width:111% !important;
    height:92% !important;
    transform:translate(-50%,-48%) !important;
    object-fit:cover !important;
    filter:contrast(1.02) saturate(.90) brightness(.81) !important;
  }
  .hero-art::after{
    opacity:.80 !important;
    filter:blur(34px) !important;
  }
}
@media(min-width:981px) and (max-width:1350px){
  .hero-art img{
    left:57.8% !important;
    width:112% !important;
    height:93% !important;
  }
}

/* RAIET v1.48.4.8.1 — micro polish: deeper hero + Find Match slightly right */
@media(min-width:981px){
  /* Keep the current composition but push the character a little deeper/farther. */
  .hero-art{
    left:13.8% !important;
    width:56.4% !important;
  }
  .hero-art img{
    left:60.4% !important;
    width:101.5% !important;
    height:100% !important;
    transform:translate(-50%,-48%) !important;
  }

  /* Restore the search panel feel and move it slightly more to the right. */
  .find-panel{
    justify-self:end !important;
    margin-right:-10px !important;
  }
}

@media(min-width:981px) and (max-width:1350px){
  .hero-art{
    left:16.2% !important;
    width:55.9% !important;
  }
  .hero-art img{
    left:59.8% !important;
    width:103% !important;
  }
  .find-panel{
    margin-right:-4px !important;
  }
}

/* RAIET v1.48.4.8.2 — FIND MATCH RIGHT + TRUE HERO ART
   Visual-only override based on the previously approved layout.
   Character position is intentionally unchanged. */
@media(min-width:981px){
  /* Remove the dark film that was still rendered over the hero artwork. */
  .hero-art::before{
    content:none !important;
    display:none !important;
    background:none !important;
    opacity:0 !important;
  }

  /* Show the selected artwork itself instead of darkening it with masks/filters. */
  .hero-art img{
    opacity:1 !important;
    filter:contrast(1.02) saturate(.97) brightness(.97) !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }

  /* Move Find Match clearly farther right and give it a little more vertical body. */
  .find-panel{
    justify-self:end !important;
    transform:translateX(38px) !important;
    margin-right:0 !important;
    padding:21px 16px 20px !important;
  }
}

@media(min-width:981px) and (max-width:1350px){
  .find-panel{
    transform:translateX(22px) !important;
    padding-top:19px !important;
    padding-bottom:18px !important;
  }
}

@media(max-width:980px){
  .find-panel{
    transform:none !important;
  }
}

/* RAIET v1.48.4.8.3 — TRUE CLEAN HERO + SEARCH PANEL RIGHT/TALLER
   Final visual override: no decorative film over the selected hero artwork. */
@media(min-width:981px){
  /* Remove every remaining decorative layer that can read as a dark film. */
  .hero{
    background:#05070a !important;
  }
  .hero::before,
  .hero::after,
  .hero-art::before,
  .hero-art::after{
    content:none !important;
    display:none !important;
    background:none !important;
    opacity:0 !important;
    filter:none !important;
  }
  .hero-art{
    background:transparent !important;
    box-shadow:none !important;
  }
  .hero-art img{
    opacity:1 !important;
    mix-blend-mode:normal !important;
    filter:contrast(1.01) saturate(.98) brightness(.99) !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }

  /* Move Find Match clearly farther right and add more vertical breathing room. */
  .find-panel{
    justify-self:end !important;
    transform:translateX(68px) !important;
    margin-right:0 !important;
    padding:27px 18px 26px !important;
  }
}

@media(min-width:981px) and (max-width:1350px){
  .find-panel{
    transform:translateX(42px) !important;
    padding-top:24px !important;
    padding-bottom:23px !important;
  }
}

@media(max-width:980px){
  .find-panel{transform:none !important;}
}

/* RAIET v1.48.4.8.4 — FIND MATCH SHADOW FIX
   The dark patch to the left of Find Match was the panel shadow, not hero art.
   Keep hero/character composition unchanged. */
@media(min-width:981px){
  .find-panel{
    justify-self:end !important;
    transform:translateX(90px) !important;
    margin-right:0 !important;
    padding:31px 18px 31px !important;
    box-shadow:none !important;
    filter:none !important;
  }
}

@media(min-width:981px) and (max-width:1350px){
  .find-panel{
    transform:translateX(54px) !important;
    padding-top:28px !important;
    padding-bottom:28px !important;
    box-shadow:none !important;
  }
}

@media(max-width:980px){
  .find-panel{
    transform:none !important;
    box-shadow:none !important;
  }
}

/* RAIET hero hard-fix: remove dark CSS layer from hero, keep image clean, push Find Match right */
@media (min-width: 981px) {
  .hero {
    background: transparent !important;
  }

  .hero::before,
  .hero::after,
  .hero-art::before,
  .hero-art::after,
  .hero-sparks {
    display: none !important;
    content: none !important;
    background: none !important;
    opacity: 0 !important;
    box-shadow: none !important;
    filter: none !important;
  }

  .hero-art {
    box-shadow: none !important;
    opacity: 1 !important;
  }

  .hero-art img {
    filter: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    opacity: 1 !important;
  }

  .find-panel {
    justify-self: end !important;
    margin-right: -22px !important;
    padding-top: 18px !important;
    padding-bottom: 20px !important;
    min-height: 402px !important;
  }
}

@media (min-width: 981px) and (max-width: 1350px) {
  .find-panel {
    margin-right: -10px !important;
    min-height: 392px !important;
  }
}

/* RAIET v1.48.4.9.1 — requested final nudge
   Base file: user-provided main2.css
   Changes only:
   1) pull Find Match back left toward the hero,
   2) let the hero artwork start further left so the left edge fades less abruptly. */
@media (min-width: 981px) {
  .hero-art {
    left: 10.8% !important;
    width: 72% !important;
  }

  .hero-art img {
    left: 57.9% !important;
    width: 104.5% !important;
    height: 100% !important;
    transform: translate(-50%, -48%) !important;
  }

  .find-panel {
    transform: translateX(26px) !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 981px) and (max-width: 1350px) {
  .hero-art {
    left: 13.8% !important;
    width: 58.6% !important;
  }

  .hero-art img {
    left: 57.4% !important;
    width: 105.5% !important;
  }

  .find-panel {
    transform: translateX(14px) !important;
  }
}

/* RAIET v1.48.4.9.2 — fill the left hero area with the artwork
   Keep the approved layout, but let the hero image cover the left side too,
   so the artwork no longer feels cut off from the left edge. */
@media (min-width: 981px) {
  .hero-art {
    left: 0% !important;
    width: 72% !important;
  }

  .hero-art img {
    left: 53.8% !important;
    width: 106% !important;
    height: 100% !important;
    transform: translate(-50%, -48%) !important;
  }
}

@media (min-width: 981px) and (max-width: 1350px) {
  .hero-art {
    left: 2% !important;
    width: 68% !important;
  }

  .hero-art img {
    left: 53.2% !important;
    width: 107% !important;
  }
}

/* RAIET v1.48.4.9.3 — final Find Match alignment only
   Hero artwork and clean-layer fixes are intentionally untouched. */
@media (min-width: 981px) {
  .find-panel {
    transform: translate(-12px, 8px) !important;
  }
}

@media (min-width: 981px) and (max-width: 1350px) {
  .find-panel {
    transform: translate(-8px, 6px) !important;
  }
}
/* RAIET v1.48.5.2 — Riot verified identity row */
.profile-platform-row + .profile-platform-row{
  margin-top:6px;
  padding-top:6px;
  border-top:1px solid rgba(255,255,255,.055);
}
.profile-platform-privacy{
  margin:7px 0 0;
  color:#737e87;
  font-size:var(--text-xs);
  line-height:1.45;
}

/* RAIET v1.48.5.3 — verified Riot ID inside VALORANT member slots only. */
.lobby-member-verified-identity{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;padding:3px 5px;border:1px solid rgba(255,76,86,.22);border-radius:6px;background:rgba(255,70,80,.055)}
.lobby-member-verified-identity>b{flex:0 0 auto;color:#ff747b;font-size:var(--text-sm,10px);font-weight:950;letter-spacing:.035em;white-space:nowrap}
.lobby-member-verified-identity>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce3e8;font-size:var(--text-sm,10px);font-weight:850}
.lobby-member-identity-copy{flex:0 0 auto;min-height:22px;padding:0 6px;border:1px solid rgba(255,255,255,.10);border-radius:5px;background:rgba(255,255,255,.035);color:#a9b4bd;font:inherit;font-size:var(--text-sm,10px);font-weight:900;cursor:pointer}
.lobby-member-identity-copy:hover{border-color:rgba(255,100,110,.32);background:rgba(255,70,80,.08);color:#f2f5f7}
@media(max-width:640px){.lobby-member-verified-identity{gap:5px}.lobby-member-identity-copy{padding:0 5px}}


/* RAIET v1.48.5.4 — production-RSO VALORANT identity readiness gate.
   Dormant while Riot RSO is disabled; no current testing UI changes. */
.lobby-identity-gate{margin-top:10px;padding:12px 14px;border:1px solid rgba(255,76,86,.18);border-radius:10px;background:linear-gradient(135deg,rgba(20,10,13,.72),rgba(8,11,15,.92));display:flex;align-items:center;justify-content:space-between;gap:14px}
.lobby-identity-gate-copy{min-width:0}.lobby-identity-gate-copy>span{display:block;color:#ff747b;font-size:var(--text-sm,10px);font-weight:950;letter-spacing:.07em}.lobby-identity-gate-copy>strong{display:block;margin-top:3px;color:#edf1f4;font-size:13px;font-weight:950}.lobby-identity-gate-copy>p{margin:4px 0 0;max-width:650px;color:#8f9aa3;font-size:var(--text-sm,10px);line-height:1.45}
.lobby-identity-gate-side{flex:0 0 auto;display:flex;align-items:center;gap:9px}.lobby-identity-gate-side>b{color:#c5ced5;font-size:var(--text-sm,10px);font-weight:950;white-space:nowrap}
@media(max-width:700px){.lobby-identity-gate{align-items:stretch;flex-direction:column}.lobby-identity-gate-side{justify-content:space-between;flex-wrap:wrap}}


/* RAIET v1.48.5.14 — selected compact brand mark + favicon/search identity. Footer wordmark intentionally unchanged. */

/* ===== RAIET v1.48.5.15 — compact header brand mark placement polish ===== */
/* RAIET v1.48.5.18 — auth submit burst guard */
.auth-submit:disabled{opacity:.68;cursor:wait;pointer-events:none;transform:none}

/* RAIET v1.48.5.21 — official VALORANT Party Link / Party Code handoff. */
.valorant-party-panel{border-color:rgba(255,70,80,.34);background:linear-gradient(145deg,rgba(29,9,13,.96),rgba(7,11,16,.985))}
.valorant-party-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.valorant-party-form label{display:flex;flex-direction:column;gap:6px;min-width:0}
.valorant-party-form label>span{color:#909ba5;font-size:10px;font-weight:950;letter-spacing:.55px}
.valorant-party-form input{width:100%;height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#06090d;color:#edf1f4;font:inherit;font-size:11px;outline:none}
.valorant-party-form input:focus{border-color:rgba(255,74,84,.58);box-shadow:0 0 0 3px rgba(237,23,23,.07)}
.valorant-party-wait{display:flex;flex-direction:column;gap:5px;padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.02)}
.valorant-party-wait strong{font-size:11px;color:#edf1f4}.valorant-party-wait span{font-size:10px;line-height:1.5;color:#8f99a2}
.valorant-party-confirm,.valorant-party-owner-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.valorant-party-confirm form,.valorant-party-owner-actions form{margin:0}
.valorant-party-owner-actions{justify-content:space-between;padding-top:2px}
.valorant-party-owner-actions>strong{color:#aeb7be;font-size:10px}
.valorant-party-final-check{flex:1 1 100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border:1px solid rgba(255,76,88,.24);border-radius:10px;background:linear-gradient(135deg,rgba(255,70,80,.065),rgba(255,255,255,.018))}
.valorant-party-final-check>div:first-child{min-width:0}.valorant-party-final-check span{display:block;color:#ff7079;font-size:9px;font-weight:950;letter-spacing:.75px}.valorant-party-final-check strong{display:block;margin-top:4px;color:#f2f5f7;font-size:12px;letter-spacing:.2px}.valorant-party-final-check p{margin:5px 0 0;color:#98a2aa;font-size:10px;line-height:1.5}.valorant-party-final-code{flex:0 0 auto;min-width:150px;padding:9px 11px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#070a0e;text-align:right}.valorant-party-final-code small{display:block;color:#808b94;font-size:8px;font-weight:900;letter-spacing:.55px}.valorant-party-final-code b{display:block;margin-top:3px;color:#fff;font-size:12px;word-break:break-all}
.valorant-party-joined-badge{display:inline-flex;align-items:center;min-height:36px;padding:0 11px;border:1px solid rgba(61,214,124,.28);border-radius:8px;background:rgba(61,214,124,.065);color:#73e4a0;font-size:10px;font-weight:950;letter-spacing:.35px}
.valorant-party-replace-native{flex:1 1 100%;margin-top:2px}
.valorant-party-replace-native>summary{display:block;width:max-content;margin-left:auto;list-style:none;cursor:pointer;user-select:none}
.valorant-party-replace-native>summary::-webkit-details-marker{display:none}
.valorant-party-replace-native[open]>summary{border-color:rgba(255,74,84,.42);color:#fff;background:rgba(255,52,63,.07)}
.valorant-party-replace-box{width:min(100%,620px);margin:8px 0 0 auto;padding:10px;border:1px solid rgba(255,255,255,.085);border-radius:9px;background:#070a0e;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.valorant-party-replace-label{display:block;margin:0 0 6px;color:#909ba5;font-size:9px;font-weight:950;letter-spacing:.55px}
.valorant-party-replace-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.valorant-party-replace-form input{min-width:0;width:100%;height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#05080c;color:#edf1f4;font:inherit;font-size:10px;outline:none}
.valorant-party-replace-form input:focus{border-color:rgba(255,74,84,.58);box-shadow:0 0 0 3px rgba(237,23,23,.07)}
.valorant-party-replace-form .lobby-primary{min-height:38px;padding:0 14px;white-space:nowrap;font-size:9px}
@media(max-width:700px){.valorant-party-form{grid-template-columns:1fr}.valorant-party-form button{width:100%}.valorant-party-owner-actions{align-items:stretch;flex-direction:column}.valorant-party-owner-actions form,.valorant-party-owner-actions button{width:100%}.valorant-party-final-check{align-items:stretch;flex-direction:column}.valorant-party-final-code{min-width:0;text-align:left}.valorant-party-replace-native>summary{margin-left:0}.valorant-party-replace-box{width:100%;margin-left:0}.valorant-party-replace-form{grid-template-columns:1fr}.valorant-party-replace-form .lobby-primary{width:100%}}


/* ===== RAIET v1.48.5.24 — VALORANT create-time handoff UI polish ===== */
.valorant-setup-fields input[type=url]{width:100%;height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#080b0f;color:#eef2f5;font:inherit;font-size:12px;line-height:42px;outline:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.valorant-setup-fields input[type=url]::placeholder{color:#69747e;opacity:1}
.valorant-setup-fields input[type=url]:hover{border-color:rgba(255,255,255,.18)}
.valorant-setup-fields input[type=url]:focus{border-color:rgba(237,23,23,.62);background:#090d12;box-shadow:0 0 0 3px rgba(237,23,23,.10)}
.valorant-setup-fields label>span em{margin-left:6px;color:#78e8a7;font-style:normal;font-size:10px;font-weight:950;letter-spacing:.05em}

/* ===== RAIET v1.48.5.26 — modern Find Match game + region pickers =====
   Replaces the table-like native game/region dropdown presentation on the
   homepage only. Form field names and quick-match backend behavior stay intact. */
.home-player-search{gap:0 !important}
.home-player-search .home-choice-group{
  min-width:0;
  margin:0 0 10px;
  padding:0;
  border:0;
}
.home-player-search .home-choice-group>legend{
  display:block;
  width:100%;
  margin:0 0 6px;
  padding:0;
  color:#929ca6;
  font-size:10px;
  font-weight:950;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.home-player-search .home-choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.home-player-search .home-choice-card{
  position:relative;
  display:block;
  min-width:0;
  margin:0;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.home-player-search .home-choice-input{
  position:absolute;
  width:1px;
  height:1px;
  margin:0;
  opacity:0;
  pointer-events:none;
}
.home-player-search .home-choice-body{
  position:relative;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 14px;
  align-items:center;
  gap:8px;
  min-height:50px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.095);
  border-radius:12px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    #080c11;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
.home-player-search .home-choice-card:hover .home-choice-body{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.17);
  background:
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.016)),
    #090d12;
}
.home-player-search .home-choice-input:focus-visible + .home-choice-body{
  outline:2px solid rgba(255,96,102,.72);
  outline-offset:2px;
}
.home-player-search .home-choice-input:checked + .home-choice-body{
  border-color:rgba(237,23,23,.54);
  background:
    radial-gradient(circle at 12% 50%,rgba(237,23,23,.13),transparent 46%),
    linear-gradient(145deg,rgba(66,10,14,.42),rgba(9,12,17,.98));
  box-shadow:inset 3px 0 0 #ed1717,0 9px 22px rgba(83,5,9,.13);
}
.home-player-search .home-choice-copy{
  min-width:0;
}
.home-player-search .home-choice-copy strong{
  display:block;
  overflow:hidden;
  color:#edf1f4;
  font-size:10.3px;
  font-weight:950;
  line-height:1.18;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-player-search .home-choice-check{
  position:relative;
  width:12px;
  height:12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:#080b0f;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.home-player-search .home-choice-input:checked + .home-choice-body .home-choice-check{
  border-color:#ff666b;
  background:#ed1717;
  box-shadow:0 0 0 3px rgba(237,23,23,.10);
}
.home-player-search .home-choice-input:checked + .home-choice-body .home-choice-check:after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  background:#fff;
}
.home-player-search .home-choice-game-art{
  position:relative;
  width:34px;
  height:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px;
  background:#11171d;
  box-shadow:0 6px 14px rgba(0,0,0,.18);
}
.home-player-search .home-choice-game-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.home-player-search .home-choice-game-art.is-voxel{
  background:linear-gradient(145deg,#223c2b,#101a14);
}
.home-player-search .home-choice-game-art.is-voxel:before,
.home-player-search .home-choice-game-art.is-voxel i,
.home-player-search .home-choice-game-art.is-voxel b{
  content:"";
  position:absolute;
  display:block;
  width:10px;
  height:10px;
  border-radius:2px;
  background:#62a74f;
  box-shadow:10px 0 #78b85d,0 10px #467d3c,10px 10px #315f32;
}
.home-player-search .home-choice-game-art.is-voxel:before{left:7px;top:7px}
.home-player-search .home-choice-game-art.is-voxel i{left:3px;top:21px;transform:scale(.55);opacity:.72}
.home-player-search .home-choice-game-art.is-voxel b{right:2px;top:2px;transform:scale(.42);opacity:.58}
.home-player-search .region-choice-card .home-choice-body{
  grid-template-columns:30px minmax(0,1fr) 14px;
  min-height:58px;
  padding-top:8px;
  padding-bottom:8px;
}
.home-player-search .home-region-mark{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.105);
  border-radius:9px;
  background:linear-gradient(145deg,#121922,#0a0f15);
  color:#cfd6dc;
  font-size:10px;
  font-weight:950;
  letter-spacing:.05em;
}
.home-player-search .home-region-presence{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  gap:5px;
  margin-top:4px;
  padding:2px 6px;
  border:1px solid rgba(74,209,129,.15);
  border-radius:999px;
  background:rgba(33,112,67,.08);
  color:#8e9aa4;
  font-size:10px;
  font-weight:850;
  line-height:1.25;
  white-space:nowrap;
}
.home-player-search .home-region-presence i{
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:50%;
  background:#4bd481;
  box-shadow:0 0 0 3px rgba(75,212,129,.07);
}
.home-player-search .home-choice-input:checked + .home-choice-body .home-region-mark{
  border-color:rgba(255,92,98,.28);
  background:linear-gradient(145deg,rgba(82,15,19,.72),#0b0f14);
  color:#fff;
}
.home-player-search .quick-samp-mode{
  margin-top:1px !important;
}
@media(max-width:420px){
  .home-player-search .home-choice-grid{grid-template-columns:1fr}
  .home-player-search .home-choice-body{min-height:48px}
  .home-player-search .region-choice-card .home-choice-body{min-height:52px}
}



/* ===== RAIET v1.48.5.30 — visible Steam status badges + SA-MP visual correction ===== */
/* Keep Steam / captain / saved-state pills visible, compact, and stable with long names. */
.lobby-slot{align-items:flex-start;min-height:72px}
.lobby-slot-profile{align-items:flex-start}
.lobby-slot-profile>div{flex:1 1 auto;width:100%}
.lobby-slot .lobby-member-platforms{display:flex;align-items:flex-start;gap:4px;flex-wrap:wrap;min-width:0;max-width:100%;padding-right:2px}
.lobby-slot .lobby-platform-badge{flex:0 0 auto;min-width:0;max-width:100%;padding:2px 6px;min-height:18px;border-radius:999px;font-size:10px;line-height:1.08;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;overflow-wrap:normal;word-break:normal}
.lobby-slot .lobby-platform-badge.is-captain,
.lobby-slot .lobby-platform-badge.is-handoff-ready,
.lobby-slot .lobby-platform-badge.is-handoff-urgent,
.lobby-slot .lobby-platform-badge.is-handoff-notice{max-width:112px;white-space:normal;overflow:hidden;text-overflow:clip}
.lobby-slot strong,.lobby-slot small{max-width:100%}
.lobby-slot-actions{margin-left:8px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:5px;align-self:flex-start}
.lobby-slot em{margin-left:0}
@media(max-width:980px){.lobby-slot .lobby-platform-badge{font-size:10px;padding:2px 5px}.lobby-slot .lobby-platform-badge.is-captain,.lobby-slot .lobby-platform-badge.is-handoff-ready,.lobby-slot .lobby-platform-badge.is-handoff-urgent,.lobby-slot .lobby-platform-badge.is-handoff-notice{max-width:100%}}

/* Create Lobby now speaks the same visual language as the homepage Find Match picker. */
.lobby-form-card{width:min(660px,100%)}
.lobby-create-modern .create-choice-group{min-width:0;margin:0;padding:0;border:0}
.lobby-create-modern .create-choice-group>legend{display:block;width:100%;margin:0 0 7px;padding:0;color:#929ca6;font-size:10px;font-weight:950;letter-spacing:.055em;text-transform:uppercase}
.lobby-create-modern .create-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lobby-create-modern .create-choice-card{position:relative;display:block;min-width:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.lobby-create-modern .create-choice-input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.lobby-create-modern .create-choice-body{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 15px;align-items:center;gap:9px;min-height:56px;padding:8px 10px;border:1px solid rgba(255,255,255,.095);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#080c11;box-shadow:inset 0 1px 0 rgba(255,255,255,.022);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
.lobby-create-modern .create-choice-card:hover .create-choice-body{transform:translateY(-1px);border-color:rgba(255,255,255,.17);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.016)),#090d12}
.lobby-create-modern .create-choice-input:focus-visible + .create-choice-body{outline:2px solid rgba(255,96,102,.72);outline-offset:2px}
.lobby-create-modern .create-choice-input:checked + .create-choice-body{border-color:rgba(237,23,23,.54);background:radial-gradient(circle at 12% 50%,rgba(237,23,23,.13),transparent 46%),linear-gradient(145deg,rgba(66,10,14,.42),rgba(9,12,17,.98));box-shadow:inset 3px 0 0 #ed1717,0 9px 22px rgba(83,5,9,.13)}
.lobby-create-modern .create-choice-copy{min-width:0}.lobby-create-modern .create-choice-copy strong{display:block;overflow:hidden;color:#edf1f4;font-size:12px;font-weight:950;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}
.lobby-create-modern .create-choice-check{position:relative;width:13px;height:13px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#080b0f;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.lobby-create-modern .create-choice-input:checked + .create-choice-body .create-choice-check{border-color:#ff666b;background:#ed1717;box-shadow:0 0 0 3px rgba(237,23,23,.10)}
.lobby-create-modern .create-choice-input:checked + .create-choice-body .create-choice-check:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#fff}
.lobby-create-modern .create-choice-game-art{position:relative;width:38px;height:38px;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:#11171d;box-shadow:0 6px 14px rgba(0,0,0,.18)}
.lobby-create-modern .create-choice-game-art img{display:block;width:100%;height:100%;object-fit:cover}
.lobby-create-modern .create-choice-game-art.is-voxel{background:linear-gradient(145deg,#223c2b,#101a14)}
.lobby-create-modern .create-choice-game-art.is-voxel:before,.lobby-create-modern .create-choice-game-art.is-voxel i,.lobby-create-modern .create-choice-game-art.is-voxel b{content:"";position:absolute;display:block;width:11px;height:11px;border-radius:2px;background:#62a74f;box-shadow:11px 0 #78b85d,0 11px #467d3c,11px 11px #315f32}
.lobby-create-modern .create-choice-game-art.is-voxel:before{left:8px;top:8px}.lobby-create-modern .create-choice-game-art.is-voxel i{left:3px;top:24px;transform:scale(.55);opacity:.72}.lobby-create-modern .create-choice-game-art.is-voxel b{right:2px;top:2px;transform:scale(.42);opacity:.58}
.lobby-create-modern .create-region-summary{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:9px 11px;border:1px solid rgba(75,212,129,.18);border-radius:12px;background:linear-gradient(145deg,rgba(33,112,67,.08),rgba(255,255,255,.012)),#080c11}
.lobby-create-modern .create-region-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.105);border-radius:9px;background:linear-gradient(145deg,#121922,#0a0f15);color:#d6dde2;font-size:10px;font-weight:950;letter-spacing:.05em}
.lobby-create-modern .create-region-summary>span:nth-child(2){min-width:0}.lobby-create-modern .create-region-summary small{display:block;margin:0 0 3px;color:#7f8994;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.lobby-create-modern .create-region-summary strong{display:block;color:#eef2f5;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-create-modern .create-region-summary>b{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(75,212,129,.25);border-radius:50%;background:rgba(33,112,67,.10);color:#62dc94;font-size:10px}
.lobby-create-modern .create-size-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}
.lobby-create-modern .create-size-card{position:relative;display:block;margin:0;cursor:pointer}.lobby-create-modern .create-size-card input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.lobby-create-modern .create-size-card span{display:grid;place-items:center;min-height:38px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#080c11;color:#aab4bc;font-size:11px;font-weight:950;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.lobby-create-modern .create-size-card:hover span{transform:translateY(-1px);border-color:rgba(255,255,255,.17);color:#eef2f5}.lobby-create-modern .create-size-card input:checked + span{border-color:rgba(237,23,23,.55);background:rgba(237,23,23,.11);color:#fff;box-shadow:inset 0 -2px 0 #ed1717}.lobby-create-modern .create-size-card input:disabled + span{opacity:.28;cursor:not-allowed;transform:none}.lobby-create-modern .create-size-help{display:block;margin-top:7px;color:#76818b;font-size:10px;line-height:1.4}
.lobby-create-modern .create-note-field input[type=text]{height:42px;border-radius:9px;font-size:11px}
.lobby-create-modern>button[type=submit]{min-height:42px;border-radius:2px;font-size:10px;letter-spacing:.02em}
@media(max-width:700px){.lobby-create-modern .create-size-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:480px){.lobby-create-modern .create-choice-grid{grid-template-columns:1fr}.lobby-create-modern .create-size-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-form-card{padding:16px}}

/* ===== RAIET v1.48.5.32 — separated platform cards / Xbox verification foundation ===== */
.profile-platforms-compact{
  margin-top:16px;
  padding:12px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:12px;
  background:linear-gradient(150deg,rgba(10,14,19,.94),rgba(6,9,13,.97));
}
.profile-platforms-kicker{margin-bottom:9px}
.profile-platforms-kicker>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.profile-platforms-kicker>div>span{color:#eef2f5;font-size:10.5px;font-weight:950;letter-spacing:.55px}
.profile-platforms-kicker>div>small{display:block;color:#69757f;font-size:10px;line-height:1.4}
.profile-platform-card-list{display:grid;gap:8px}
.profile-platform-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:10px;
  background:linear-gradient(150deg,rgba(12,17,23,.88),rgba(7,10,14,.93));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.profile-platform-card.is-connected{border-color:rgba(61,214,124,.16)}
.profile-platform-card.is-verified{border-color:rgba(70,183,255,.20)}
.profile-platform-card-head{min-height:52px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:9px}
.profile-platform-card .profile-platform-main{min-width:0;flex:1}
.profile-platform-card .profile-platform-mark{width:30px;height:30px;flex-basis:30px;border-radius:8px}
.profile-platform-card.steam .profile-platform-mark{border-color:rgba(118,176,220,.22);background:linear-gradient(145deg,rgba(37,74,104,.58),rgba(13,21,29,.82))}
.profile-platform-card.riot .profile-platform-mark{border-color:rgba(237,23,23,.28);background:linear-gradient(145deg,rgba(98,15,20,.62),rgba(25,10,13,.82))}
.profile-platform-card.xbox .profile-platform-mark{border-color:rgba(82,196,86,.30);background:linear-gradient(145deg,rgba(37,105,48,.62),rgba(10,27,14,.88));color:#b9f2c0}
.profile-platform-card .profile-platform-copy strong{font-size:11.8px}
.profile-platform-card .profile-platform-copy small{max-width:165px;color:#7f8b95;font-size:10px}
.profile-platform-card .profile-platform-connect{min-height:30px;padding:0 9px;border-radius:8px;font-size:10px;white-space:nowrap}
.profile-platform-card .xbox-connect{border-color:rgba(82,196,86,.34);background:rgba(82,196,86,.075)}
.profile-platform-card .xbox-connect:hover{border-color:rgba(82,196,86,.58);background:rgba(82,196,86,.12)}
.profile-platform-state.verified{color:#78cfff}.profile-platform-state.verified i{background:#57bfff;box-shadow:0 0 7px rgba(87,191,255,.45)}
.profile-platform-state.pending{color:#a48858;font-size:10px;text-align:right}
.profile-platform-card-body{padding:9px 10px 10px;border-top:1px solid rgba(255,255,255,.05);background:rgba(3,6,9,.26)}
.profile-platform-card .profile-platform-id{padding:0}
.profile-platform-card .profile-platform-name-form{margin-top:7px}
.profile-platform-card .profile-platform-privacy{margin:7px 0 0;color:#77838d;font-size:10px!important;line-height:1.45}
.profile-platform-card .profile-platform-disconnect-form{margin-top:4px}
.profile-platform-card .profile-platform-disconnect-form button{font-size:10px}
.profile-platform-card .profile-platform-reverify{display:inline-flex;margin-top:8px;color:#8fcdf5;font-size:10px;font-weight:950;text-decoration:none}
.profile-platform-card .profile-platform-reverify:hover{color:#c1e4fb}
.profile-platform-flash{margin-top:9px}
@media(max-width:900px){.profile-platforms-compact{max-width:460px}.profile-platform-card .profile-platform-copy small{max-width:240px}}
@media(max-width:430px){.profile-platform-card-head{align-items:flex-start;flex-direction:column}.profile-platform-card .profile-platform-connect,.profile-platform-card .profile-platform-state{align-self:flex-start}.profile-platform-card .profile-platform-copy small{max-width:230px}}


/* ===== RAIET v1.48.5.37 — platform compact cards + clearer lobby requirements ===== */
.profile-platforms-kicker>div>span{font-size:11.5px!important}
.profile-platforms-kicker>div>small{font-size:10.5px!important;line-height:1.45!important}
.profile-platform-card-head{min-height:48px!important;padding:8px 10px!important}
.profile-platform-card .profile-platform-mark{width:28px!important;height:28px!important;flex-basis:28px!important}
.profile-platform-card .profile-platform-copy strong{font-size:12.5px!important}
.profile-platform-card .profile-platform-copy small{font-size:10.5px!important;line-height:1.4!important}
.profile-platform-card .profile-platform-connect,.profile-platform-card .profile-platform-state{min-height:28px!important;font-size:10px!important}
.profile-platform-card-body{display:grid;gap:7px;padding:8px 10px 9px!important}
.profile-platform-card .profile-platform-id span{font-size:10px!important}
.profile-platform-card .profile-platform-id strong{font-size:10.8px!important}
.profile-platform-card .profile-platform-privacy{margin:0!important;font-size:10px!important;line-height:1.48!important}
.profile-platform-card .profile-platform-disconnect-form{margin-top:0!important}
.profile-platform-card .profile-platform-disconnect-form button,.profile-platform-card .profile-platform-reverify{font-size:10px!important}

.lobby-requirements-choice{margin:2px 0 4px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(7,10,14,.55)}
.lobby-requirements-choice legend{padding:0 7px;color:#f2f5f7;font-size:13px;font-weight:950;letter-spacing:.06em}
.lobby-requirements-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lobby-requirements-grid label{display:flex;flex-direction:column;gap:7px}
.lobby-requirements-grid label>span{color:#eef2f5;font-size:12px;font-weight:900}
.lobby-requirements-grid select,.lobby-requirements-grid input{height:40px;padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#080c11;color:#eef2f5;font-size:11.5px}
.lobby-requirements-grid small{color:#9ba6af;font-size:11.5px!important;line-height:1.45!important}
@media(max-width:760px){.lobby-requirements-grid{grid-template-columns:1fr}}

.lobby-communication-choice.is-compact{padding:13px 14px!important}
.lobby-communication-choice.is-compact legend{font-size:12.5px!important}
.lobby-communication-choice.is-compact>p{display:none!important}
.lobby-communication-choice.is-compact .lobby-communication-choice-grid{gap:8px!important}
.lobby-communication-choice.is-compact .lobby-communication-toggle{padding:11px 12px!important;align-items:center!important}
.lobby-communication-choice.is-compact .lobby-communication-toggle strong{font-size:13px!important}
.lobby-communication-choice.is-compact .lobby-communication-toggle small{margin-top:3px!important;font-size:11.5px!important;line-height:1.4!important}

.lobby-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.lobby-card-tag{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.03);color:#d7dfe5;font-size:10px;font-weight:950;letter-spacing:.03em}
.lobby-card-tag.is-required{border-color:rgba(237,23,23,.34);background:rgba(237,23,23,.09);color:#ffb0b4}
.lobby-card-tag.is-rank{border-color:rgba(93,153,255,.24);background:rgba(93,153,255,.08);color:#b9d5ff}

/* Readability floor for the smallest visible support text on common player pages. */
.site-footer{font-size:10.5px!important}
.site-footer .footer-left>span,.site-footer .footer-legal-links a,.site-footer .footer-right>span{font-size:10.5px!important;line-height:1.45!important}
.lobby-form-card>p,.simple-lobby-cancel,.create-size-help,.lobby-big-count small,.lobby-detail-facts span,.lobby-member-list small,.lobby-slot small,.profile-meta span,.profile-games-summary>span,.profile-handle{font-size:10.5px!important;line-height:1.45!important}
.profile-meta strong,.profile-games-summary p,.lobby-member-list strong,.lobby-slot strong{font-size:11.5px!important}


/* ===== RAIET v1.48.5.38 — simpler platform cards + COD rank/mic controls ===== */
.profile-platform-card-body.is-minimal{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px 8px!important}
.profile-platform-card.xbox .profile-platform-card-body.is-minimal{justify-content:flex-end}
.profile-platform-card-body.is-minimal .profile-platform-id{min-width:0;display:flex;align-items:center;gap:8px}
.profile-platform-card-body.is-minimal .profile-platform-id span{flex:none}
.profile-platform-card-body.is-minimal .profile-platform-id strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-platform-card-body.is-minimal .profile-platform-disconnect-form{margin:0 0 0 auto!important}
.profile-platform-card-body.is-minimal .profile-platform-reverify{margin:0!important}
.lobby-requirements-choice{padding:13px 14px!important}
.lobby-requirements-grid{align-items:stretch}
.lobby-requirement-check{position:relative;display:flex!important;align-items:center!important;flex-direction:row!important;gap:10px!important;min-height:62px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#080c11;cursor:pointer}
.lobby-requirement-check>input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none}
.lobby-requirement-checkmark{position:relative;flex:0 0 22px;width:22px;height:22px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#05080c;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.lobby-requirement-checkmark:after{content:'';position:absolute;left:6px;top:3px;width:6px;height:11px;border-right:2px solid transparent;border-bottom:2px solid transparent;transform:rotate(45deg)}
.lobby-requirement-check input:checked~.lobby-requirement-checkmark{border-color:rgba(237,23,23,.65);background:rgba(237,23,23,.16)}
.lobby-requirement-check input:checked~.lobby-requirement-checkmark:after{border-color:#fff}
.lobby-requirement-check-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.lobby-requirement-check-copy strong{color:#f2f5f7;font-size:12.5px!important}
.lobby-requirement-check-copy small{color:#9ba6af;font-size:11px!important;line-height:1.35!important}
.lobby-rank-select{min-height:62px;padding:9px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#080c11}
.lobby-rank-select[hidden]{display:none!important}
.lobby-rank-select>span{font-size:11.5px!important}
.lobby-rank-select select{height:34px!important;padding:0 9px!important;font-size:11px!important}
.lobby-rank-select small{font-size:10.5px!important;line-height:1.35!important}

.profile-platform-card-body.is-minimal.is-action-only{justify-content:flex-end!important}


/* ===== RAIET v1.48.5.39 — Call of Duty Steam/Xbox web handoff test ===== */
.game-launch-choice{margin:14px 0;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(5,8,12,.7)}
.game-launch-choice-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:9px}
.game-launch-choice-head strong{font-size:12px;font-weight:950;letter-spacing:.05em;color:#f3f6f8}
.game-launch-choice-head small{font-size:10.5px!important;line-height:1.4!important;color:#9ca7b0;text-align:right}
.game-launch-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.game-launch-choice-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"badge title" "badge help";align-items:center;column-gap:10px;min-height:58px;padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#080c11;text-decoration:none;color:#eef2f5;transition:border-color .14s ease,transform .14s ease,background .14s ease}
.game-launch-choice-card:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.22);background:#0b1016}
.game-launch-choice-card>span{grid-area:badge;display:grid;place-items:center;min-width:44px;height:30px;padding:0 8px;border-radius:7px;background:rgba(255,255,255,.06);font-size:10px;font-weight:1000;letter-spacing:.08em}
.game-launch-choice-card>strong{grid-area:title;font-size:12px;font-weight:950}
.game-launch-choice-card>small{grid-area:help;font-size:10.5px!important;line-height:1.35!important;color:#9da8b1}
.game-launch-choice-card.is-steam{border-color:rgba(102,192,244,.2)}
.game-launch-choice-card.is-xbox{border-color:rgba(16,180,82,.24)}
.game-launch-choice-card.is-xbox>span{color:#8dffb6;background:rgba(16,180,82,.1)}
.game-connect-actions.has-platform-choice{display:none}
@media(max-width:680px){.game-launch-choice-grid{grid-template-columns:1fr}.game-launch-choice-head{align-items:flex-start;flex-direction:column}.game-launch-choice-head small{text-align:left}}


/* RAIET v1.48.5.40 — expose COD platform handoff during ready-check testing. */
.ready-check-panel .game-launch-choice.is-ready-check-test{
  grid-column:1/-1;
  width:100%;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
}
.ready-check-panel .game-launch-choice.is-ready-check-test .game-launch-choice-head small{
  font-size:11.5px!important;
  line-height:1.45!important;
}

/* ===== RAIET v1.48.5.41 — COD per-lobby platform policy + polished requirements ===== */
.create-platform-choice{margin:2px 0 4px;padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.018),rgba(255,255,255,.006)),#070a0e}
.create-platform-choice[hidden]{display:none!important}
.create-platform-choice legend{padding:0 7px;color:#f2f5f7;font-size:13px;font-weight:950;letter-spacing:.06em}
.create-platform-choice-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 10px}
.create-platform-choice-head strong{color:#eef2f5;font-size:12.5px;font-weight:950}
.create-platform-choice-head small{max-width:58%;color:#9ba6af;font-size:11px!important;line-height:1.4!important;text-align:right}
.create-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.create-platform-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:10px 11px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#080c11;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}
.create-platform-card:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18);background:#0a1016}
.create-platform-card>input{position:absolute;opacity:0;pointer-events:none}
.create-platform-badge{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);font-size:12px;font-weight:1000;letter-spacing:.04em}
.create-platform-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.create-platform-copy strong{font-size:12.5px;font-weight:1000;letter-spacing:.04em}
.create-platform-copy small{color:#99a4ad;font-size:10.8px!important;line-height:1.35!important}
.create-platform-check{position:relative;width:20px;height:20px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#05080b}
.create-platform-card input:checked~.create-platform-check{border-color:#ed1717;background:rgba(237,23,23,.15);box-shadow:0 0 0 3px rgba(237,23,23,.06)}
.create-platform-card input:checked~.create-platform-check:after{content:'';position:absolute;inset:5px;border-radius:50%;background:#ff2424}
.create-platform-card:has(input:checked){border-color:rgba(237,23,23,.48);background:linear-gradient(145deg,rgba(237,23,23,.07),rgba(255,255,255,.01)),#090d12}
.create-platform-card.is-steam .create-platform-badge{color:#b9e7ff;border-color:rgba(102,192,244,.22);background:rgba(102,192,244,.07)}
.create-platform-card.is-xbox .create-platform-badge{color:#8dffb6;border-color:rgba(16,180,82,.26);background:rgba(16,180,82,.08)}
.create-platform-card.is-unlinked{opacity:.48;cursor:not-allowed;transform:none!important}
.create-platform-manage{display:inline-flex;margin-top:9px;color:#aeb8c0;font-size:10.8px;font-weight:850;text-decoration:none}
.create-platform-manage:hover{color:#fff}

.lobby-requirements-choice{padding:13px 14px!important;border-color:rgba(255,255,255,.08)!important;background:linear-gradient(145deg,rgba(237,23,23,.025),rgba(255,255,255,.008)),#070a0e!important}
.lobby-requirements-grid{gap:9px!important}
.lobby-requirements-grid:has(.lobby-rank-select[hidden]){grid-template-columns:1fr!important}
.lobby-requirement-check,.lobby-rank-select{min-height:72px!important;border-radius:10px!important;background:linear-gradient(145deg,#0a0f15,#070a0e)!important}
.lobby-requirement-check{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;padding:10px 11px!important}
.requirement-icon{display:grid!important;place-items:center;width:36px;height:36px;border-radius:9px;border:1px solid rgba(255,255,255,.11);background:#0d131a;color:#dfe5ea;font-size:11px;font-weight:1000}
.requirement-icon.is-mic i{position:relative;width:9px;height:16px;border:2px solid currentColor;border-radius:6px}
.requirement-icon.is-mic i:before{content:'';position:absolute;left:50%;bottom:-6px;width:14px;height:8px;border:2px solid currentColor;border-top:0;border-radius:0 0 9px 9px;transform:translateX(-50%)}
.requirement-icon.is-mic i:after{content:'';position:absolute;left:50%;bottom:-10px;width:2px;height:4px;background:currentColor;transform:translateX(-50%)}
.lobby-requirement-check input:checked~.requirement-icon{color:#ff7278;border-color:rgba(237,23,23,.36);background:rgba(237,23,23,.08)}
.lobby-requirement-switch{position:relative;display:block!important;width:34px;height:20px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#05080b;transition:.15s ease}
.lobby-requirement-switch i{position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#69737c;transition:.15s ease}
.lobby-requirement-check input:checked~.lobby-requirement-switch{border-color:rgba(237,23,23,.5);background:rgba(237,23,23,.13)}
.lobby-requirement-check input:checked~.lobby-requirement-switch i{left:17px;background:#ff2a2a}
.lobby-rank-select{display:grid!important;grid-template-columns:auto minmax(0,1fr) minmax(116px,auto);grid-template-areas:"icon copy select";align-items:center;gap:10px!important;padding:10px 11px!important}
.lobby-rank-select[hidden]{display:none!important}
.lobby-rank-select .requirement-icon{grid-area:icon;color:#bfd3ff;border-color:rgba(93,153,255,.22);background:rgba(93,153,255,.07)}
.lobby-rank-copy{grid-area:copy;min-width:0;display:flex!important;flex-direction:column;gap:3px}
.lobby-rank-copy strong{font-size:12.5px!important;color:#f2f5f7}
.lobby-rank-copy small{font-size:10.8px!important;line-height:1.35!important;color:#9ba6af}
.lobby-rank-select select{grid-area:select;width:100%;height:38px!important;border-radius:8px!important;border-color:rgba(93,153,255,.18)!important;background:#070b10!important;font-size:11.5px!important;font-weight:850}

.lobby-card-platform{display:flex;align-items:center;gap:8px;margin-top:9px;padding:7px 8px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:rgba(255,255,255,.02)}
.lobby-card-platform-mark{display:grid;place-items:center;min-width:48px;height:24px;padding:0 7px;border-radius:6px;font-size:10px;font-weight:1000;letter-spacing:.06em}
.lobby-card-platform-mark.is-steam{color:#b9e7ff;background:rgba(102,192,244,.08);border:1px solid rgba(102,192,244,.2)}
.lobby-card-platform-mark.is-xbox{color:#91ffb8;background:rgba(16,180,82,.08);border:1px solid rgba(16,180,82,.24)}
.lobby-card-platform strong{font-size:10.8px;font-weight:900;color:#dbe2e7}
.lobby-card-platform-gate{display:flex;align-items:center;gap:8px;margin-left:auto}
.lobby-card-platform-gate small{max-width:145px;color:#aeb7bf;font-size:10px!important;line-height:1.3!important;text-align:right}
.lobby-card-platform-gate .lobby-primary{white-space:nowrap}

.lobby-platform-value{display:inline-flex!important;align-items:center;width:max-content;padding:3px 8px;border-radius:6px;font-size:10.5px!important;letter-spacing:.05em}
.lobby-platform-value.is-steam{color:#b9e7ff;background:rgba(102,192,244,.08);border:1px solid rgba(102,192,244,.18)}
.lobby-platform-value.is-xbox{color:#91ffb8;background:rgba(16,180,82,.08);border:1px solid rgba(16,180,82,.22)}
.lobby-platform-join-gate{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:11px 12px;border:1px solid rgba(237,23,23,.22);border-radius:10px;background:rgba(237,23,23,.035)}
.lobby-platform-join-gate>div{display:flex;flex-direction:column;gap:3px}
.lobby-platform-join-gate strong{font-size:12px;color:#eef2f5}
.lobby-platform-join-gate small{font-size:10.8px!important;line-height:1.4!important;color:#a8b2ba}
.lobby-platform-join-mark{display:grid;place-items:center;min-width:54px;height:31px;padding:0 8px;border-radius:7px;font-size:10px;font-weight:1000;letter-spacing:.06em}
.lobby-platform-join-mark.is-steam{color:#b9e7ff;background:rgba(102,192,244,.08);border:1px solid rgba(102,192,244,.2)}
.lobby-platform-join-mark.is-xbox{color:#91ffb8;background:rgba(16,180,82,.08);border:1px solid rgba(16,180,82,.24)}

.game-steam-handoff-icon.is-xbox{color:#91ffb8!important;border-color:rgba(16,180,82,.28)!important;background:rgba(16,180,82,.08)!important}
.handoff-platform-identity{display:block;margin-top:2px;color:#d7e0e5;font-size:10.8px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:760px){
  .create-platform-grid{grid-template-columns:1fr}
  .create-platform-choice-head{align-items:flex-start;flex-direction:column}.create-platform-choice-head small{max-width:none;text-align:left}
  .lobby-rank-select{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon copy" "select select"}
  .lobby-platform-join-gate{grid-template-columns:auto 1fr}.lobby-platform-join-gate .lobby-primary{grid-column:1/-1;text-align:center}
  .lobby-card-platform-gate{align-items:flex-end;flex-direction:column}
}

/* RAIET v1.48.5.42 — Xbox Social relationship diagnostic */

/* RAIET v1.48.5.43 — Xbox Social diagnostic visibility */

/* ===== RAIET v1.48.5.45 — automatic Xbox friendship handoff ===== */
.handoff-auto-note{display:inline-flex;max-width:250px;color:#9eabb5;font-size:10.5px;font-weight:800;line-height:1.4}


/* ===== RAIET v1.48.5.114 — REGISTRATION UX + DEVICE HANDOFF DIALOG ===== */
/* Keep the Quick Match explanation readable at normal site scale. */
.find-panel .panel-head p{
  font-size:12px !important;
  line-height:1.5 !important;
  max-width:100% !important;
}

/* RAIET-styled confirmation for active gameplay-device handoff. */
body.raiet-confirm-open{overflow:hidden !important;}
.raiet-confirm-dialog{
  position:fixed;
  inset:0;
  z-index:50000;
  display:grid;
  place-items:center;
  padding:20px;
}
.raiet-confirm-dialog-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  cursor:default;
}
.raiet-confirm-dialog-panel{
  position:relative;
  z-index:1;
  width:min(100%,470px);
  padding:22px;
  border:1px solid rgba(229,26,26,.52);
  border-radius:12px;
  background:linear-gradient(145deg,#0d1116 0%,#080b0f 100%);
  box-shadow:0 28px 80px rgba(0,0,0,.62),0 0 32px rgba(229,26,26,.08);
}
.raiet-confirm-dialog-kicker{
  display:block;
  margin-bottom:8px;
  color:#ef3434;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:1.2px;
}
.raiet-confirm-dialog-title{
  display:block;
  color:#f4f6f8;
  font-size:18px;
  line-height:1.18;
  font-weight:950;
  letter-spacing:.15px;
}
.raiet-confirm-dialog-text{
  margin:10px 0 0;
  color:#aeb7c0;
  font-size:13px;
  line-height:1.55;
}
.raiet-confirm-dialog-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  margin-top:20px;
}
.raiet-confirm-dialog-actions button{
  min-height:38px;
  padding:0 16px;
  border-radius:7px;
  font:inherit;
  font-size:10px;
  font-weight:900;
  letter-spacing:.45px;
  cursor:pointer;
}
.raiet-confirm-dialog-cancel{
  border:1px solid rgba(255,255,255,.12);
  background:#0b0f13;
  color:#c3cad1;
}
.raiet-confirm-dialog-accept{
  border:1px solid #f12b2b;
  background:linear-gradient(105deg,#8c0808,#c80d0d 65%,#930707);
  color:#fff;
  box-shadow:0 0 18px rgba(229,26,26,.14);
}
.raiet-confirm-dialog-actions button:focus-visible{
  outline:2px solid rgba(255,255,255,.88);
  outline-offset:2px;
}
@media(max-width:560px){
  .find-panel .panel-head p{font-size:11.5px !important;}
  .raiet-confirm-dialog{padding:14px;}
  .raiet-confirm-dialog-panel{padding:19px 17px;border-radius:10px;}
  .raiet-confirm-dialog-title{font-size:16px;}
  .raiet-confirm-dialog-text{font-size:12.5px;}
  .raiet-confirm-dialog-actions{display:grid;grid-template-columns:1fr 1fr;}
  .raiet-confirm-dialog-actions button{width:100%;padding:0 10px;}
}


/* ===== RAIET v1.48.5.115 — PRODUCTION HARDENING ===== */
/* ===== RAIET v1.48.5.116 — BOARD STATE INTEGRITY ===== */
.lobby-missing-page{
  min-height:calc(100vh - 150px);
  display:grid;
  place-items:center;
  padding:56px 18px 72px;
  background:
    radial-gradient(circle at 50% 36%,rgba(194,15,15,.10),transparent 34%),
    linear-gradient(180deg,rgba(5,7,10,.15),rgba(5,7,10,.72));
}
.lobby-missing-card{
  width:min(100%,620px);
  padding:38px 34px 34px;
  border:1px solid rgba(255,255,255,.09);
  border-top-color:rgba(231,28,28,.55);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(13,17,22,.98),rgba(7,10,14,.99));
  box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 34px rgba(220,18,18,.06);
  text-align:center;
}
.lobby-missing-mark{
  width:54px;
  height:54px;
  margin:0 auto 20px;
  display:grid;
  place-items:center;
  border:1px solid rgba(238,35,35,.36);
  border-radius:13px;
  background:rgba(145,7,7,.16);
  color:#f12525;
  font-size:24px;
  line-height:1;
  font-weight:950;
  transform:skew(-6deg);
}
.lobby-missing-card>span{
  display:block;
  color:#ef3434;
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:1.1px;
}
.lobby-missing-card h1{
  margin:10px 0 0;
  color:#f5f7f9;
  font-size:clamp(28px,4vw,42px);
  line-height:1.04;
  font-weight:950;
  letter-spacing:-.8px;
}
.lobby-missing-card p{
  max-width:470px;
  margin:15px auto 0;
  color:#98a3ae;
  font-size:14px;
  line-height:1.55;
}
.lobby-missing-actions{
  margin-top:25px;
  display:flex;
  justify-content:center;
  gap:10px;
}
.lobby-missing-actions .lobby-primary,
.lobby-missing-actions .lobby-secondary{
  min-width:170px;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  text-decoration:none;
  cursor:pointer;
}
@media(max-width:560px){
  .lobby-missing-page{padding:38px 13px 55px;}
  .lobby-missing-card{padding:30px 18px 25px;}
  .lobby-missing-card p{font-size:13px;}
  .lobby-missing-actions{display:grid;grid-template-columns:1fr;}
  .lobby-missing-actions .lobby-primary,.lobby-missing-actions .lobby-secondary{width:100%;}
}

/* RAIET v1.48.5.121 — save squad first; ratings stay optional. */
.match-post-actions{margin-top:14px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(237,23,23,.3);border-radius:14px;background:linear-gradient(135deg,rgba(34,9,12,.94),rgba(9,12,16,.98) 62%)}
.match-post-actions>div{min-width:0}.match-post-actions>div>span{color:#ff5e64;font-size:10px;font-weight:950;letter-spacing:.75px}.match-post-actions h2{margin:6px 0;font-size:18px}.match-post-actions p{margin:0;max-width:610px;color:#9ca7af;font-size:11px;line-height:1.55}.match-post-actions form{flex:0 0 auto;margin:0}.match-post-actions .lobby-primary{min-height:44px;padding:0 18px;border-radius:8px;font-size:10px}
.lobby-complete-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:10px;flex-wrap:wrap}.lobby-complete-actions form,.ap-post-match-save form[data-saved-squad-save]{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.lobby-complete-actions .lobby-primary,.lobby-complete-actions .lobby-secondary{min-height:44px;padding:0 18px}.saved-squad-inline-status{display:block;max-width:320px;color:#7fdca4;font-size:10px;line-height:1.4;text-align:right}.saved-squad-inline-status.is-error{color:#ff777c}form[data-saved-squad-save] button.is-saved,form[data-saved-squad-save] button.is-saved:disabled{border-color:rgba(69,210,125,.42)!important;background:rgba(69,210,125,.12)!important;color:#8de6ae!important;opacity:1!important;cursor:default}
.match-feedback-optional{margin-top:12px}.match-feedback-optional>summary{min-height:44px;padding:0 16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#0b1016;color:#cbd3d8;font-size:10px;font-weight:950;letter-spacing:.35px;cursor:pointer;list-style:none}.match-feedback-optional>summary::-webkit-details-marker{display:none}.match-feedback-optional[open]>summary{border-color:rgba(237,23,23,.3);color:#fff}.match-feedback-optional>.match-feedback-card{margin-top:10px}
@media(max-width:600px){.match-post-actions{padding:16px;align-items:stretch;flex-direction:column}.match-post-actions .lobby-primary{width:100%}}
@media(max-width:560px){.lobby-complete-actions{width:100%;display:grid;grid-template-columns:1fr}.lobby-complete-actions form,.lobby-complete-actions .lobby-primary,.lobby-complete-actions .lobby-secondary{width:100%}.lobby-complete-actions form{align-items:stretch}.saved-squad-inline-status{text-align:left}}


/* ===== RAIET v1.48.5 — header cleanup + saved lobby slot control ===== */
/* Desktop secondary links live behind one compact menu instead of crowding the main nav. */
.header-info-menu{position:relative;flex:0 0 auto;margin:0;padding:0}
.header-info-menu>summary{list-style:none;width:36px;height:34px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:linear-gradient(180deg,#0b0f14,#080b10);display:grid;place-items:center;color:#cbd2d8;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}
.header-info-menu>summary::-webkit-details-marker{display:none}
.header-info-menu>summary span{display:block;margin-top:-5px;font-size:17px;font-weight:900;letter-spacing:2px;line-height:1}
.header-info-menu>summary:hover,.header-info-menu[open]>summary,.header-info-menu.has-active>summary{border-color:rgba(237,23,23,.42);background:rgba(237,23,23,.07);color:#fff}
.header-info-panel{position:absolute;top:calc(100% + 10px);right:0;width:220px;padding:7px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(7,10,14,.985);box-shadow:0 18px 48px rgba(0,0,0,.48);backdrop-filter:blur(18px);z-index:125;display:grid;gap:5px}
.header-info-panel:before{content:"";position:absolute;right:12px;top:-5px;width:9px;height:9px;border-left:1px solid rgba(255,255,255,.11);border-top:1px solid rgba(255,255,255,.11);background:#080b0f;transform:rotate(45deg)}
.header-info-panel a{position:relative;min-height:46px;padding:0 11px;border:1px solid transparent;border-radius:8px;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;color:#cbd2d8;transition:border-color .15s ease,background .15s ease,color .15s ease}
.header-info-panel a>span{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.10);border-radius:7px;background:rgba(255,255,255,.025);color:#e7ebee;font-size:11px;font-weight:950}
.header-info-panel a strong{font-size:11px;font-weight:900;letter-spacing:.25px}
.header-info-panel a:hover,.header-info-panel a:focus-visible,.header-info-panel a.active{outline:none;border-color:rgba(237,23,23,.27);background:rgba(237,23,23,.065);color:#fff}
.header-info-panel a.active>span{border-color:rgba(237,23,23,.38);color:#ff686d;background:rgba(237,23,23,.08)}

/* Saved squads: slot resizing is a secondary room control, not another Ready Check panel. */
.saved-lobby-resize{order:3;margin-top:8px;padding:12px 13px;border:1px solid rgba(255,255,255,.085);border-radius:10px;background:linear-gradient(145deg,rgba(12,17,23,.96),rgba(7,10,14,.99));box-shadow:0 12px 30px rgba(0,0,0,.16);display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(310px,auto);align-items:center;gap:14px}
.saved-lobby-resize-copy{min-width:0}
.saved-lobby-resize-copy>span{display:block;color:#ff6469;font-size:10px;font-weight:950;letter-spacing:.9px}
.saved-lobby-resize-copy h2{margin:3px 0 3px;color:#f2f5f7;font-size:15px;line-height:1.15}
.saved-lobby-resize-copy p{margin:0;max-width:560px;color:#8f9aa4;font-size:10.8px!important;line-height:1.4}
.saved-lobby-resize-current{min-width:82px;padding:8px 11px;border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07);text-align:center}
.saved-lobby-resize-current small{display:block;color:#7f8b95;font-size:10px!important;font-weight:900;letter-spacing:.55px;white-space:nowrap}
.saved-lobby-resize-current strong{display:block;margin-top:3px;color:#f2f5f7;font-size:18px;line-height:1}
.saved-lobby-resize-current strong i{color:#606b75;font-size:12px;font-style:normal}
.saved-lobby-resize-form{display:flex;align-items:flex-end;justify-content:flex-end;gap:9px;margin:0}
.saved-lobby-size-picker{min-width:0;margin:0;padding:0;border:0}
.saved-lobby-size-picker legend{margin:0 0 5px;color:#88949e;font-size:10px;font-weight:900;letter-spacing:.55px}
.saved-lobby-size-picker>div{display:flex;gap:5px}
.saved-lobby-size-picker label{position:relative;display:block;cursor:pointer}
.saved-lobby-size-picker input{position:absolute;opacity:0;pointer-events:none}
.saved-lobby-size-picker span{width:37px;height:36px;border:1px solid rgba(255,255,255,.11);border-radius:7px;background:#080c11;display:grid;place-items:center;color:#aab3bb;font-size:11px;font-weight:950;transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease}
.saved-lobby-size-picker label:hover span{border-color:rgba(255,255,255,.23);color:#fff;transform:translateY(-1px)}
.saved-lobby-size-picker input:checked+span{border-color:rgba(237,23,23,.58);background:rgba(237,23,23,.12);box-shadow:inset 0 0 0 1px rgba(237,23,23,.12);color:#fff}
.saved-lobby-size-picker input:focus-visible+span{outline:2px solid rgba(237,23,23,.55);outline-offset:2px}
.saved-lobby-resize-submit{min-width:144px!important;min-height:36px!important;padding:0 13px!important;border-color:rgba(237,23,23,.36)!important;background:rgba(237,23,23,.065)!important;color:#f4f5f7!important;font-size:10px!important;white-space:nowrap}
.saved-lobby-resize-submit:hover{border-color:rgba(237,23,23,.7)!important;background:rgba(237,23,23,.13)!important}

@media(max-width:980px){
  .header-info-menu{display:none}
  .saved-lobby-resize{grid-template-columns:minmax(0,1fr) auto}
  .saved-lobby-resize-copy{grid-column:1/-1}
  .saved-lobby-resize-current{border-left:0;text-align:left;padding-left:0}
}
@media(max-width:680px){
  .saved-lobby-resize{grid-template-columns:1fr;padding:12px}
  .saved-lobby-resize-copy,.saved-lobby-resize-current{grid-column:auto}
  .saved-lobby-resize-current{display:flex;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid rgba(255,255,255,.06);padding:2px 0 9px;text-align:left}
  .saved-lobby-resize-current strong{margin:0}
  .saved-lobby-resize-form{display:grid;grid-template-columns:1fr;align-items:stretch}
  .saved-lobby-size-picker>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  .saved-lobby-size-picker span{width:100%;height:39px}
  .saved-lobby-resize-submit{width:100%}
}

/* RAIET player identity + invite preferences (compact account UI). */
.profile-avatar.has-image{overflow:hidden;padding:0!important}
.profile-avatar.has-image img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.profile-social-preferences{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:10px;margin:10px 0 20px}
.profile-avatar-picker,.profile-invite-preference{border:1px solid rgba(255,255,255,.075);border-radius:10px;background:linear-gradient(180deg,rgba(9,13,18,.78),rgba(6,9,13,.58))}
.profile-avatar-picker{padding:13px}
.profile-social-pref-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.profile-social-pref-head strong,.profile-invite-preference strong{display:block;color:#edf1f4;font-size:12px;line-height:1.25}
.profile-social-pref-head small,.profile-invite-preference small{display:block;margin-top:4px;color:#86919b;font-size:10px;line-height:1.45}
.profile-avatar-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.profile-avatar-option{position:relative;min-height:58px;padding:9px 10px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:rgba(4,7,10,.58);cursor:pointer;transition:border-color .15s ease,background .15s ease}
.profile-avatar-option:hover,.profile-avatar-option:has(input:checked){border-color:rgba(237,23,23,.48);background:rgba(36,9,13,.72);box-shadow:inset 0 0 0 1px rgba(237,23,23,.08)}
.profile-avatar-option input{position:absolute;opacity:0;pointer-events:none}
.profile-avatar-option::after{content:'';margin-left:auto;width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#fff;font-size:10px;font-weight:1000;background:#090d12}
.profile-avatar-option:has(input:checked)::after{content:'✓';border-color:rgba(237,23,23,.72);background:#d9151a;box-shadow:0 0 12px rgba(237,23,23,.22)}
.profile-avatar-option:has(input:checked)>div strong{color:#fff}

.profile-avatar-option-preview{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:50%;background:linear-gradient(145deg,#742027,#141a21);color:#fff;font-size:14px;font-weight:950}
.profile-avatar-option-preview img{width:100%;height:100%;display:block;object-fit:cover}
.profile-avatar-option>div{min-width:0}
.profile-avatar-option>div strong{display:block;color:#edf1f4;font-size:10.5px}
.profile-avatar-option>div small{display:block;margin-top:3px;color:#808b95;font-size:10px;line-height:1.35}
.profile-invite-preference{position:relative;padding:14px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;cursor:pointer}
.profile-invite-preference>input{position:absolute;opacity:0;pointer-events:none}
.profile-toggle-ui{width:42px;height:23px;display:block;padding:2px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#090d12;transition:.16s ease}
.profile-toggle-ui i{width:17px;height:17px;display:block;border-radius:50%;background:#68727c;transition:.16s ease}
.profile-invite-preference>input:checked+.profile-toggle-ui{border-color:rgba(95,225,176,.28);background:rgba(45,120,91,.18)}
.profile-invite-preference>input:checked+.profile-toggle-ui i{transform:translateX(17px);background:#79e5bd;box-shadow:0 0 12px rgba(121,229,189,.28)}
@media(max-width:820px){.profile-social-preferences{grid-template-columns:1fr}}
@media(max-width:520px){.profile-avatar-options{grid-template-columns:1fr}}
/* Provider-backed avatars in compact friends UI. */
.friend-avatar.has-image{overflow:hidden;padding:0}
.friend-avatar.has-image img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}


/* RAIET provider avatar propagation across compact player surfaces. */
.player-row-avatar.has-image,.leader-avatar.has-image,.lobby-member-avatar.has-image{overflow:hidden;padding:0}
.player-row-avatar.has-image img,.leader-avatar.has-image img,.lobby-member-avatar.has-image img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}

/* RAIET social avatar bugfix: provider avatars propagate to the remaining player surfaces. */
.dm-avatar.has-image,.match-feedback-avatar.has-image{overflow:hidden;padding:0}
.dm-avatar.has-image img,.match-feedback-avatar.has-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* RAIET v1.48.5.134 — clean Players page background. */
.players-page{
  background:#05070a!important;
}

/* ===== RAIET v1.48.5.137 — OWNER CONTROL / CLEAN ADMIN BLOCKS ===== */
.admin-page{background:#05070a!important}
.admin-shell{width:min(1220px,100%)}
.admin-head-card{border-radius:12px;background:linear-gradient(180deg,#0d1116,#080b0f);box-shadow:none}
.admin-status.is-success{border-color:rgba(74,211,130,.22);background:rgba(39,128,82,.08);color:#8fe0ad}

.admin-owner-console{margin:14px 0 12px;border:1px solid rgba(255,255,255,.085);border-radius:12px;overflow:hidden;background:#080b0f}
.admin-owner-intro{min-height:92px;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.065);background:linear-gradient(110deg,#0e1319,#090c10 70%)}
.admin-owner-intro>div{min-width:0}
.admin-owner-intro>div>span{display:block;color:#ff6469;font-size:10px;font-weight:950;letter-spacing:.08em}
.admin-owner-intro>div>strong{display:block;margin-top:5px;color:#f1f4f6;font-size:18px;line-height:1.2}
.admin-owner-intro>div>p{margin:5px 0 0;max-width:720px;color:#929da6;font-size:11.5px;line-height:1.55}
.admin-owner-health{min-width:180px;padding:12px 13px;display:grid;grid-template-columns:10px 1fr;column-gap:9px;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#080c11}
.admin-owner-health i{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#777}
.admin-owner-health span{color:#89959e;font-size:10px;font-weight:900;letter-spacing:.055em}
.admin-owner-health b{margin-top:2px;color:#eef2f4;font-size:11.5px}
.admin-owner-health.is-healthy{border-color:rgba(69,213,127,.22)}.admin-owner-health.is-healthy i{background:#4ed184;box-shadow:0 0 12px rgba(78,209,132,.28)}
.admin-owner-health.is-degraded{border-color:rgba(255,183,72,.28)}.admin-owner-health.is-degraded i{background:#e4ad54}
.admin-owner-health.is-unavailable{border-color:rgba(237,23,23,.34)}.admin-owner-health.is-unavailable i{background:#ed3a40}
.admin-owner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.admin-owner-card{min-height:108px;padding:16px 17px;border-right:1px solid rgba(255,255,255,.055);background:#080b0f;transition:background .14s ease,border-color .14s ease}
.admin-owner-card:last-child{border-right:0}.admin-owner-card:hover{background:#0b1015}
.admin-owner-card>span{display:block;color:#8b97a0;font-size:10px;font-weight:900;letter-spacing:.045em}
.admin-owner-card>strong{display:block;margin-top:8px;color:#f2f5f7;font-size:26px;line-height:1}
.admin-owner-card>small{display:block;margin-top:8px;color:#7f8b95;font-size:10.5px;line-height:1.45}

.admin-module-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:12px 0}
.admin-module-card{min-height:90px;padding:13px 14px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:#080b0f;transition:border-color .14s ease,background .14s ease,transform .14s ease}
.admin-module-card:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.15);background:#0b0f14}
.admin-module-card.is-active{border-color:rgba(237,23,23,.38);background:linear-gradient(125deg,rgba(237,23,23,.06),#090d12 38%)}
.admin-module-card>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(237,23,23,.24);border-radius:7px;color:#ff6e72;font-size:10px;font-weight:950}
.admin-module-card>div{min-width:0}.admin-module-card>div>strong{display:block;color:#edf1f4;font-size:12px}.admin-module-card>div>small{display:block;margin-top:4px;overflow:hidden;color:#78848e;font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.admin-module-card>b{color:#dfe4e8;font-size:16px}

.admin-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 15px}
.admin-tool-grid>a{min-height:72px;padding:12px 13px;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;align-content:center;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#070a0e}
.admin-tool-grid>a:hover{border-color:rgba(237,23,23,.28);background:#0a0e13}
.admin-tool-grid>a>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#ff6e72;font-size:10px;font-weight:950}
.admin-tool-grid>a>strong{color:#e8ecef;font-size:11.5px}.admin-tool-grid>a>small{margin-top:3px;color:#74808a;font-size:10px;line-height:1.35}

.admin-list-users,.admin-list-lobbies{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;padding:10px;background:#070a0e}
.admin-list-users>.admin-row,.admin-list-lobbies>.admin-row{min-height:118px;padding:14px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px;background:#090d12!important;align-items:flex-start}
.admin-list-users>.admin-row:hover,.admin-list-lobbies>.admin-row:hover{border-color:rgba(255,255,255,.14)!important;background:#0b1015!important}
.admin-list-users .admin-user-actions{align-self:stretch;display:flex;align-items:flex-end}
.admin-list-users .admin-suspension-form{align-items:flex-end}
.admin-list-lobbies>.admin-row form{align-self:center}
.admin-list-reports,.admin-list-activity,.admin-list-events{gap:9px!important;padding:10px;background:#070a0e}
.admin-list-reports>.admin-report-card,.admin-list-activity>.admin-activity-card,.admin-list-events>.admin-audit-card{border:1px solid rgba(255,255,255,.07)!important;border-radius:9px;overflow:hidden;background:#090d12!important}
.admin-list-reports>.admin-report-card:hover,.admin-list-activity>.admin-activity-card:hover,.admin-list-events>.admin-audit-card:hover{border-color:rgba(255,255,255,.13)!important}

.system-health-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.system-health-quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:2px 0 9px}
.system-health-quad>div{padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:7px;background:#070a0e}
.system-health-quad span{display:block;color:#75818b;font-size:10px;font-weight:900}.system-health-quad b{display:block;margin-top:5px;color:#f0f3f5;font-size:17px}

.health-owner-maintenance .admin-section-head{border-bottom:1px solid rgba(255,255,255,.06)}
.health-owner-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 16px;background:#080b0f}
.health-owner-actions>div>strong{display:block;color:#e9edf0;font-size:12.5px}.health-owner-actions>div>span{display:block;margin-top:4px;max-width:720px;color:#86919a;font-size:10.5px;line-height:1.5}
.health-owner-actions form{margin:0;display:grid;justify-items:end;gap:5px}.health-owner-actions form small{max-width:290px;color:#737f89;font-size:10px;line-height:1.4;text-align:right}
.health-log-filters{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);background:#070a0e}
.health-log-filters a{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#0a0e13;color:#8c98a1;font-size:10px;font-weight:950}
.health-log-filters a:hover{border-color:rgba(255,255,255,.17);color:#fff}.health-log-filters a.is-active{border-color:rgba(237,23,23,.38);background:rgba(237,23,23,.07);color:#fff}
.health-log-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px;background:#070a0e}
.health-log-card{border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#090d12;overflow:hidden}.health-log-card.is-warning{border-color:rgba(255,183,72,.22)}.health-log-card.is-error{border-color:rgba(237,23,23,.28)}
.health-log-card>summary{list-style:none;min-height:94px;padding:13px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;cursor:pointer}.health-log-card>summary::-webkit-details-marker{display:none}.health-log-card>summary:hover{background:#0b1015}
.health-log-card>summary>div:first-child{min-width:0}.health-log-card>summary>div:first-child>span{display:block;color:#7e8993;font-size:10px;font-weight:950;letter-spacing:.06em}.health-log-card>summary>div:first-child>strong{display:block;margin-top:5px;color:#edf1f4;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.health-log-card>summary>div:first-child>small{display:block;margin-top:5px;color:#747f89;font-size:10px;line-height:1.4}
.health-log-card[open]>summary{border-bottom:1px solid rgba(255,255,255,.055)}.health-log-card[open] .admin-audit-open{color:#ff777b}
.health-log-body{padding:12px 14px}.health-log-body>p{margin:0;color:#9ca6ae;font-size:10.5px;line-height:1.55}.health-log-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;padding:8px 9px;border:1px solid rgba(255,255,255,.055);border-radius:7px;background:#070a0e}.health-log-meta span{color:#737f89;font-size:10px;font-weight:900}.health-log-meta b{color:#e5eaed;font-size:10.5px}
.health-log-card .health-context{margin-top:8px;max-height:150px;overflow:auto;border-radius:7px;font-size:10px}
.health-log-empty{grid-column:1/-1;min-height:120px;padding:24px;display:grid;place-items:center;text-align:center;border:1px dashed rgba(70,210,126,.16);border-radius:9px;background:#080c10}.health-log-empty strong{color:#9ee0b7;font-size:13px}.health-log-empty span{margin-top:-30px;color:#77838c;font-size:10.5px}

@media(max-width:1000px){
  .admin-owner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-owner-card:nth-child(2){border-right:0}.admin-owner-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.055)}
  .admin-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-module-card:last-child{grid-column:1/-1}
  .admin-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-list-users,.admin-list-lobbies{grid-template-columns:1fr}
  .health-log-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .admin-owner-intro{align-items:stretch;flex-direction:column}.admin-owner-health{min-width:0}
  .admin-owner-grid{grid-template-columns:1fr}.admin-owner-card{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important}.admin-owner-card:last-child{border-bottom:0!important}
  .admin-module-grid,.admin-tool-grid{grid-template-columns:1fr}.admin-module-card:last-child{grid-column:auto}
  .health-owner-actions{grid-template-columns:1fr}.health-owner-actions form{justify-items:stretch}.health-owner-actions form small{text-align:left;max-width:none}.health-owner-actions button{width:100%}
  .system-health-quad{grid-template-columns:1fr 1fr}
}

/* ===== RAIET v1.48.5.140 — COD CROSSPLAY HANDOFF POLISH ===== */
.cod-party-panel{position:relative;overflow:hidden;border-color:rgba(237,23,23,.34)!important;background:linear-gradient(145deg,rgba(24,8,11,.96),rgba(6,9,13,.985) 58%,rgba(7,11,15,.99))!important}
.cod-party-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#ff3c42,#8d090e 64%,transparent);box-shadow:0 0 22px rgba(237,23,23,.18);pointer-events:none}
.cod-party-console{display:grid;gap:10px}
.cod-party-code-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 15px;border:1px solid rgba(255,255,255,.085);background:linear-gradient(110deg,#0d1218,#080c11 68%);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.cod-party-code-copy{min-width:0}.cod-party-code-copy>small,.cod-party-launcher-head small{display:block;color:#ff6268;font-size:10px;font-weight:950;letter-spacing:.085em}.cod-party-code-copy>strong{display:block;margin-top:3px;color:#fff;font-size:27px;line-height:1;font-weight:1000;letter-spacing:.14em;font-family:"Bahnschrift","Segoe UI Semibold",Arial,sans-serif}.cod-party-code-copy>span{display:block;margin-top:6px;color:#727f89;font-size:10px;font-weight:850;letter-spacing:.035em}
.cod-party-code-side{display:flex;align-items:center;gap:10px}.cod-party-code-side>div{min-width:86px;padding:8px 10px;border-left:1px solid rgba(255,255,255,.075)}.cod-party-code-side>div small{display:block;color:#74818b;font-size:10px;font-weight:900;letter-spacing:.055em}.cod-party-code-side>div strong{display:block;margin-top:3px;color:#edf2f5;font-size:14px}.cod-party-copy-button{min-height:36px;padding:0 13px;border:1px solid rgba(237,23,23,.48);background:linear-gradient(105deg,#e91f25,#b90c12);clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);color:#fff;font:inherit;font-size:10px;font-weight:1000;letter-spacing:.045em;cursor:pointer;white-space:nowrap}.cod-party-copy-button:hover{filter:brightness(1.1)}
.cod-party-launcher{padding:13px 14px;border:1px solid rgba(255,255,255,.07);background:#080c11}.cod-party-launcher-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px}.cod-party-launcher-head strong{display:block;margin-top:4px;color:#edf2f5;font-size:14px}.cod-party-launcher-head>span{max-width:440px;color:#7d8992;font-size:10px;line-height:1.4;text-align:right}
.cod-party-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cod-party-launch-card{position:relative;min-height:70px;padding:11px 12px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid rgba(255,255,255,.085);background:linear-gradient(135deg,#0d1218,#080c11);color:#dfe5e9;text-decoration:none;overflow:hidden;transition:transform .14s ease,border-color .14s ease,background .14s ease}.cod-party-launch-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#5d6871}.cod-party-launch-card>i{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.10);background:#090d12;color:#fff;font-style:normal;font-size:13px;font-weight:1000}.cod-party-launch-card>span{min-width:0}.cod-party-launch-card small{display:block;color:#7b8790;font-size:10px;font-weight:950;letter-spacing:.07em}.cod-party-launch-card strong{display:block;margin-top:2px;color:#eef2f4;font-size:10px;line-height:1.15}.cod-party-launch-card em{display:block;margin-top:4px;color:#6f7b85;font-style:normal;font-size:10px;line-height:1.25}.cod-party-launch-card>b{color:#6d7881;font-size:15px}.cod-party-launch-card:is(a):hover{transform:translateY(-1px);border-color:rgba(255,255,255,.17);background:#10161d}.cod-party-launch-card.is-steam:before{background:#66a7db}.cod-party-launch-card.is-steam>i{border-color:rgba(102,167,219,.28);color:#b9dcf5}.cod-party-launch-card.is-xbox:before{background:#62ca72}.cod-party-launch-card.is-xbox>i{border-color:rgba(98,202,114,.28);color:#a9ebb2}.cod-party-launch-card.is-manual:before{background:#ef3a40}.cod-party-launch-card.is-manual{grid-template-columns:31px minmax(0,1fr);cursor:default}.cod-party-launch-card.is-launching{border-color:rgba(79,215,132,.38)!important;box-shadow:inset 0 0 0 1px rgba(79,215,132,.06)}
.cod-party-panel .valorant-party-confirm,.cod-party-panel .valorant-party-owner-actions{padding:10px 12px;border:1px solid rgba(255,255,255,.065);background:#080c11}.cod-party-panel .valorant-party-owner-actions>strong{color:#f0c977;font-size:10px}.cod-party-panel .valorant-party-joined-badge{color:#8fe0ad}
@media(max-width:850px){.cod-party-launch-grid{grid-template-columns:1fr 1fr}.cod-party-launch-card.is-manual{grid-column:1/-1}.cod-party-launcher-head{align-items:flex-start;flex-direction:column}.cod-party-launcher-head>span{text-align:left}}
@media(max-width:620px){.cod-party-code-card{grid-template-columns:1fr}.cod-party-code-side{justify-content:space-between}.cod-party-code-copy>strong{font-size:24px}.cod-party-launch-grid{grid-template-columns:1fr}.cod-party-launch-card.is-manual{grid-column:auto}.cod-party-copy-button{flex:1}.cod-party-launch-card{min-height:66px}}


/* ===== RAIET v1.48.5.141 — COD launcher handoff clarity ===== */
.cod-party-launch-grid{gap:10px!important}
.cod-party-launch-card{
  min-height:86px!important;
  padding:13px 14px!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  gap:12px!important;
}
.cod-party-launch-card>i{
  width:46px!important;
  height:46px!important;
  border-radius:11px!important;
  font-size:19px!important;
  background:linear-gradient(180deg,#151d26,#090e13)!important;
}
.cod-party-launch-card small{font-size:10px!important}
.cod-party-launch-card strong{font-size:11px!important}
.cod-party-launch-card em{font-size:10px!important}
.cod-party-launch-card>b{font-size:17px!important}
button.cod-party-launch-card{
  width:100%;
  font:inherit;
  text-align:left;
  cursor:pointer!important;
  appearance:none;
}
.cod-party-launch-card.is-manual{
  grid-template-columns:46px minmax(0,1fr)!important;
}
.cod-party-launch-card.is-manual:hover{
  transform:translateY(-1px);
  border-color:rgba(237,23,23,.24);
  background:#10161d;
}
.cod-party-auto-state{
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(255,255,255,.07);
  background:#080c11;
}
.cod-party-auto-state>span{
  color:#78858e;
  font-size:10px;
  line-height:1.4;
}
.cod-party-auto-state>strong{
  flex:none;
  color:#e8bd6e;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.045em;
}
.cod-party-auto-state.is-ready{
  border-color:rgba(76,211,128,.20);
  background:rgba(76,211,128,.035);
}
.cod-party-auto-state.is-ready>strong{color:#82dda4}
@media(max-width:850px){
  .cod-party-launch-card{min-height:80px!important}
}
@media(max-width:620px){
  .cod-party-launch-card{grid-template-columns:44px minmax(0,1fr) auto!important}
  .cod-party-launch-card>i{width:44px!important;height:44px!important}
  .cod-party-launch-card.is-manual{grid-template-columns:44px minmax(0,1fr)!important}
  .cod-party-auto-state{align-items:flex-start;flex-direction:column}
}

/* ===== RAIET v1.48.5.142 — COD platform picker guidance ===== */
.cod-party-launcher[data-cod-launch-picker]{position:relative;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.cod-party-launcher[data-cod-launch-picker].is-guided{animation:codPickerPulse 1.2s ease-out 1}
@keyframes codPickerPulse{0%{box-shadow:0 0 0 0 rgba(82,202,126,0);border-color:rgba(255,255,255,.07)}28%{box-shadow:0 0 0 1px rgba(82,202,126,.18),0 0 26px rgba(82,202,126,.13);border-color:rgba(82,202,126,.34);background:linear-gradient(180deg,rgba(15,29,22,.98),#080c11)}100%{box-shadow:none;border-color:rgba(255,255,255,.07)}}
.cod-party-launch-grid{gap:10px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.cod-party-launch-card{min-height:96px!important;padding:14px 15px!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:13px!important;border-radius:12px!important;border-color:rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.cod-party-launch-card>i{width:48px!important;height:48px!important;border-radius:12px!important;font-size:18px!important;background:linear-gradient(180deg,#151d26,#090e13)!important}
.cod-party-launch-card small{font-size:10px!important;color:#8a959d!important}
.cod-party-launch-card strong{font-size:11.5px!important;line-height:1.22!important}
.cod-party-launch-card em{font-size:10px!important;line-height:1.32!important}
.cod-party-launch-card>b{font-size:17px!important}
button.cod-party-launch-card{width:100%;font:inherit;text-align:left;cursor:pointer!important;appearance:none}
.cod-party-launch-card.is-playstation:before{background:#7d8fff}
.cod-party-launch-card.is-playstation>i{border-color:rgba(125,143,255,.28);color:#d6dcff}
.cod-party-launch-card.is-manual{grid-column:1/-1!important;grid-template-columns:48px minmax(0,1fr)!important}
.cod-party-launch-card.is-manual:hover,.cod-party-launch-card.is-playstation:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18);background:#10161d}
@media(max-width:850px){.cod-party-launch-grid{grid-template-columns:1fr 1fr!important}.cod-party-launch-card{min-height:88px!important}.cod-party-launch-card.is-manual{grid-column:1/-1!important}}
@media(max-width:620px){.cod-party-launch-grid{grid-template-columns:1fr!important}.cod-party-launch-card{grid-template-columns:44px minmax(0,1fr) auto!important}.cod-party-launch-card>i{width:44px!important;height:44px!important}.cod-party-launch-card.is-manual{grid-template-columns:44px minmax(0,1fr)!important;grid-column:auto!important}}


/* Header brand: separate mark and wordmark share a centered baseline. */
.site-header{grid-template-columns:285px minmax(0,1fr) auto}
.site-header .brand.brand-symbol{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:272px;height:48px;margin-left:0;padding:0;border-radius:0}
.site-header .brand.brand-symbol .header-mark{display:block;flex:0 0 72px;width:72px;height:auto;object-fit:contain;filter:none}
.site-header .brand.brand-symbol .header-wordmark{display:block;flex:0 0 188px;width:188px;height:auto;object-fit:contain;filter:none}
@media(max-width:1350px){.site-header{grid-template-columns:250px minmax(0,1fr) auto}.site-header .brand.brand-symbol{width:240px;gap:10px}.site-header .brand.brand-symbol .header-mark{width:64px;flex-basis:64px}.site-header .brand.brand-symbol .header-wordmark{width:166px;flex-basis:166px}}
@media(max-width:980px){.site-header{grid-template-columns:auto auto}.site-header .brand.brand-symbol{width:224px;height:44px}.site-header .brand.brand-symbol .header-mark{width:60px;flex-basis:60px}.site-header .brand.brand-symbol .header-wordmark{width:154px;flex-basis:154px}}
@media(max-width:680px){.site-header .brand.brand-symbol{width:186px;height:40px;gap:8px}.site-header .brand.brand-symbol .header-mark{width:50px;flex-basis:50px}.site-header .brand.brand-symbol .header-wordmark{width:128px;flex-basis:128px}}
@media(max-width:430px){.site-header .brand.brand-symbol{width:160px}.site-header .brand.brand-symbol .header-mark{width:46px;flex-basis:46px}.site-header .brand.brand-symbol .header-wordmark{width:106px;flex-basis:106px}}

/* ===== ARENACTIVE v1.48.5.157 — ABOUT BRAND + FOOTER WORDMARK =====
   About hero separates the ARENACTIVE brand from its product statement.
   Footer keeps only the full wordmark; redundant network label is removed. */
.site-footer .footer-brand{justify-content:center}
.site-footer .footer-brand .footer-logo{margin:0 auto}

/* ===== ARENACTIVE v1.48.5.164 — Apex multi-connect ===== */
.apex-platform-choice .create-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.create-platform-card.is-cross .create-platform-badge{color:#ff7378;border-color:rgba(237,23,23,.28);background:rgba(237,23,23,.08)}
.apex-cross-id-field{margin-top:10px;padding:11px 12px;border:1px solid rgba(237,23,23,.18);border-radius:9px;background:rgba(237,23,23,.025)}
.apex-cross-id-field[hidden]{display:none!important}
.apex-cross-id-field label{display:flex;flex-direction:column;gap:6px}
.apex-cross-id-field label>span{color:#eef2f5;font-size:11.5px;font-weight:950;letter-spacing:.04em}
.apex-cross-id-field input{width:100%;height:40px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#05080c;color:#f5f7f8;font-size:13px;font-weight:850;outline:none}
.apex-cross-id-field input:focus{border-color:rgba(237,23,23,.5);box-shadow:0 0 0 3px rgba(237,23,23,.06)}
.apex-cross-id-field small{color:#9aa6af;font-size:10.8px!important;line-height:1.4!important}
.lobby-platform-value.is-cross,.lobby-card-platform-mark.is-cross,.lobby-platform-join-mark.is-cross{color:#ff8388;background:rgba(237,23,23,.07);border:1px solid rgba(237,23,23,.2)}
@media(max-width:900px){.apex-platform-choice .create-platform-grid{grid-template-columns:1fr}}

/* ARENACTIVE v1.48.5.166 — manual console handoff is informational, not a fake launch button. */
.lobby-primary.is-static{cursor:default;pointer-events:none;user-select:none;text-align:center}

/* v167: Xbox console handoff is a completed status, not a clickable web launch. */
.game-manual-launch-status{display:flex;flex-direction:column;gap:4px;min-height:46px;padding:10px 14px;border:1px solid rgba(60,214,130,.34);background:rgba(18,94,55,.14);align-items:flex-start;justify-content:center}
.game-manual-launch-status strong{font-size:12px;line-height:1.15;color:#e9fff2;font-weight:900;letter-spacing:.025em}
.game-manual-launch-status small{font-size:10px;line-height:1.35;color:rgba(226,238,231,.72);max-width:720px}
@media (max-width:640px){.game-manual-launch-status{width:100%}}

/* ===== ARENACTIVE v1.48.5.175 — League full Riot ID paste connector ===== */
.profile-platform-card.league-connector{position:relative;overflow:hidden;border-color:rgba(195,158,67,.24);background:radial-gradient(circle at 100% 0,rgba(33,107,126,.10),transparent 42%),linear-gradient(145deg,rgba(23,19,10,.97),rgba(7,10,14,.99) 60%)}
.profile-platform-card.league-connector:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#d5b561,rgba(81,184,202,.78),transparent);opacity:.9;pointer-events:none}
.profile-platform-card.league-connector.is-connected{border-color:rgba(87,201,160,.24)}
.profile-platform-card .league-mark{border-color:rgba(207,174,93,.4)!important;background:linear-gradient(145deg,rgba(91,67,22,.68),rgba(16,25,31,.94))!important;color:#f4db8f!important}
.league-connector-body{display:grid!important;gap:10px!important}
.league-identity-form{display:grid;grid-template-columns:1fr;gap:9px;align-items:stretch}
.league-riot-id-field{min-width:0;display:grid;gap:6px}
.league-riot-id-field>span{color:#a9b2b8;font-size:10px;font-weight:1000;letter-spacing:.08em}
.league-riot-input-shell{position:relative;display:flex;align-items:center;min-width:0}
.league-riot-input-mark{position:absolute;left:10px;z-index:1;display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(207,174,93,.27);border-radius:6px;background:rgba(207,174,93,.07);color:#f0d17b;font-size:11px;font-weight:1000;pointer-events:none}
.league-identity-form input{width:100%;height:42px;padding:0 11px 0 42px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:linear-gradient(180deg,#080c11,#05080c);color:#f4f7f8;font:inherit;font-size:11.5px;font-weight:900;letter-spacing:.01em;outline:none}
.league-identity-form input::placeholder{color:#606b73;font-weight:800}
.league-identity-form input:focus{border-color:rgba(207,174,93,.58);box-shadow:0 0 0 3px rgba(207,174,93,.07)}
.league-riot-format{display:flex;flex-wrap:wrap;align-items:center;gap:5px 7px;padding:7px 8px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.018)}
.league-riot-format span{color:#69757e;font-size:10px;font-weight:1000;letter-spacing:.075em}
.league-riot-format strong{color:#d7dee2;font-size:10px;font-weight:950;letter-spacing:.02em}
.league-riot-format code{padding:3px 6px;border:1px solid rgba(207,174,93,.17);border-radius:5px;background:rgba(207,174,93,.045);color:#d7bd72;font-family:inherit;font-size:10px;font-weight:900}
.league-riot-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid rgba(78,206,143,.18);border-radius:8px;background:rgba(22,101,64,.08)}
.league-riot-preview[hidden]{display:none!important}
.league-riot-preview span{color:#5ed69b;font-size:10px;font-weight:1000;letter-spacing:.075em}
.league-riot-preview strong{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#dcf8e9;font-size:10px;font-weight:950;white-space:nowrap;direction:ltr}
.league-identity-form .league-save{width:100%;min-height:38px!important;align-self:stretch;border-color:rgba(207,174,93,.4)!important;background:linear-gradient(180deg,rgba(104,78,28,.50),rgba(35,28,13,.84))!important;color:#f5dc8e!important}
.league-identity-form .league-save:hover{border-color:rgba(225,193,104,.58)!important;background:linear-gradient(180deg,rgba(125,92,30,.60),rgba(44,34,14,.9))!important}
.league-connector-help{display:block;padding:0 2px;color:#89949c;font-size:10px!important;line-height:1.5!important}
.league-connector-notice{display:grid;gap:4px;padding:9px 10px;border:1px solid rgba(240,180,77,.18);border-radius:8px;background:rgba(240,180,77,.035)}
.league-connector-notice strong{color:#f0c873;font-size:10px}.league-connector-notice small{color:#8a939b;font-size:10px;line-height:1.4}
.league-delete{justify-self:start!important}.league-delete button{color:#8a949c!important}

.league-mode-grid .create-platform-card{min-height:78px}.league-mode-grid .create-platform-card .create-platform-badge{border-color:rgba(207,174,93,.26);background:rgba(207,174,93,.055);color:#ebd187}
.league-region-choice{margin-top:10px}.league-region-select select{width:100%;height:42px;padding:0 38px 0 11px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:#070b10;color:#eef2f4;font:inherit;font-size:11px;font-weight:850;outline:none}
.league-region-select select:focus{border-color:rgba(207,174,93,.42);box-shadow:0 0 0 3px rgba(207,174,93,.05)}
.league-identity-summary{margin-top:10px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 12px;border:1px solid rgba(240,180,77,.2);border-radius:10px;background:linear-gradient(135deg,rgba(31,24,10,.52),rgba(7,11,15,.96))}
.league-identity-summary.is-ready{border-color:rgba(92,209,153,.18);background:linear-gradient(135deg,rgba(13,31,23,.46),rgba(7,11,15,.96))}
.league-identity-summary>.create-platform-badge{width:38px;height:38px;border-color:rgba(207,174,93,.3);background:rgba(207,174,93,.07);color:#edd48a}.league-identity-summary>div{min-width:0;display:grid;gap:2px}.league-identity-summary small{color:#7e8992;font-size:10px;font-weight:950;letter-spacing:.07em}.league-identity-summary strong{overflow:hidden;text-overflow:ellipsis;color:#f0f3f5;font-size:12px;white-space:nowrap}.league-identity-summary em{color:#859099;font-size:10px;font-style:normal;line-height:1.35}.league-identity-summary>a{min-height:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(207,174,93,.24);border-radius:8px;background:rgba(207,174,93,.04);color:#e7ce86;font-size:10px;font-weight:1000;letter-spacing:.045em;text-decoration:none;white-space:nowrap}.league-identity-summary>a:hover{border-color:rgba(207,174,93,.42);background:rgba(207,174,93,.075)}
@media(max-width:700px){.league-identity-summary{grid-template-columns:38px minmax(0,1fr)}.league-identity-summary>a{grid-column:1/-1;justify-self:stretch}}

/* ===== ARENACTIVE v1.48.5.179 — account platform panel breathing room =====
   Desktop-only profile rail polish: give connected platform cards enough width
   for account identity, Riot ID and disconnect actions without changing any
   account/platform behavior. Mobile keeps the existing single-column flow. */
@media (min-width:901px){
  .profile-shell{
    width:min(1280px,100%)!important;
    grid-template-columns:340px minmax(0,1fr)!important;
    gap:18px!important;
  }
  .profile-card{
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .profile-platforms-compact{
    margin-left:-2px;
    margin-right:-2px;
    padding:14px!important;
  }
  .profile-platforms-kicker{margin-bottom:11px!important}
  .profile-platform-card-list{gap:10px!important}
  .profile-platform-card-head{
    min-height:54px!important;
    padding:10px 12px!important;
    gap:12px!important;
  }
  .profile-platform-card .profile-platform-main{gap:10px!important}
  .profile-platform-card .profile-platform-copy small{
    max-width:210px!important;
  }
  .profile-platform-card-body{
    padding:10px 12px 11px!important;
  }
  .profile-platform-card-body.is-minimal{
    gap:12px!important;
    padding:9px 12px 10px!important;
  }
  .profile-platform-card-body.is-minimal .profile-platform-id{
    gap:9px!important;
  }
  .profile-platform-card-body.is-minimal .profile-platform-id strong{
    max-width:170px;
  }
  .profile-platform-card .profile-platform-disconnect-form{
    flex:0 0 auto;
  }
  .profile-platform-card .profile-platform-disconnect-form button{
    min-height:29px;
    padding:0 10px!important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(199,79,86,.22)!important;
    border-radius:7px;
    background:rgba(150,43,49,.055)!important;
    color:#c7787d!important;
    font-size:10px!important;
    font-weight:950!important;
    line-height:1;
    letter-spacing:.02em;
    white-space:nowrap;
  }
  .profile-platform-card .profile-platform-disconnect-form button:hover{
    border-color:rgba(226,103,110,.42)!important;
    background:rgba(176,49,56,.10)!important;
    color:#f09a9f!important;
  }
  .profile-platform-card-body.is-minimal.is-action-only{
    justify-content:flex-end!important;
  }
  .league-connector-body{
    padding:12px!important;
    gap:11px!important;
  }
  .league-riot-format{
    padding:8px 10px!important;
    gap:6px 9px!important;
  }
  .league-connector-help{
    padding-left:1px!important;
    padding-right:1px!important;
    font-size:10px!important;
    line-height:1.55!important;
  }
}

/* ===== ARENACTIVE v1.48.5.180 — clean account UI / contextual help =====
   Account-only presentation pass. Keep saved League identity compact, move
   explanatory copy into contextual tips, and replace table-like profile rows
   with the same card language used by lobby/matchmaker surfaces. */
.profile-page .profile-editor{
  position:relative;
  overflow:visible;
  padding:26px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(237,23,23,.045),transparent 26%),
    linear-gradient(155deg,rgba(12,17,23,.995),rgba(6,9,13,.995))!important;
}
.profile-page .profile-editor-head{
  margin:-4px -4px 20px!important;
  padding:16px 17px!important;
  min-height:0!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(237,23,23,.045),rgba(255,255,255,.012) 44%,rgba(7,10,14,.9));
  box-shadow:inset 3px 0 0 rgba(237,23,23,.62);
}
.profile-page .profile-editor-head h2{font-size:21px!important}
.profile-page .profile-editor-head .profile-head-note{max-width:620px;margin:5px 0 0!important}

/* Turn the flat profile editor into calm, independent cards. */
.profile-page .profile-form-grid>.auth-field{
  padding:11px 12px 12px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:11px;
  background:linear-gradient(180deg,rgba(10,14,19,.76),rgba(6,9,13,.58));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.profile-page .profile-form-grid>.auth-field>span{margin-bottom:7px!important}
.profile-page .profile-bio-field{
  margin-top:11px!important;
  padding:11px 12px 12px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:11px;
  background:linear-gradient(180deg,rgba(10,14,19,.72),rgba(6,9,13,.54));
}
.profile-page .profile-bio-field>span{margin-bottom:7px!important}
.profile-page .profile-bio-field textarea{min-height:82px!important}

/* Compact contextual-help control. Text is available on hover/focus instead
   of permanently occupying vertical space. */
.profile-help-tip{
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  z-index:8;
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin:0;
  padding:0;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  outline:none;
  background:linear-gradient(145deg,#121821,#090d12);
  color:#8d99a4;
  font:950 10px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  text-align:center;
  cursor:help;
  transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease;
}
.profile-help-tip:hover,.profile-help-tip:focus-visible{
  border-color:rgba(237,23,23,.48);
  background:rgba(237,23,23,.08);
  color:#ff777b;
  transform:translateY(-1px);
}
.profile-help-tip:after{
  content:attr(data-tip);
  position:absolute;
  z-index:80;
  left:50%;
  bottom:calc(100% + 9px);
  width:max-content;
  min-width:190px;
  max-width:min(300px,calc(100vw - 48px));
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px;
  background:#0d1218;
  box-shadow:0 14px 34px rgba(0,0,0,.42);
  color:#c7d0d7;
  font-size:10px;
  font-weight:750;
  line-height:1.45;
  letter-spacing:0;
  text-align:left;
  text-transform:none;
  white-space:normal;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,5px);
  transition:opacity .14s ease,transform .14s ease;
}
.profile-help-tip:hover:after,.profile-help-tip:focus-visible:after{
  opacity:1;
  transform:translate(-50%,0);
}
.profile-help-tip.is-inline{width:16px;height:16px;flex-basis:16px;font-size:10px}
.profile-section-help{align-self:center}

/* Section headers now read like navigation landmarks, not documentation. */
.profile-page .profile-section-title{
  margin:24px 0 10px!important;
  padding:0 2px!important;
  align-items:center!important;
  border-top:0!important;
}
.profile-page .profile-section-title>div{display:grid;gap:2px}
.profile-page .profile-section-title>div>span{font-size:10px!important;letter-spacing:.10em!important}
.profile-page .profile-section-title h3{margin:0!important;font-size:14px!important}

/* Location: three clear fields, details live behind the ? tips. */
.profile-page .profile-location-card{
  gap:13px!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 0 0,rgba(237,23,23,.055),transparent 31%),
    linear-gradient(145deg,rgba(10,14,19,.88),rgba(6,9,13,.92))!important;
  box-shadow:inset 3px 0 0 rgba(237,23,23,.6)!important;
}
.profile-page .profile-location-head{align-items:center!important}
.profile-location-title-wrap{display:grid;gap:3px}
.profile-title-with-help{display:flex;align-items:center;gap:8px}
.profile-title-with-help h3{margin:0!important}
.profile-location-grid{gap:9px!important}
.profile-location-grid .profile-help-field{
  padding:10px!important;
  border:1px solid rgba(255,255,255,.065);
  border-radius:10px;
  background:rgba(3,6,9,.30);
}
.profile-field-caption{
  min-height:20px;
  margin-bottom:6px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.profile-field-caption label{
  color:#919da7;
  font-size:10px;
  font-weight:900;
  letter-spacing:.62px;
  cursor:default;
}
.profile-page .profile-location-grid input,
.profile-page .profile-location-grid select{height:41px!important}
.profile-page .profile-location-visibility{gap:8px!important}
.profile-page .profile-location-visibility>label{
  min-height:46px;
  padding:9px 10px!important;
  align-items:center!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(8,12,17,.66),rgba(5,8,12,.54))!important;
}
.profile-page .profile-location-visibility>label>span{margin-top:0!important}
.profile-option-heading{display:flex!important;align-items:center!important;gap:7px!important}
.profile-page .profile-location-visibility strong{font-size:10.5px!important}
.profile-page .profile-location-preview{
  padding:9px 11px!important;
  border:1px solid rgba(86,209,149,.10)!important;
  border-radius:9px;
  background:rgba(54,148,102,.035);
}

/* Sidebar summary uses independent info cards rather than a table. */
.profile-page .profile-meta{
  display:grid!important;
  gap:6px!important;
  margin-top:18px!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
}
.profile-page .profile-meta>div{
  min-height:40px!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:8px;
  background:rgba(255,255,255,.012)!important;
}
.profile-page .profile-meta>div:last-child{border-bottom:1px solid rgba(255,255,255,.055)!important}
.profile-page .profile-meta>div:hover{border-color:rgba(255,255,255,.09)!important;background:rgba(255,255,255,.02)!important}

/* Languages and games keep their behavior but visually become cards. */
.profile-page .language-choice{
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(9,13,18,.78),rgba(6,9,13,.58))!important;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
.profile-page .language-choice:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.15)!important}
.profile-page .game-picker{
  display:grid!important;
  gap:8px!important;
  border:0!important;
  background:transparent!important;
}
.profile-page .game-pick-row{
  min-height:50px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(9,13,18,.78),rgba(6,9,13,.58))!important;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
.profile-page .game-pick-row:last-child{border-bottom:1px solid rgba(255,255,255,.075)!important}
.profile-page .game-pick-row:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.14)!important;background:linear-gradient(180deg,rgba(12,17,23,.88),rgba(7,10,14,.68))!important}

/* Saved League identity is intentionally quiet: one line + actions. The full
   paste instructions reappear only when there is no saved identity, or when
   the player explicitly opens UPDATE RIOT ID. */
.league-connector-body.is-saved{gap:8px!important}
.league-saved-identity{display:grid;gap:8px}
.league-saved-main{
  min-height:40px;
  padding:9px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(87,201,160,.12);
  border-radius:9px;
  background:rgba(43,133,96,.035);
}
.league-saved-main .profile-platform-id{min-width:0;display:flex!important;align-items:center;gap:9px!important}
.league-saved-main .profile-platform-id span{flex:none}
.league-saved-main .profile-platform-id strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px!important}
.league-saved-identity.is-verified{padding:9px 10px;border:1px solid rgba(87,201,160,.12);border-radius:9px;background:rgba(43,133,96,.035)}
.league-saved-identity.is-verified .profile-platform-id{display:flex!important;align-items:center;gap:9px!important}
.league-saved-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}
.league-identity-editor{min-width:0}
.league-identity-editor>summary{
  list-style:none;
  min-height:32px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(207,174,93,.20);
  border-radius:8px;
  background:rgba(207,174,93,.04);
  color:#e4cc86;
  font-size:10px;
  font-weight:950;
  letter-spacing:.035em;
  cursor:pointer;
  user-select:none;
}
.league-identity-editor>summary::-webkit-details-marker{display:none}
.league-identity-editor>summary:hover,.league-identity-editor[open]>summary{border-color:rgba(207,174,93,.38);background:rgba(207,174,93,.075)}
.league-identity-editor-body{
  margin-top:8px;
  padding:10px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:9px;
  background:rgba(3,6,9,.38);
}
.league-riot-format.is-compact{margin-top:7px!important}
.league-saved-actions .league-delete{margin:0!important}
.league-saved-actions .league-delete button{min-height:32px!important;height:32px!important;padding:0 9px!important}

@media(max-width:900px){
  .profile-page .profile-editor{padding:20px!important}
  .profile-page .profile-editor-head{align-items:flex-start!important}
}
@media(max-width:640px){
  .profile-page .profile-editor{padding:15px!important}
  .profile-page .profile-editor-head{margin:0 0 16px!important;padding:13px 14px!important}
  .profile-help-tip:after{left:auto;right:0;transform:translate(0,5px)}
  .profile-help-tip:hover:after,.profile-help-tip:focus-visible:after{transform:translate(0,0)}
  .league-saved-actions{grid-template-columns:1fr}
  .league-saved-actions .league-delete button{width:100%}
}

/* ===== ARENACTIVE v1.48.5.181 — compact aggressive account + real help tips =====
   Presentation-only pass. Compress vertical rhythm, make small profile facts
   behave like chips instead of full cards, and render help text in a body-level
   fixed popover so it cannot be clipped by profile/location containers. */
.profile-page{
  padding-top:24px!important;
  padding-bottom:36px!important;
  background:
    linear-gradient(118deg,rgba(92,4,9,.14),transparent 31%),
    radial-gradient(ellipse at 16% 20%,rgba(237,23,23,.13),transparent 30%),
    radial-gradient(ellipse at 78% 8%,rgba(65,111,165,.045),transparent 25%),
    #05070a!important;
}
@media(min-width:901px){
  .profile-shell{
    width:min(1320px,100%)!important;
    grid-template-columns:335px minmax(0,1fr)!important;
    gap:14px!important;
  }
}
.profile-page .profile-card,
.profile-page .profile-editor{
  border-radius:10px!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.profile-page .profile-card{
  padding:18px 17px 16px!important;
  background:
    linear-gradient(115deg,rgba(237,23,23,.045),transparent 32%),
    linear-gradient(155deg,rgba(12,17,23,.995),rgba(6,9,13,.995))!important;
}
.profile-page .profile-avatar{width:72px!important;height:72px!important;margin-bottom:9px!important;font-size:29px!important}
.profile-page .profile-status{margin-bottom:5px!important}
.profile-page .profile-display-name{min-height:24px!important;font-size:20px!important}
.profile-page .profile-handle{margin-top:2px!important}
.profile-page .profile-platforms-compact{margin-top:14px!important;padding:10px!important;border-radius:9px!important}
.profile-page .profile-platforms-kicker{margin-bottom:8px!important}
.profile-page .profile-platform-card-list{gap:7px!important}
.profile-page .profile-platform-card{border-radius:8px!important}
.profile-page .profile-platform-card-head{min-height:48px!important;padding:8px 10px!important}
.profile-page .profile-platform-card-body{padding:8px 10px 9px!important}
.profile-page .profile-platform-card .profile-platform-disconnect-form button{min-height:27px!important;height:27px!important}
.profile-page .profile-meta{margin-top:11px!important;gap:4px!important}
.profile-page .profile-meta>div{min-height:32px!important;padding:6px 8px!important;border-radius:7px!important}
.profile-page .profile-games-summary{padding-top:10px!important}
.profile-page .profile-chip-list{margin-top:6px!important}

.profile-page .profile-editor{
  padding:18px!important;
  isolation:isolate;
  background:
    linear-gradient(125deg,rgba(237,23,23,.025),transparent 38%),
    linear-gradient(155deg,rgba(11,16,22,.998),rgba(5,8,12,.998))!important;
}
.profile-page .profile-editor:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  right:0;
  width:150px;
  height:72px;
  background:repeating-linear-gradient(135deg,rgba(237,23,23,.16) 0 1px,transparent 1px 12px);
  clip-path:polygon(35% 0,100% 0,100% 100%,0 0);
  opacity:.38;
  pointer-events:none;
}
.profile-page .profile-editor-head{
  margin:0 0 12px!important;
  padding:11px 13px!important;
  border-radius:8px!important;
  border-color:rgba(255,255,255,.07)!important;
  box-shadow:inset 3px 0 0 #ed1717,0 8px 24px rgba(0,0,0,.10)!important;
  background:linear-gradient(105deg,rgba(90,8,13,.16),rgba(10,14,19,.85) 48%,rgba(7,10,14,.93))!important;
}
.profile-page .profile-editor-head h2{font-size:19px!important}
.profile-page .profile-editor-head .profile-head-note{margin-top:3px!important;font-size:10px!important;line-height:1.35!important}
.profile-page .profile-completion{padding:5px 8px!important;border-radius:999px!important;font-size:10px!important}
.profile-page .profile-form{margin-top:8px!important}
.profile-page .profile-form-grid{gap:8px!important}
.profile-page .profile-form-grid>.auth-field{
  min-height:0!important;
  padding:8px 9px 9px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,rgba(9,13,18,.68),rgba(5,8,12,.48))!important;
}
.profile-page .profile-form-grid>.auth-field>span{margin-bottom:5px!important}
.profile-page .profile-form-grid>.auth-field input,
.profile-page .profile-form-grid>.auth-field select{height:38px!important}

/* Interface language is a small status chip, not a full settings card. */
.profile-page .profile-interface-box.profile-interface-compact{
  grid-column:1/-1;
  justify-self:start;
  width:max-content!important;
  min-height:26px!important;
  padding:4px 6px 4px 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:999px!important;
  background:rgba(7,11,15,.72)!important;
  box-shadow:inset 2px 0 0 rgba(237,23,23,.72)!important;
}
.profile-page .profile-interface-box.profile-interface-compact>span{
  margin:0!important;
  color:#75808a!important;
  font-size:10px!important;
  letter-spacing:.065em!important;
}
.profile-page .profile-interface-box.profile-interface-compact strong{
  padding:3px 6px;
  border:1px solid rgba(237,23,23,.16);
  border-radius:999px;
  background:rgba(237,23,23,.055);
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
}
.profile-page .profile-interface-box.profile-interface-compact small{display:none!important}

.profile-page .profile-location-card{
  gap:8px!important;
  padding:10px!important;
  border-radius:8px!important;
  border-color:rgba(255,255,255,.075)!important;
  background:
    linear-gradient(110deg,rgba(110,8,14,.10),transparent 34%),
    linear-gradient(145deg,rgba(9,13,18,.84),rgba(5,8,12,.90))!important;
  box-shadow:inset 3px 0 0 #d9151a!important;
}
.profile-page .profile-location-title-wrap{gap:1px!important}
.profile-page .profile-title-with-help{gap:7px!important}
.profile-page .profile-location-grid{gap:7px!important}
.profile-page .profile-location-grid .profile-help-field{padding:7px!important;border-radius:7px!important}
.profile-page .profile-field-caption{min-height:16px!important;margin-bottom:4px!important}
.profile-page .profile-location-grid input,
.profile-page .profile-location-grid select{height:36px!important}
.profile-page .profile-location-visibility{gap:6px!important}
.profile-page .profile-location-visibility>label{min-height:38px!important;padding:7px 8px!important;border-radius:7px!important}
.profile-page .profile-location-preview{padding:7px 9px!important;border-radius:7px!important}

.profile-page .profile-bio-field{
  margin-top:8px!important;
  padding:8px 9px 9px!important;
  border-radius:8px!important;
}
.profile-page .profile-bio-field textarea{min-height:60px!important;padding:8px 9px!important}
.profile-page .profile-section-title{margin:15px 0 7px!important;padding:0 1px!important}
.profile-page .profile-section-title h3{font-size:13px!important}
.profile-page .profile-social-preferences{gap:7px!important;margin:7px 0 12px!important}
.profile-page .profile-avatar-picker{padding:9px!important;border-radius:8px!important}
.profile-page .profile-social-pref-head{margin-bottom:7px!important}
.profile-page .profile-social-pref-head small,
.profile-page .profile-invite-preference small{margin-top:2px!important;font-size:10px!important;line-height:1.3!important}
.profile-page .profile-avatar-options{gap:6px!important}
.profile-page .profile-avatar-option{min-height:50px!important;padding:7px 8px!important;border-radius:7px!important}
.profile-page .profile-avatar-option-preview{width:34px!important;height:34px!important;flex-basis:34px!important}
.profile-page .profile-invite-preference{padding:10px!important;border-radius:8px!important}
.profile-page .language-picker{gap:6px!important}
.profile-page .language-choice{min-height:38px!important;padding:0 9px!important;border-radius:7px!important}
.profile-page .game-picker{gap:6px!important}
.profile-page .game-pick-row{min-height:44px!important;padding:5px 8px!important;border-radius:7px!important}
.profile-page .profile-privacy-row{margin-top:10px!important}
.profile-page .profile-security-note{padding:8px 9px!important;border-radius:8px!important}
.profile-page .profile-actions{margin-top:12px!important;padding-top:10px!important}
.profile-page .profile-actions .auth-submit{min-height:38px!important}

/* Sharper, more alive interaction language without changing controls. */
.profile-page .profile-form-grid>.auth-field:hover,
.profile-page .profile-help-field:hover,
.profile-page .profile-avatar-picker:hover,
.profile-page .profile-invite-preference:hover,
.profile-page .language-choice:hover,
.profile-page .game-pick-row:hover{
  border-color:rgba(237,23,23,.18)!important;
  box-shadow:inset 0 0 0 1px rgba(237,23,23,.025)!important;
}
.profile-page input:focus,
.profile-page select:focus,
.profile-page textarea:focus{
  border-color:rgba(237,23,23,.62)!important;
  box-shadow:0 0 0 2px rgba(237,23,23,.055)!important;
}

/* The old pseudo-element tip can be clipped by card stacking contexts.
   v181 renders one fixed popover under <body>, so help always remains visible. */
.profile-help-tip:after{display:none!important}
.profile-help-tip{
  z-index:2!important;
  border-radius:5px!important;
  border-color:rgba(255,255,255,.11)!important;
  background:#0a0f14!important;
  color:#7f8b95!important;
}
.profile-help-tip:hover,.profile-help-tip:focus-visible{
  border-color:rgba(237,23,23,.58)!important;
  background:rgba(105,8,13,.36)!important;
  color:#ff7378!important;
  box-shadow:0 0 13px rgba(237,23,23,.10)!important;
}
.profile-help-popover{
  position:fixed;
  z-index:2147483000;
  width:max-content;
  max-width:min(320px,calc(100vw - 20px));
  padding:9px 11px;
  border:1px solid rgba(237,23,23,.30);
  border-radius:7px;
  background:linear-gradient(145deg,#121820,#090d12 70%);
  box-shadow:0 18px 44px rgba(0,0,0,.58),inset 3px 0 0 rgba(237,23,23,.78);
  color:#d6dde2;
  font-size:10px;
  font-weight:750;
  line-height:1.45;
  letter-spacing:0;
  text-align:left;
  text-transform:none;
  white-space:normal;
  opacity:0;
  pointer-events:none;
  transform:translateY(4px);
  transition:opacity .12s ease,transform .12s ease;
}
.profile-help-popover.is-visible{opacity:1;transform:translateY(0)}
.profile-help-popover:before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-5px;
  width:8px;
  height:8px;
  border-right:1px solid rgba(237,23,23,.30);
  border-bottom:1px solid rgba(237,23,23,.30);
  background:#090d12;
  transform:translateX(-50%) rotate(45deg);
}
.profile-help-popover.is-below:before{
  top:-5px;
  bottom:auto;
  border-right:0;
  border-bottom:0;
  border-left:1px solid rgba(237,23,23,.30);
  border-top:1px solid rgba(237,23,23,.30);
}

@media(max-width:900px){
  .profile-page{padding-top:18px!important}
  .profile-page .profile-editor{padding:14px!important}
}
@media(max-width:640px){
  .profile-page .profile-editor-head{padding:10px 11px!important}
  .profile-page .profile-interface-box.profile-interface-compact{justify-self:stretch;width:100%!important;justify-content:flex-start}
  .profile-page .profile-location-card{padding:9px!important}
  .profile-help-popover{max-width:calc(100vw - 20px)}
}

/* ===== ARENACTIVE v1.48.5.182 — account command-center redesign =====
   Visual-only account pass: denser hierarchy, angular ARENACTIVE surfaces,
   external/CSP-safe help popovers and no duplicate UI-language card. */
.profile-page{
  --account-red:#ed1717;
  --account-red-soft:rgba(237,23,23,.18);
  --account-panel:#080c11;
  padding-top:28px!important;
  background:
    linear-gradient(90deg,rgba(237,23,23,.025) 1px,transparent 1px) 0 0/68px 68px,
    radial-gradient(ellipse at 14% 17%,rgba(237,23,23,.12),transparent 31%),
    radial-gradient(ellipse at 82% 4%,rgba(47,92,142,.055),transparent 24%),
    #040609!important;
}
@media(min-width:901px){
  .profile-page .profile-shell{
    width:min(1320px,100%)!important;
    grid-template-columns:330px minmax(0,1fr)!important;
    gap:16px!important;
  }
}
.profile-page .profile-card,
.profile-page .profile-editor{
  border-radius:0!important;
  border-color:rgba(255,255,255,.095)!important;
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));
  box-shadow:0 24px 70px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.profile-page .profile-card{
  padding:18px 16px 16px!important;
  border-left:1px solid rgba(237,23,23,.33)!important;
  background:
    linear-gradient(110deg,rgba(237,23,23,.085),transparent 30%),
    linear-gradient(155deg,#0b1016,#06090d 72%)!important;
}
.profile-page .profile-card:after{
  content:"";
  position:absolute;
  top:0;left:0;width:92px;height:3px;
  background:linear-gradient(90deg,#ed1717,transparent);
  box-shadow:0 0 18px rgba(237,23,23,.38);
}
.profile-page .profile-avatar{
  width:68px!important;height:68px!important;
  border-color:rgba(237,23,23,.34)!important;
  background:linear-gradient(145deg,rgba(237,23,23,.23),rgba(11,15,20,.96))!important;
  box-shadow:0 0 0 4px rgba(237,23,23,.025),0 12px 28px rgba(0,0,0,.35)!important;
}
.profile-page .profile-platforms-compact{
  border-radius:0!important;
  border-color:rgba(255,255,255,.08)!important;
  background:linear-gradient(160deg,rgba(11,16,22,.94),rgba(5,8,12,.96))!important;
  box-shadow:inset 2px 0 0 rgba(237,23,23,.42)!important;
}
.profile-page .profile-platform-card{
  position:relative;
  overflow:hidden;
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);
  background:linear-gradient(120deg,rgba(255,255,255,.025),rgba(255,255,255,.008))!important;
}
.profile-page .profile-platform-card:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:rgba(255,255,255,.12);pointer-events:none;
}
.profile-page .profile-platform-card.steam:before{background:#3c97cf}
.profile-page .profile-platform-card.xbox:before{background:#4bc96c}
.profile-page .profile-platform-card.riot:before{background:#cfae5d}
.profile-page .profile-platform-state.connected{filter:drop-shadow(0 0 7px rgba(70,220,112,.16))}
.profile-page .profile-meta>div{
  border-radius:0!important;
  border-left:2px solid rgba(255,255,255,.055)!important;
  background:rgba(255,255,255,.012)!important;
}
.profile-page .profile-meta>div:hover{border-left-color:rgba(237,23,23,.55)!important}

.profile-page .profile-editor{
  position:relative;
  overflow:visible!important;
  padding:16px!important;
  border-left:1px solid rgba(237,23,23,.28)!important;
  background:
    linear-gradient(112deg,rgba(83,5,10,.08),transparent 28%),
    linear-gradient(155deg,#0a0f15,#05080c 74%)!important;
}
.profile-page .profile-editor:before{
  width:210px!important;height:96px!important;
  background:repeating-linear-gradient(135deg,rgba(237,23,23,.20) 0 1px,transparent 1px 10px)!important;
  opacity:.28!important;
}
.profile-page .profile-editor:after{
  content:"";position:absolute;left:0;top:0;width:150px;height:3px;
  background:linear-gradient(90deg,#ed1717,rgba(237,23,23,.04));
  box-shadow:0 0 18px rgba(237,23,23,.30);pointer-events:none;
}
.profile-page .profile-editor-head{
  position:relative;
  overflow:hidden;
  margin-bottom:10px!important;
  padding:12px 14px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%);
  background:linear-gradient(100deg,rgba(113,8,14,.24),rgba(11,16,22,.92) 45%,rgba(7,10,14,.97))!important;
  box-shadow:inset 4px 0 0 #ed1717!important;
}
.profile-page .profile-editor-head:after{
  content:"";position:absolute;right:18px;bottom:8px;width:86px;height:1px;background:linear-gradient(90deg,transparent,rgba(237,23,23,.42));
}
.profile-page .profile-editor-head>div>span{font-size:10px!important;letter-spacing:.15em!important}
.profile-page .profile-editor-head h2{font-size:20px!important;letter-spacing:-.02em!important}
.profile-page .profile-completion{
  border-radius:0!important;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
  background:rgba(55,184,100,.075)!important;
}

@media(min-width:820px){
  .profile-page .profile-form-grid:not(.profile-privacy-row){
    grid-template-columns:minmax(0,1.25fr) minmax(180px,.85fr) minmax(160px,.72fr)!important;
  }
  .profile-page .profile-privacy-row{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr)!important}
}
.profile-page .profile-form-grid>.auth-field,
.profile-page .profile-bio-field,
.profile-page .profile-avatar-picker,
.profile-page .profile-invite-preference,
.profile-page .profile-security-note{
  border-radius:0!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(150deg,rgba(12,17,23,.86),rgba(6,9,13,.82))!important;
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);
}
.profile-page .profile-form-grid>.auth-field>span,
.profile-page .profile-bio-field>span{
  color:#87919a!important;font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase;
}
.profile-page .profile-form-grid>.auth-field:hover,
.profile-page .profile-bio-field:hover,
.profile-page .profile-avatar-picker:hover,
.profile-page .profile-invite-preference:hover{
  border-color:rgba(237,23,23,.26)!important;
  box-shadow:inset 2px 0 0 rgba(237,23,23,.38)!important;
}
.profile-page input[type="text"],
.profile-page select,
.profile-page textarea{
  border-radius:0!important;
  background:#070b10!important;
}

.profile-page .profile-location-card{
  position:relative;
  overflow:hidden;
  padding:11px!important;
  border-radius:0!important;
  border:1px solid rgba(237,23,23,.18)!important;
  clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));
  background:
    linear-gradient(110deg,rgba(115,7,13,.15),transparent 34%),
    linear-gradient(145deg,rgba(10,15,20,.92),rgba(5,8,12,.94))!important;
  box-shadow:inset 3px 0 0 #d9151a!important;
}
.profile-page .profile-location-card:before{
  content:"";position:absolute;right:-26px;top:-20px;width:150px;height:64px;transform:rotate(8deg);
  background:repeating-linear-gradient(135deg,rgba(237,23,23,.13) 0 1px,transparent 1px 9px);pointer-events:none;
}
.profile-page .profile-location-head{position:relative;z-index:1}
.profile-page .profile-location-title-wrap>span{font-size:10px!important;letter-spacing:.14em!important}
.profile-page .profile-location-title-wrap h3{font-size:14px!important;letter-spacing:-.01em!important}
.profile-page .profile-location-grid .profile-help-field{
  padding:7px 8px!important;border-radius:0!important;border-color:rgba(255,255,255,.075)!important;background:rgba(5,9,13,.58)!important;
}
.profile-page .profile-location-visibility>label{
  border-radius:0!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(7,11,15,.66)!important;
}
.profile-page .profile-location-visibility>label:has(input:checked){
  border-color:rgba(237,23,23,.20)!important;
  box-shadow:inset 2px 0 0 rgba(237,23,23,.55)!important;
}
.profile-page .profile-location-preview{
  border-radius:0!important;border-color:rgba(73,210,126,.13)!important;background:rgba(52,177,99,.035)!important;
}

.profile-page .profile-section-title{
  position:relative;
  margin:13px 0 7px!important;
  padding:0 34px 6px 8px!important;
  border-bottom:1px solid rgba(255,255,255,.06);
  border-left:2px solid rgba(237,23,23,.72);
}
.profile-page .profile-section-title:after{
  content:"";position:absolute;left:0;bottom:-1px;width:88px;height:1px;background:linear-gradient(90deg,#ed1717,transparent);
}
.profile-page .profile-section-title>div>span{color:#ff4d53!important;font-size:10px!important;letter-spacing:.15em!important}
.profile-page .profile-section-title h3{font-size:13px!important;letter-spacing:.01em!important}
.profile-page .profile-section-help{position:absolute!important;right:4px;bottom:6px}

.profile-page .language-picker{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
.profile-page .language-choice{
  width:auto!important;min-width:118px;min-height:34px!important;padding:0 10px!important;
  border-radius:0!important;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);
  background:rgba(7,11,15,.76)!important;
}
.profile-page .language-choice:has(input:checked){
  border-color:rgba(237,23,23,.36)!important;
  background:linear-gradient(90deg,rgba(115,8,14,.24),rgba(8,12,16,.82))!important;
  box-shadow:inset 2px 0 0 #ed1717!important;
}
.profile-page .game-picker{border:0!important;background:transparent!important;display:grid!important;gap:5px!important}
.profile-page .game-pick-row{
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);
  background:linear-gradient(100deg,rgba(10,15,20,.88),rgba(6,9,13,.82))!important;
}
.profile-page .game-pick-row:has(.game-check input:checked){
  border-color:rgba(237,23,23,.20)!important;
  box-shadow:inset 2px 0 0 rgba(237,23,23,.65)!important;
  background:linear-gradient(100deg,rgba(93,8,13,.17),rgba(7,11,15,.88) 37%)!important;
}
.profile-page .profile-actions{
  border-top:1px solid rgba(237,23,23,.13)!important;
}
.profile-page .profile-actions .auth-submit{
  min-width:190px;border-radius:0!important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
  box-shadow:0 0 22px rgba(237,23,23,.10)!important;
}

/* Help: external script handles polished popover; title remains a native fallback. */
.profile-help-tip{
  width:18px!important;height:18px!important;min-width:18px!important;
  display:inline-grid!important;place-items:center!important;
  padding:0!important;
  border:1px solid rgba(237,23,23,.24)!important;
  border-radius:0!important;
  background:linear-gradient(145deg,rgba(84,7,12,.38),rgba(8,12,16,.96))!important;
  color:#ff6a6f!important;
  font-size:10px!important;font-weight:1000!important;font-style:normal!important;line-height:1!important;
  clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);
  cursor:help!important;
}
.profile-help-tip:hover,.profile-help-tip:focus-visible,.profile-help-tip[aria-expanded="true"]{
  border-color:rgba(255,80,85,.76)!important;
  background:rgba(139,9,16,.62)!important;
  color:#fff!important;
  box-shadow:0 0 16px rgba(237,23,23,.28)!important;
  outline:none!important;
}
.profile-help-tip.is-inline{width:16px!important;height:16px!important;min-width:16px!important;font-size:10px!important}
.profile-help-popover{
  z-index:2147483646!important;
  max-width:min(340px,calc(100vw - 24px))!important;
  padding:10px 12px 11px!important;
  border:1px solid rgba(237,23,23,.42)!important;
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
  background:linear-gradient(145deg,#12181f,#080c11 72%)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.68),inset 3px 0 0 #ed1717,0 0 22px rgba(237,23,23,.08)!important;
  color:#e1e6ea!important;
  font-size:10.5px!important;
  line-height:1.5!important;
}
.profile-help-popover:before{left:var(--tip-arrow-left,50%)!important}

@media(max-width:819px){
  .profile-page .profile-form-grid:not(.profile-privacy-row){grid-template-columns:1fr 1fr!important}
  .profile-page .profile-form-grid:not(.profile-privacy-row)>.auth-field:nth-child(3){grid-column:1/-1}
}
@media(max-width:640px){
  .profile-page{padding-top:16px!important}
  .profile-page .profile-card,.profile-page .profile-editor{clip-path:none!important}
  .profile-page .profile-form-grid:not(.profile-privacy-row),.profile-page .profile-privacy-row{grid-template-columns:1fr!important}
  .profile-page .profile-form-grid:not(.profile-privacy-row)>.auth-field:nth-child(3){grid-column:auto}
  .profile-page .profile-location-card{clip-path:none!important}
  .profile-page .profile-section-title{padding-left:7px!important}
  .profile-page .profile-actions .auth-submit{width:100%;min-width:0}
}


/* ===== ARENACTIVE v1.48.5.187 — Epic EAS identity card ===== */
.profile-platform-card.epic-identity-card{
  position:relative;
  overflow:hidden;
  border-color:rgba(220,228,236,.19)!important;
  background:
    radial-gradient(circle at 102% -8%,rgba(255,255,255,.105),transparent 34%),
    linear-gradient(145deg,rgba(19,23,29,.98),rgba(5,8,12,.995) 62%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 32px rgba(0,0,0,.12);
}
.profile-platform-card.epic-identity-card:before{
  content:"";position:absolute;inset:0 auto 0 0;width:3px;
  background:linear-gradient(180deg,#f4f6f8 0 33%,#ed1717 33% 66%,rgba(237,23,23,0) 100%);
  opacity:.95;pointer-events:none;
}
.profile-platform-card.epic-identity-card:after{
  content:"";position:absolute;right:-12px;top:-10px;width:92px;height:42px;opacity:.28;pointer-events:none;
  background:repeating-linear-gradient(132deg,transparent 0 8px,rgba(255,255,255,.12) 8px 9px);
  transform:skewX(-12deg);
}
.profile-platform-card.epic-identity-card.is-connected{border-color:rgba(73,216,137,.23)!important}
.profile-platform-card.epic-identity-card .epic-card-head{position:relative;z-index:1;padding-left:12px!important}
.profile-platform-card.epic-identity-card .epic-mark{
  border-color:rgba(255,255,255,.24)!important;
  background:linear-gradient(145deg,#242a31,#080b0f)!important;
  color:#f7f8f9!important;font-weight:1000!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 0 1px rgba(0,0,0,.32);
}
.profile-platform-card.epic-identity-card .profile-platform-copy strong{color:#fff!important;letter-spacing:.01em}
.profile-platform-card.epic-identity-card .profile-platform-copy small{color:#8f9aa3!important;max-width:184px!important}
.profile-platform-state.epic-ready{display:inline-flex;align-items:center;gap:5px;color:#dce3e8!important;font-size:10px!important;font-weight:1000!important;letter-spacing:.055em;white-space:nowrap}
.profile-platform-state.epic-ready i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.48)}
.profile-platform-card.epic-identity-card .epic-connect-body,
.profile-platform-card.epic-identity-card .epic-connected-body{
  position:relative;z-index:1;border-top-color:rgba(255,255,255,.07)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.018),rgba(237,23,23,.018))!important;
}
.profile-platform-card.epic-identity-card .epic-connect-copy{min-width:0;display:grid;gap:2px}
.profile-platform-card.epic-identity-card .epic-connect-copy>span{color:#69747d;font-size:10px;font-weight:1000;letter-spacing:.09em}
.profile-platform-card.epic-identity-card .epic-connect-copy>strong{overflow:hidden;text-overflow:ellipsis;color:#dce3e8;font-size:10px;font-weight:900;white-space:nowrap}
.profile-platform-card.epic-identity-card .epic-connect{
  flex:0 0 auto;min-height:31px!important;padding:0 11px!important;
  border:1px solid rgba(255,255,255,.40)!important;border-radius:7px!important;
  background:linear-gradient(180deg,#f7f8f9,#cfd5da)!important;
  color:#07090c!important;font-size:10px!important;font-weight:1000!important;letter-spacing:.035em!important;
  box-shadow:0 5px 14px rgba(0,0,0,.22),inset 0 1px 0 #fff;
}
.profile-platform-card.epic-identity-card .epic-connect:hover{
  border-color:rgba(255,82,88,.72)!important;background:linear-gradient(180deg,#fff,#f0d6d7)!important;color:#9d1117!important;
  transform:translateY(-1px);
}
.profile-platform-card.epic-identity-card .epic-connect-body.is-disabled{opacity:.62}
@media(max-width:430px){
  .profile-platform-card.epic-identity-card .epic-connect-body{align-items:flex-start!important;flex-direction:column!important}
  .profile-platform-card.epic-identity-card .epic-connect{width:100%;justify-content:center}
}

/* Privacy contact prominence: visible without opening an accordion. */
.legal-contact-card{position:relative;display:grid;grid-template-columns:4px minmax(0,1fr);margin-top:14px;border:1px solid rgba(239,37,44,.25);background:radial-gradient(circle at 88% 18%,rgba(239,37,44,.10),transparent 34%),linear-gradient(135deg,rgba(15,19,25,.99),rgba(7,10,14,.99));box-shadow:0 14px 38px rgba(0,0,0,.18);overflow:hidden}
.legal-contact-accent{background:linear-gradient(180deg,#ff4f55,#a90f15)}
.legal-contact-copy{padding:22px 24px 20px}
.legal-contact-eyebrow{display:block;margin-bottom:7px;color:#ff565c;font-size:10px;font-weight:950;letter-spacing:1.15px;text-transform:uppercase}
.legal-contact-card h2{margin:0;color:#f3f5f6;font-size:20px;line-height:1.15;letter-spacing:-.25px}
.legal-contact-card p{max-width:850px;margin:8px 0 0;color:#9da7b0;font-size:12.5px;line-height:1.65}
.legal-contact-actions{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:9px;margin-top:16px}
.legal-contact-action{display:flex;flex-direction:column;justify-content:center;min-height:58px;padding:10px 14px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.018);text-decoration:none;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.legal-contact-action span{color:#717c87;font-size:10px;font-weight:950;letter-spacing:.8px;text-transform:uppercase}
.legal-contact-action strong{margin-top:4px;color:#dce1e5;font-size:12.2px;font-weight:850;overflow-wrap:anywhere}
.legal-contact-action:hover,.legal-contact-action:focus-visible{border-color:rgba(239,37,44,.42);background:rgba(239,37,44,.045);transform:translateY(-1px)}
.legal-contact-action-primary{border-color:rgba(239,37,44,.34);background:rgba(239,37,44,.065)}
.legal-contact-action-primary strong{color:#ff666c}
.legal-contact-note{padding-top:10px!important;border-top:1px solid rgba(255,255,255,.055);color:#737f8a!important;font-size:10px!important}
.legal-block-featured{border-color:rgba(239,37,44,.22)!important;box-shadow:inset 3px 0 rgba(239,37,44,.52)}
.legal-block-featured>summary{background:linear-gradient(90deg,rgba(239,37,44,.06),transparent 58%)}
.legal-block-featured .legal-block-number{border-color:rgba(239,37,44,.48);background:rgba(239,37,44,.09);color:#ff6268}
@media(max-width:680px){.legal-contact-copy{padding:18px 16px 17px}.legal-contact-card h2{font-size:17px}.legal-contact-card p{font-size:11.5px}.legal-contact-actions{grid-template-columns:1fr}.legal-contact-action{min-height:54px}.legal-contact-action strong{font-size:11.5px}}


/* ===== ARENACTIVE v1.48.5.188 — clearer language control + refined header utility menu ===== */
/* Language must read as an intentional interface control, not as an unexplained two-letter box. */
.locale-switcher{margin:0 2px 0 0!important;display:flex!important;align-items:center!important}
.locale-switcher-control{
  position:relative!important;width:72px!important;height:34px!important;display:block!important;
  border:1px solid rgba(255,255,255,.13)!important;border-radius:8px!important;
  background:linear-gradient(180deg,rgba(13,18,24,.98),rgba(7,10,14,.99))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
.locale-switcher-control:hover,.locale-switcher-control:focus-within{
  border-color:rgba(237,23,23,.46)!important;background:linear-gradient(180deg,rgba(25,14,18,.98),rgba(8,11,15,.99))!important;
  box-shadow:inset 0 0 0 1px rgba(237,23,23,.06),0 0 18px rgba(237,23,23,.07)!important;
}
.locale-switcher-icon{
  position:absolute;left:9px;top:50%;width:14px;height:14px;transform:translateY(-50%);pointer-events:none;z-index:2;
  fill:none;stroke:#aeb8c1;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;
  transition:stroke .16s ease;
}
.locale-switcher-chevron{
  position:absolute;right:8px;top:50%;width:9px;height:6px;transform:translateY(-50%);pointer-events:none;z-index:2;
  fill:none;stroke:#737e88;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;
}
.locale-switcher-control:hover .locale-switcher-icon,.locale-switcher-control:focus-within .locale-switcher-icon{stroke:#ff666c}
.locale-switcher select{
  appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:100%!important;margin:0!important;
  padding:0 22px 0 29px!important;border:0!important;border-radius:8px!important;outline:0!important;
  background:transparent!important;color:#f1f4f6!important;font-size:10px!important;font-weight:950!important;letter-spacing:.7px!important;
  cursor:pointer!important;line-height:34px!important;
}
.locale-switcher select option{background:#090d12;color:#edf1f4}
.locale-switcher noscript button{height:34px!important}

/* Desktop utility menu: compact trigger, branded popup, two clear destinations. */
.header-info-menu{position:relative;flex:0 0 auto;margin:0;padding:0}
.header-info-menu>summary{
  list-style:none;width:38px;height:34px;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:8px;
  background:linear-gradient(180deg,rgba(13,18,24,.98),rgba(7,10,14,.99));display:grid;place-items:center;color:#d7dde2;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
  -webkit-tap-highlight-color:transparent;
}
.header-info-menu>summary::-webkit-details-marker{display:none}
.header-more-dots{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;margin:0!important;width:auto!important;height:auto!important}
.header-more-dots i{display:block;width:4px;height:4px;border-radius:50%;background:#aeb7bf;box-shadow:0 0 0 1px rgba(255,255,255,.025);transition:background .16s ease,transform .16s ease}
.header-info-menu>summary:hover,.header-info-menu[open]>summary,.header-info-menu.has-active>summary{
  border-color:rgba(237,23,23,.48);background:linear-gradient(180deg,rgba(40,12,16,.92),rgba(10,11,15,.98));color:#fff;
  box-shadow:inset 0 0 0 1px rgba(237,23,23,.065),0 0 18px rgba(237,23,23,.08)
}
.header-info-menu>summary:hover .header-more-dots i,.header-info-menu[open]>summary .header-more-dots i{background:#f3f5f6}
.header-info-menu[open]>summary .header-more-dots i:nth-child(2){background:#ff4f55;transform:translateY(-1px);box-shadow:0 0 8px rgba(237,23,23,.42)}
.header-info-panel{
  position:absolute;top:calc(100% + 11px);right:0;width:272px;padding:9px;border:1px solid rgba(255,255,255,.12);border-radius:11px;
  background:radial-gradient(circle at 90% 0,rgba(237,23,23,.085),transparent 36%),linear-gradient(145deg,rgba(12,16,21,.995),rgba(6,9,13,.995));
  box-shadow:0 22px 58px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(20px);z-index:125;
  display:grid;gap:6px;overflow:visible;
}
.header-info-panel:before{content:"";position:absolute;right:14px;top:-5px;width:9px;height:9px;border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12);background:#0c1015;transform:rotate(45deg)}
.header-info-panel:after{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;background:linear-gradient(90deg,rgba(237,23,23,.72),rgba(237,23,23,.08) 48%,transparent)}
.header-info-panel-heading{padding:8px 9px 9px;border-bottom:1px solid rgba(255,255,255,.065);display:grid;gap:3px}
.header-info-panel-heading strong{color:#f4f6f8;font-size:10px;font-weight:1000;letter-spacing:.11em}
.header-info-panel-heading span{color:#6f7a84;font-size:10px;font-weight:700;letter-spacing:.015em}
.header-info-panel a{
  position:relative;min-height:58px;padding:0 10px;border:1px solid transparent;border-radius:8px;
  display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;color:#d1d7dc;
  background:rgba(255,255,255,.012);transition:border-color .16s ease,background .16s ease,transform .16s ease,color .16s ease
}
.header-info-panel a>.header-info-option-icon{
  width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.105);border-radius:8px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));color:#cfd6dc
}
.header-info-option-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.header-info-panel a>.header-info-option-copy{width:auto;height:auto;min-width:0;border:0;border-radius:0;background:transparent;display:grid;place-items:initial;gap:3px;color:inherit}
.header-info-panel a .header-info-option-copy strong{color:#e8ecef;font-size:11.2px;font-weight:950;letter-spacing:.35px;line-height:1.1}
.header-info-panel a .header-info-option-copy small{color:#76818b;font-size:10px;font-weight:650;line-height:1.25;white-space:normal}
.header-info-panel a>.header-info-option-arrow{width:18px;height:24px;border:0;border-radius:0;background:transparent;display:grid;place-items:center;color:#626d77}
.header-info-option-arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.header-info-panel a:hover,.header-info-panel a:focus-visible,.header-info-panel a.active{
  outline:none;border-color:rgba(237,23,23,.28);background:linear-gradient(90deg,rgba(237,23,23,.085),rgba(255,255,255,.018));color:#fff;transform:translateX(1px)
}
.header-info-panel a:hover>.header-info-option-icon,.header-info-panel a:focus-visible>.header-info-option-icon,.header-info-panel a.active>.header-info-option-icon{
  border-color:rgba(237,23,23,.38);background:rgba(237,23,23,.085);color:#ff666c
}
.header-info-panel a:hover>.header-info-option-arrow,.header-info-panel a:focus-visible>.header-info-option-arrow,.header-info-panel a.active>.header-info-option-arrow{color:#ff5d63}
.header-info-panel a.active:before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:2px;background:#ed1717;box-shadow:0 0 9px rgba(237,23,23,.45)}

/* The privacy/support distinction is important enough to remain comfortably readable. */
.legal-contact-note{
  margin-top:14px!important;padding-top:12px!important;border-top:1px solid rgba(255,255,255,.07)!important;
  color:#a8b2bb!important;font-size:12.5px!important;font-weight:650!important;line-height:1.58!important;letter-spacing:.005em!important
}

@media(max-width:1180px){.locale-switcher-control{width:68px!important}.locale-switcher select{padding-left:28px!important}}
@media(max-width:980px){.header-info-menu{display:none}}
@media(max-width:760px){.locale-switcher-control{width:66px!important;height:32px!important}.locale-switcher select{height:32px!important;line-height:32px!important;font-size:10px!important}.locale-switcher noscript button{height:32px!important}}
@media(max-width:680px){.legal-contact-note{font-size:12px!important;line-height:1.58!important}}
.header-info-panel a:hover>.header-info-option-copy,
.header-info-panel a:focus-visible>.header-info-option-copy,
.header-info-panel a.active>.header-info-option-copy{width:auto;height:auto;border:0;background:transparent;color:inherit}

/* ===== ARENACTIVE v1.48.5.189 — privacy rights visible immediately + clear Support action ===== */
/* Keep the privacy contact panel self-contained: reviewers and players should see rights and contact without opening any accordion. */
.legal-contact-rights{
  margin-top:16px;padding:14px 0 15px;border-top:1px solid rgba(255,255,255,.065);border-bottom:1px solid rgba(255,255,255,.065)
}
.legal-contact-rights>strong{
  display:block;margin:0 0 10px;color:#c7d0d7;font-size:10px;font-weight:950;letter-spacing:.9px;text-transform:uppercase
}
.legal-contact-rights ul{
  list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px
}
.legal-contact-rights li{
  position:relative;min-height:38px;margin:0;padding:9px 10px 9px 25px;border:1px solid rgba(255,255,255,.07);border-radius:5px;
  background:rgba(255,255,255,.018);color:#bac4cc;font-size:11.4px;font-weight:720;line-height:1.35;display:flex;align-items:center
}
.legal-contact-rights li:before{
  content:"";position:absolute;left:10px;top:50%;width:6px;height:6px;border:1px solid rgba(255,72,80,.85);transform:translateY(-50%) rotate(45deg);
  background:rgba(237,23,23,.08);box-shadow:0 0 8px rgba(237,23,23,.08)
}
.legal-contact-footer{
  margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:18px
}
.legal-contact-footer .legal-contact-note{
  flex:1;min-width:0;margin:0!important;padding:0!important;border:0!important;color:#aeb8c0!important;font-size:12.5px!important;font-weight:650!important;line-height:1.58!important
}
.legal-support-button{
  flex:0 0 auto;min-height:38px;padding:0 15px;border:1px solid rgba(237,23,23,.42);border-radius:5px;
  background:linear-gradient(180deg,rgba(237,23,23,.13),rgba(110,10,14,.10));color:#f2f4f5;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:950;letter-spacing:.7px;text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .16s ease,background .16s ease,transform .16s ease,color .16s ease
}
.legal-support-button span{color:#ff6268;font-size:15px;line-height:1;transform:translateY(-1px)}
.legal-support-button:hover,.legal-support-button:focus-visible{
  outline:none;border-color:rgba(255,80,87,.72);background:linear-gradient(180deg,rgba(237,23,23,.22),rgba(115,10,14,.15));color:#fff;transform:translateY(-1px)
}
@media(max-width:900px){.legal-contact-rights ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  .legal-contact-rights li{font-size:11.2px}
  .legal-contact-footer{align-items:stretch;flex-direction:column;gap:11px}
  .legal-support-button{width:100%}
}
@media(max-width:430px){.legal-contact-rights ul{grid-template-columns:1fr}}


/* ARENACTIVE Fortnite — keep the verified Epic Display Name visible in compact member cards.
   The previous side action could consume the whole first row and visually hide the actual
   identity value. Epic identity now gets a full-width profile row and a separate compact action. */
.lobby-slot.has-epic-member-identity{
  flex-wrap:wrap;
  align-content:flex-start;
  row-gap:6px !important;
}
.lobby-slot.has-epic-member-identity .lobby-slot-profile{
  flex:1 1 100%;
  width:100%;
  max-width:100%;
}
.lobby-slot.has-epic-member-identity .lobby-slot-profile>div{
  width:100%;
  min-width:0;
}
.lobby-slot.has-epic-member-identity .lobby-member-platforms{
  width:100%;
  margin-top:5px;
  padding-right:0;
}
.lobby-slot.has-epic-member-identity .lobby-member-verified-identity{
  display:grid;
  grid-template-columns:1fr;
  gap:2px;
  width:100%;
  max-width:100%;
  padding:4px 6px;
}
.lobby-slot.has-epic-member-identity .lobby-member-verified-identity>b{
  min-width:0;
  font-size:10px;
  line-height:1.1;
  letter-spacing:.045em;
}
.lobby-slot.has-epic-member-identity .lobby-member-verified-identity>span{
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f3f6f8;
  font-size:10.8px;
  font-weight:950;
  line-height:1.25;
}
.lobby-slot.has-epic-member-identity .lobby-slot-actions{
  flex:1 1 100%;
  width:100%;
  margin-left:37px;
  align-items:flex-start;
}
.lobby-slot.has-epic-member-identity .lobby-member-identity-copy{
  min-height:24px;
  padding:0 8px;
  font-size:10px;
  letter-spacing:.03em;
}
@media(max-width:640px){
  .lobby-slot.has-epic-member-identity .lobby-slot-actions{margin-left:37px;width:calc(100% - 37px)}
}


/* ARENACTIVE PC stabilization — voice presence, platform privacy and Warzone requirements. */
.lobby-member-connected-platforms{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:5px;min-width:0;max-width:100%}
.lobby-member-connected-platforms .lobby-platform-badge span{font-weight:850;letter-spacing:0;text-transform:none}

.lobby-voice-presence-preview{margin-top:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(4,7,10,.34)}
.lobby-voice-presence-preview[hidden]{display:none!important}
.lobby-voice-presence-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:#7f8b94;font-size:10.5px;font-weight:950;letter-spacing:.055em}
.lobby-voice-presence-head b{display:grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border:1px solid rgba(75,214,134,.18);border-radius:999px;background:rgba(75,214,134,.055);color:#78dda0;font-size:10px}
.lobby-voice-presence-list{display:flex;flex-wrap:wrap;gap:6px}
.lobby-voice-presence-list>span{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;padding:5px 7px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:rgba(255,255,255,.018)}
.lobby-voice-presence-list i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#4bd686;box-shadow:0 0 0 3px rgba(75,214,134,.055)}
.lobby-voice-presence-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dfe7eb;font-size:11.5px}
.lobby-voice-presence-list small{color:#808c95;font-size:10px;font-weight:900;white-space:nowrap}
.lobby-voice-presence-empty{margin:0;color:#8f9aa3;font-size:11.5px;line-height:1.4}
.lobby-voice-presence-empty[hidden]{display:none!important}

/* Make the COD/Warzone microphone + rank requirement cards read as one pair. */
.lobby-requirements-grid{align-items:stretch!important}
.lobby-requirement-check,.lobby-rank-select{min-height:82px!important;padding:11px 12px!important;border-color:rgba(255,255,255,.095)!important;box-shadow:0 8px 22px rgba(0,0,0,.11)!important}
.lobby-requirement-check{gap:11px!important}
.requirement-icon{width:38px!important;height:38px!important;border-radius:10px!important}
.lobby-requirement-switch{width:38px!important;height:22px!important}
.lobby-requirement-switch i{width:14px!important;height:14px!important}
.lobby-requirement-check input:checked~.lobby-requirement-switch i{left:19px!important}
.lobby-rank-select{grid-template-columns:auto minmax(0,1fr) minmax(126px,auto)!important;gap:11px!important}
.lobby-rank-select select{height:40px!important;font-size:12px!important}
@media(max-width:640px){.lobby-member-connected-platforms{gap:4px}.lobby-rank-select{grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"icon copy" "select select"!important}}

/* v1.48.5.252 — readability pass: explicit text below 10px was raised to a 10px minimum across site CSS. */

/* ===== ARENACTIVE v1.48.5.276 — Captain Takeover notice ===== */
.lobby-captain-takeover-notice{position:fixed;top:84px;right:18px;z-index:2600;width:min(390px,calc(100vw - 36px));display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:center;padding:14px 16px;border:1px solid rgba(237,23,23,.42);border-radius:12px;background:linear-gradient(145deg,rgba(15,18,23,.985),rgba(7,9,12,.99));box-shadow:0 20px 55px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.045);opacity:0;transform:translateY(-9px) scale(.985);pointer-events:none;transition:opacity .26s ease,transform .26s ease;overflow:hidden}
.lobby-captain-takeover-notice::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#ed1717;box-shadow:0 0 20px rgba(237,23,23,.55)}
.lobby-captain-takeover-notice.is-visible{opacity:1;transform:none}
.lobby-captain-takeover-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(237,23,23,.45);border-radius:10px;background:radial-gradient(circle at 35% 28%,rgba(237,23,23,.27),rgba(237,23,23,.06) 52%,rgba(255,255,255,.015));font-size:18px;font-weight:1000;font-style:italic;color:#fff;text-shadow:0 0 16px rgba(237,23,23,.55)}
.lobby-captain-takeover-notice>div{min-width:0}
.lobby-captain-takeover-kicker{display:block;margin-bottom:3px;color:#ff4b50;font-size:9px;font-weight:950;letter-spacing:.16em}
.lobby-captain-takeover-notice strong{display:block;font-size:13px;font-weight:1000;letter-spacing:.035em}
.lobby-captain-takeover-notice p{margin:4px 0 0;color:#aeb6bf;font-size:10px;line-height:1.45;font-weight:700}
@media(max-width:600px){.lobby-captain-takeover-notice{top:70px;right:12px;width:calc(100vw - 24px);grid-template-columns:40px 1fr;padding:12px 13px}.lobby-captain-takeover-mark{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.lobby-captain-takeover-notice{transition:none}}

/* ===== ARENACTIVE v1.48.5.277 — universal Quick Match game directory =====
   The homepage Quick Match can now search both Integrated and curated
   Community Games without turning the right rail into one long mixed list. */
.home-player-search .home-quick-game-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin:0 0 8px;
}
.home-player-search .home-quick-game-tab{
  min-width:0;
  min-height:34px;
  padding:6px 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px 9px 4px 4px;
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.008)),#080c11;
  color:#7f8993;
  font:inherit;
  font-size:9.2px;
  font-weight:950;
  line-height:1.1;
  letter-spacing:.035em;
  text-transform:uppercase;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;
}
.home-player-search .home-quick-game-tab>span:last-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-player-search .home-quick-game-tab b{color:inherit;font-weight:1000;opacity:.85}
.home-player-search .quick-tab-mark{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.10);
  border-radius:5px;
  background:#0b1016;
  color:#aeb7bf;
  font-size:8px;
  font-weight:1000;
}
.home-player-search .quick-tab-mark.is-community{font-size:12px}
.home-player-search .home-quick-game-tab:hover{border-color:rgba(255,255,255,.17);color:#cbd2d8}
.home-player-search .home-quick-game-tab.is-active{
  border-color:rgba(237,23,23,.62);
  background:linear-gradient(180deg,rgba(237,23,23,.24),rgba(111,8,12,.15)),#0b0d11;
  color:#fff;
  box-shadow:inset 0 -2px 0 #ed1717,0 7px 18px rgba(93,4,8,.12);
}
.home-player-search .home-quick-game-tab.is-active .quick-tab-mark{
  border-color:rgba(255,101,107,.34);
  background:rgba(237,23,23,.15);
  color:#ff777c;
}
.home-player-search .quick-game-choice-group{
  margin-bottom:10px;
}
.home-player-search .quick-game-choice-group[hidden]{display:none!important}
.home-player-search .quick-game-grid{
  max-height:222px;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-right:3px;
  scrollbar-width:thin;
  scrollbar-color:rgba(237,23,23,.42) rgba(255,255,255,.035);
}
.home-player-search .quick-game-grid::-webkit-scrollbar{width:5px}
.home-player-search .quick-game-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:99px}
.home-player-search .quick-game-grid::-webkit-scrollbar-thumb{background:rgba(237,23,23,.42);border-radius:99px}
.home-player-search .quick-game-grid .home-choice-body{
  min-height:47px;
  padding:6px 8px;
}
.home-player-search .quick-game-grid .home-choice-game-art{
  width:32px;
  height:32px;
  border-radius:8px;
}
.home-player-search .quick-game-grid .home-choice-copy strong{
  font-size:9.8px;
}
.home-player-search .home-game-presence{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  margin-top:3px;
  color:#7f8a94;
  font-size:8.2px;
  font-weight:800;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.home-player-search .home-game-presence i{
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:50%;
  background:#3ed47d;
  box-shadow:0 0 0 3px rgba(62,212,125,.07);
}
.home-player-search .game-choice-card.is-community .home-choice-body{
  background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.009)),#080c11;
}
.home-player-search .game-choice-card.is-community .community-game-art>i{
  position:absolute;
  inset:auto 4px 3px auto;
  z-index:3;
  width:auto;
  height:auto;
  color:#fff;
  font-size:8px;
  font-style:normal;
  font-weight:1000;
  line-height:1;
  letter-spacing:.02em;
  text-shadow:0 1px 4px rgba(0,0,0,.8);
  box-shadow:none;
  background:none;
}
@media(max-width:420px){
  .home-player-search .home-quick-game-tab{font-size:8.7px;padding-inline:6px}
  .home-player-search .quick-game-grid{max-height:246px}
}

/* ===== ARENACTIVE v1.48.5.191 — account progressive sections =====
   Keeps the full account feature set, but shows one clear task at a time. */
.profile-page [hidden]{display:none!important}
.profile-page .account-section-nav{
  display:grid;
  gap:6px;
  margin:16px 0 13px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.065);
}
.profile-page .account-section-button{
  width:100%;
  min-height:50px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 10px;
  align-items:center;
  gap:9px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.065);
  border-left:2px solid rgba(255,255,255,.055);
  border-radius:0;
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);
  background:linear-gradient(105deg,rgba(255,255,255,.018),rgba(5,8,12,.72));
  color:#c7cdd3;
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
}
.profile-page .account-section-button:hover{
  transform:translateX(2px);
  border-color:rgba(255,255,255,.12);
  border-left-color:rgba(237,23,23,.45);
  background:linear-gradient(105deg,rgba(96,8,13,.11),rgba(6,9,13,.80));
}
.profile-page .account-section-button.is-active{
  border-color:rgba(237,23,23,.20);
  border-left-color:#ed1717;
  background:linear-gradient(98deg,rgba(116,8,14,.30),rgba(8,12,17,.91) 54%,rgba(6,9,13,.94));
  box-shadow:inset 2px 0 0 rgba(237,23,23,.52),0 0 22px rgba(237,23,23,.055);
  color:#fff;
}
.profile-page .account-nav-index{
  color:#59636d;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.08em;
}
.profile-page .account-section-button.is-active .account-nav-index{color:#ff555a}
.profile-page .account-nav-copy{min-width:0;display:grid;gap:2px}
.profile-page .account-nav-copy strong{
  color:inherit;
  font-size:10.5px;
  line-height:1.15;
  font-weight:1000;
  letter-spacing:.055em;
}
.profile-page .account-nav-copy small{
  overflow:hidden;
  color:#717c86;
  font-size:9px;
  line-height:1.25;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.profile-page .account-section-button.is-active .account-nav-copy small{color:#9aa4ad}
.profile-page .account-section-button>i{
  width:7px;height:7px;
  border-top:1px solid #5d6872;
  border-right:1px solid #5d6872;
  transform:rotate(45deg);
  justify-self:end;
}
.profile-page .account-section-button.is-active>i{border-color:#ff5b60}

.profile-page .account-panel{
  min-width:0;
  animation:account-panel-enter .16s ease-out;
}
@keyframes account-panel-enter{from{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:none}}
.profile-page .account-panel-head{
  position:relative;
  min-height:56px;
  display:flex;
  align-items:center;
  margin:1px 0 10px;
  padding:9px 12px 10px;
  border:1px solid rgba(255,255,255,.065);
  border-left:2px solid rgba(237,23,23,.70);
  background:linear-gradient(105deg,rgba(92,7,12,.16),rgba(7,11,15,.72) 46%,rgba(5,8,12,.80));
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);
}
.profile-page .account-panel-head:after{
  content:"";
  position:absolute;
  left:0;bottom:-1px;
  width:96px;height:1px;
  background:linear-gradient(90deg,#ed1717,transparent);
}
.profile-page .account-panel-head span{
  display:block;
  margin-bottom:2px;
  color:#ff4e54;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.15em;
}
.profile-page .account-panel-head h3{
  margin:0;
  color:#f5f6f7;
  font-size:15px;
  letter-spacing:.01em;
}
.profile-page .account-panel-head p{
  margin:3px 0 0;
  color:#7f8a94;
  font-size:9.5px;
  line-height:1.35;
}
.profile-page .account-profile-form{margin-top:0!important}
.profile-page .account-save-bar{
  margin-top:12px!important;
  padding:10px 0 0!important;
  background:linear-gradient(180deg,transparent,rgba(5,8,12,.46));
}
.profile-page .profile-privacy-row.is-single{
  grid-template-columns:minmax(220px,420px)!important;
}

.profile-page .account-platform-panel .profile-platforms-compact{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.profile-page .account-platform-panel .profile-platforms-kicker{display:none!important}
.profile-page .account-platform-panel .profile-platform-card-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px!important;
}
.profile-page .account-platform-panel .profile-platform-card{
  min-width:0;
  align-self:start;
  border-color:rgba(255,255,255,.085)!important;
  background:linear-gradient(135deg,rgba(11,16,22,.94),rgba(6,9,13,.97))!important;
}
.profile-page .account-platform-panel .profile-platform-flash{margin-top:9px!important}

.profile-page .account-security-overview-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.profile-page .account-overview-card{
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:16px;
  border:1px solid rgba(255,255,255,.075);
  border-left:2px solid rgba(237,23,23,.46);
  background:linear-gradient(145deg,rgba(12,17,23,.91),rgba(6,9,13,.94));
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);
}
.profile-page .account-overview-card>span{
  color:#ff5056;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.11em;
}
.profile-page .account-overview-card>strong{
  max-width:100%;
  margin-top:8px;
  color:#eef1f3;
  font-size:13px;
  overflow-wrap:anywhere;
}
.profile-page .account-overview-card>small{
  margin-top:7px;
  color:#7d8892;
  font-size:9.5px;
  line-height:1.5;
}
.profile-page .account-overview-card>a{
  min-height:35px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:auto;
  padding:0 13px;
  border:1px solid rgba(237,23,23,.38);
  background:linear-gradient(180deg,rgba(132,10,16,.62),rgba(70,7,11,.70));
  color:#fff;
  font-size:9.5px;
  font-weight:1000;
  letter-spacing:.045em;
  text-decoration:none;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);
}
.profile-page .account-overview-card>a:hover{border-color:rgba(255,78,84,.72);filter:brightness(1.08)}

@media(max-width:900px){
  .profile-page .account-section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-page .account-section-button:hover{transform:none}
}
@media(max-width:760px){
  .profile-page .account-platform-panel .profile-platform-card-list,
  .profile-page .account-security-overview-grid{grid-template-columns:1fr}
}
@media(max-width:540px){
  .profile-page .account-section-nav{grid-template-columns:1fr}
  .profile-page .account-section-button{min-height:46px}
  .profile-page .account-panel-head{min-height:52px;padding:8px 10px 9px}
  .profile-page .account-panel-head h3{font-size:14px}
  .profile-page .account-save-bar{align-items:stretch!important}
  .profile-page .account-save-bar .profile-action-links{width:100%}
}


/* ===== ARENACTIVE v1.48.5.299 — cinematic game platform hub ===== */
.profile-page .account-platform-head{margin-bottom:12px!important}
.profile-page .platform-hub{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.profile-page .platform-hub-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.profile-page .platform-hub-card{
  --ph-accent:#ed1717;
  --ph-accent-rgb:237,23,23;
  position:relative;
  isolation:isolate;
  min-width:0;
  min-height:238px;
  display:flex;
  flex-direction:column;
  gap:13px;
  overflow:hidden;
  padding:18px;
  border:1px solid rgba(var(--ph-accent-rgb),.42);
  background:
    radial-gradient(circle at 92% 10%,rgba(var(--ph-accent-rgb),.16),transparent 38%),
    linear-gradient(145deg,rgba(12,17,23,.985),rgba(5,8,12,.995) 66%);
  box-shadow:
    inset 2px 0 0 rgba(var(--ph-accent-rgb),.72),
    inset 0 1px 0 rgba(255,255,255,.025),
    0 18px 42px rgba(0,0,0,.24);
  clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%);
}
.profile-page .platform-hub-card:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;top:0;
  width:56%;height:1px;
  background:linear-gradient(90deg,var(--ph-accent),rgba(var(--ph-accent-rgb),.18),transparent);
  box-shadow:0 0 16px rgba(var(--ph-accent-rgb),.34);
}
.profile-page .platform-hub-card:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background:
    linear-gradient(135deg,transparent 0 68%,rgba(var(--ph-accent-rgb),.06) 68% 69%,transparent 69%),
    repeating-linear-gradient(135deg,transparent 0 16px,rgba(255,255,255,.009) 16px 17px);
}
.profile-page .platform-hub-steam{--ph-accent:#49aee5;--ph-accent-rgb:73,174,229}
.profile-page .platform-hub-riot{--ph-accent:#ed1717;--ph-accent-rgb:237,23,23}
.profile-page .platform-hub-epic{--ph-accent:#d2d7dc;--ph-accent-rgb:210,215,220}
.profile-page .platform-hub-xbox{--ph-accent:#2fc45c;--ph-accent-rgb:47,196,92}
.profile-page .platform-hub-card.is-connected{border-color:rgba(var(--ph-accent-rgb),.58)}
.profile-page .platform-hub-card-bg{
  position:absolute;
  z-index:-2;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.profile-page .platform-hub-card-bg:before{
  content:"";
  position:absolute;
  right:-42px;
  bottom:-64px;
  width:250px;
  height:250px;
  border:1px solid rgba(var(--ph-accent-rgb),.10);
  border-radius:50%;
  box-shadow:
    0 0 0 28px rgba(var(--ph-accent-rgb),.025),
    0 0 0 55px rgba(var(--ph-accent-rgb),.018);
}
.profile-page .platform-hub-card-bg span{
  position:absolute;
  right:8px;
  bottom:-6px;
  color:rgba(var(--ph-accent-rgb),.042);
  font-size:72px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.055em;
  transform:skewX(-12deg);
  user-select:none;
}
.profile-page .platform-hub-top{position:relative;z-index:2}
.profile-page .platform-hub-brand{
  min-width:0;
  display:flex;
  align-items:center;
  gap:13px;
}
.profile-page .platform-hub-logo{
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(var(--ph-accent-rgb),.58);
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 26%,rgba(255,255,255,.07),transparent 34%),
    rgba(var(--ph-accent-rgb),.09);
  color:#fff;
  box-shadow:inset 0 0 22px rgba(var(--ph-accent-rgb),.09),0 0 16px rgba(var(--ph-accent-rgb),.08);
}
.profile-page .platform-hub-logo svg{
  width:31px;
  height:31px;
  fill:none;
  stroke:#fff;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.profile-page .platform-hub-logo.riot-logo b{
  color:#ff353a;
  font-size:25px;
  font-weight:1000;
  font-style:italic;
}
.profile-page .platform-hub-logo.epic-logo{
  border-radius:13px;
  display:flex;
  flex-direction:column;
  gap:0;
  font-family:Arial,sans-serif;
}
.profile-page .platform-hub-logo.epic-logo b{font-size:16px;line-height:.95;letter-spacing:-.08em}
.profile-page .platform-hub-logo.epic-logo small{font-size:7px;line-height:1;font-weight:1000}
.profile-page .platform-hub-logo.xbox-logo b{
  color:#8effaa;
  font-size:38px;
  line-height:1;
  font-weight:300;
  transform:rotate(45deg);
}
.profile-page .platform-hub-title{
  min-width:0;
  display:grid;
  justify-items:start;
  gap:7px;
}
.profile-page .platform-hub-title>strong{
  color:#f7f8f9;
  font-size:16px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.025em;
}
.profile-page .platform-hub-status{
  min-height:22px;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(6,10,14,.72);
  color:#a7b1ba;
  font-size:8.5px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.profile-page .platform-hub-status i{
  width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;
}
.profile-page .platform-hub-status.connected{color:#61e99a;border-color:rgba(61,233,154,.34);background:rgba(21,104,62,.13)}
.profile-page .platform-hub-status.manual{color:#85d8ff;border-color:rgba(88,188,235,.28);background:rgba(37,111,147,.12)}
.profile-page .platform-hub-status.required{color:#ffd261;border-color:rgba(223,172,52,.32);background:rgba(111,75,8,.18)}
.profile-page .platform-hub-status.idle{color:#abb5be}
.profile-page .platform-hub-desc{
  position:relative;
  z-index:2;
  max-width:90%;
  margin:0;
  color:#9aa5ae;
  font-size:10.5px;
  line-height:1.45;
  font-weight:700;
}
.profile-page .platform-hub-identity{
  position:relative;
  z-index:2;
  min-width:0;
  display:grid;
  gap:3px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(3,7,10,.48);
}
.profile-page .platform-hub-identity span{
  color:#68747e;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.profile-page .platform-hub-identity strong{
  min-width:0;
  overflow:hidden;
  color:#e9edf0;
  font-size:10.5px;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profile-page .platform-hub-action-form{margin-top:auto}
.profile-page .platform-hub-action{
  position:relative;
  z-index:2;
  width:100%;
  min-height:39px;
  margin-top:auto;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 12px;
  border:1px solid rgba(var(--ph-accent-rgb),.50);
  background:linear-gradient(180deg,rgba(var(--ph-accent-rgb),.15),rgba(5,8,12,.82));
  color:#fff!important;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.035em;
  text-align:center;
  text-decoration:none!important;
  text-transform:uppercase;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease;
}
.profile-page button.platform-hub-action{font-family:inherit}
.profile-page .platform-hub-action i{
  justify-self:end;
  color:var(--ph-accent);
  font-size:20px;
  line-height:1;
  font-style:normal;
}
.profile-page .platform-hub-action:hover{
  transform:translateY(-1px);
  border-color:rgba(var(--ph-accent-rgb),.88);
  background:linear-gradient(180deg,rgba(var(--ph-accent-rgb),.24),rgba(7,10,14,.90));
  box-shadow:0 0 21px rgba(var(--ph-accent-rgb),.12);
}
.profile-page .platform-hub-action.is-disabled{
  display:flex;
  cursor:not-allowed;
  opacity:.48;
}
.profile-page .platform-hub-riot .platform-hub-action.riot-action{
  background:linear-gradient(180deg,rgba(206,20,27,.80),rgba(119,8,14,.92));
  border-color:rgba(255,58,63,.72);
  box-shadow:0 0 18px rgba(237,23,23,.12);
}
.profile-page .platform-hub-riot-form{
  position:relative;
  z-index:2;
  display:grid;
  gap:8px;
  margin-top:auto;
  padding:9px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(3,6,9,.58);
}
.profile-page .platform-hub-riot-form .league-riot-id-field{display:grid;gap:6px}
.profile-page .platform-hub-riot-form .league-riot-id-field>span{
  color:#c7d0d7;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.profile-page .platform-hub-riot-form .league-riot-input-shell{
  min-height:38px;
  border-color:rgba(255,255,255,.13)!important;
  background:#070b0f!important;
}
.profile-page .platform-hub-riot-form .league-riot-input-shell input{
  min-height:36px!important;
  font-size:11px!important;
}
.profile-page .platform-hub-riot-form .league-riot-format{
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  border:0!important;
  background:transparent!important;
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  gap:5px!important;
}
.profile-page .platform-hub-riot-form .league-riot-format span,
.profile-page .platform-hub-riot-form .league-riot-format strong,
.profile-page .platform-hub-riot-form .league-riot-format code{font-size:8px!important}
.profile-page .platform-hub-riot-form .platform-hub-action{margin-top:2px}
.profile-page .platform-hub-rso-link{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  min-height:28px;
  padding:0 9px;
  border:1px solid rgba(237,23,23,.32);
  color:#ff666a;
  font-size:8px;
  font-weight:1000;
  text-decoration:none;
  text-transform:uppercase;
}
.profile-page .platform-hub-rso-link:hover{border-color:rgba(237,23,23,.68);color:#fff}
.profile-page .platform-hub-riot-saved{
  position:relative;
  z-index:2;
  display:grid;
  gap:8px;
  margin-top:auto;
}
.profile-page .platform-hub-editor{
  border:1px solid rgba(255,255,255,.075);
  background:rgba(3,7,10,.48);
}
.profile-page .platform-hub-editor summary{
  min-height:32px;
  display:flex;
  align-items:center;
  padding:0 10px;
  color:#d8dfe4;
  font-size:8.5px;
  font-weight:1000;
  text-transform:uppercase;
  cursor:pointer;
}
.profile-page .platform-hub-editor-body{padding:0 8px 8px}
.profile-page .platform-hub-clear button{
  min-height:29px;
  border:0;
  background:transparent;
  color:#8a949d;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  cursor:pointer;
}
.profile-page .platform-hub-clear button:hover{color:#ff5c61}
.profile-page .platform-hub-notice{
  position:relative;
  z-index:2;
  display:grid;
  gap:4px;
  margin-top:auto;
  padding:10px;
  border:1px solid rgba(237,23,23,.18);
  background:rgba(58,8,11,.12);
}
.profile-page .platform-hub-notice strong{color:#fff;font-size:9px}
.profile-page .platform-hub-notice small{color:#808b94;font-size:8.5px;line-height:1.35}

.profile-page .platform-hub-card .profile-platform-flash{grid-column:1/-1}

@media(max-width:900px){
  .profile-page .platform-hub-card{min-height:220px}
}
@media(max-width:760px){
  .profile-page .platform-hub-grid{grid-template-columns:1fr}
  .profile-page .platform-hub-card{min-height:0}
}
@media(max-width:520px){
  .profile-page .platform-hub-card{padding:15px}
  .profile-page .platform-hub-logo{width:46px;height:46px;flex-basis:46px}
  .profile-page .platform-hub-title>strong{font-size:14px}
  .profile-page .platform-hub-desc{max-width:100%;font-size:10px}
  .profile-page .platform-hub-card-bg span{font-size:58px}
}

/* ===== ARENACTIVE v1.48.5.301 — curated ARENACTIVE avatars ===== */
.profile-page .profile-arena-avatar-picker{
  position:relative;
  overflow:hidden;
  border-color:rgba(237,23,23,.16)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(237,23,23,.07),transparent 34%),
    linear-gradient(180deg,rgba(9,13,18,.86),rgba(5,8,12,.72))!important;
}
.profile-page .profile-arena-avatar-picker:before{
  content:"";
  position:absolute;
  left:0;top:0;
  width:42%;height:1px;
  background:linear-gradient(90deg,#ed1717,rgba(237,23,23,.2),transparent);
  box-shadow:0 0 12px rgba(237,23,23,.22);
}
.profile-page .profile-arena-avatar-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:8px;
}
.profile-page .profile-arena-avatar-option{
  position:relative;
  min-width:0;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  padding:3px;
  cursor:pointer;
  border-radius:50%;
  -webkit-tap-highlight-color:transparent;
}
.profile-page .profile-arena-avatar-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.profile-page .profile-arena-avatar-image{
  width:100%;
  height:100%;
  min-width:0;
  display:block;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.11);
  border-radius:50%;
  background:#080b0f;
  box-shadow:0 5px 14px rgba(0,0,0,.28);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease;
}
.profile-page .profile-arena-avatar-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:50%;
}
.profile-page .profile-arena-avatar-option:hover .profile-arena-avatar-image{
  transform:translateY(-1px) scale(1.025);
  border-color:rgba(237,23,23,.66);
  box-shadow:0 0 0 2px rgba(237,23,23,.07),0 0 17px rgba(237,23,23,.18),0 7px 16px rgba(0,0,0,.3);
}
.profile-page .profile-arena-avatar-option>i{
  position:absolute;
  right:1px;
  bottom:1px;
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:#080b0f;
  color:transparent;
  font-size:9px;
  line-height:1;
  font-style:normal;
  font-weight:1000;
  opacity:0;
  transform:scale(.72);
  transition:.15s ease;
}
.profile-page .profile-arena-avatar-option:has(input:checked) .profile-arena-avatar-image{
  transform:scale(1.035);
  border-color:#ff3439;
  box-shadow:0 0 0 2px rgba(237,23,23,.12),0 0 20px rgba(237,23,23,.28),0 7px 18px rgba(0,0,0,.34);
}
.profile-page .profile-arena-avatar-option:has(input:checked)>i{
  color:#fff;
  background:#d8171d;
  border-color:#ff5055;
  box-shadow:0 0 12px rgba(237,23,23,.34);
  opacity:1;
  transform:scale(1);
}
.profile-page .profile-avatar-caption{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  padding-top:7px;
  border-top:1px solid rgba(255,255,255,.055);
}
.profile-page .profile-avatar-caption strong{
  color:#e9edf0;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.profile-page .profile-avatar-caption small{
  color:#707b85;
  font-size:9px;
  text-align:right;
}
.profile-page .profile-steam-avatar-option{
  position:relative;
  min-height:48px;
  margin-top:8px;
  padding:6px 8px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 18px;
  align-items:center;
  gap:8px;
  border:1px solid rgba(73,174,229,.16);
  border-radius:7px;
  background:rgba(5,10,14,.65);
  cursor:pointer;
  transition:.15s ease;
}
.profile-page .profile-steam-avatar-option:hover,
.profile-page .profile-steam-avatar-option:has(input:checked){
  border-color:rgba(73,174,229,.46);
  background:rgba(12,29,39,.68);
  box-shadow:inset 0 0 0 1px rgba(73,174,229,.04);
}
.profile-page .profile-steam-avatar-option>input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.profile-page .profile-steam-avatar-option .profile-avatar-option-preview{
  width:34px!important;
  height:34px!important;
  flex-basis:34px!important;
}
.profile-page .profile-steam-avatar-option>div strong{
  display:block;
  color:#edf1f4;
  font-size:10px;
}
.profile-page .profile-steam-avatar-option>div small{
  display:block;
  margin-top:2px;
  color:#78848e;
  font-size:9px;
  line-height:1.3;
}
.profile-page .profile-steam-avatar-option>i{
  width:17px;height:17px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  background:#080b0f;
  color:transparent;
  font-size:9px;
  font-style:normal;
  font-weight:1000;
}
.profile-page .profile-steam-avatar-option:has(input:checked)>i{
  color:#fff;
  border-color:rgba(73,174,229,.72);
  background:#257fae;
  box-shadow:0 0 11px rgba(73,174,229,.22);
}

/* All curated ARENACTIVE portraits remain crisp on the small social/player surfaces. */
.profile-avatar.has-image img,
.friend-avatar.has-image img,
.player-row-avatar.has-image img,
.leader-avatar.has-image img,
.lobby-member-avatar.has-image img,
.dm-avatar.has-image img,
.match-feedback-avatar.has-image img{
  object-position:center center;
}

@media(max-width:680px){
  .profile-page .profile-arena-avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .profile-page .profile-avatar-caption{display:grid;gap:2px}
  .profile-page .profile-avatar-caption small{text-align:left}
}
@media(max-width:420px){
  .profile-page .profile-arena-avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .profile-page .profile-arena-avatar-option{padding:2px}
  .profile-page .profile-arena-avatar-option>i{width:15px;height:15px;font-size:8px}
}

/* ===== ARENACTIVE v1.48.5.309 — restore Game Watch / lobby reminder control ===== */
.game-watch-control{
  max-width:560px;
  margin:18px auto 0;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.07);
  display:grid;
  justify-items:center;
  gap:7px;
}
.game-watch-button{
  min-height:38px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:7px;
  background:linear-gradient(145deg,rgba(16,20,26,.98),rgba(9,12,17,.98));
  color:#e9edf1;
  font:900 10px/1 inherit;
  letter-spacing:.35px;
  text-transform:uppercase;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.game-watch-button::before{
  content:'◌';
  margin-right:8px;
  color:#e31822;
  font-size:15px;
  line-height:1;
}
.game-watch-button:hover{
  border-color:rgba(227,24,34,.48);
  background:rgba(227,24,34,.07);
}
.game-watch-button.is-active{
  border-color:rgba(62,205,127,.36);
  background:rgba(42,151,92,.08);
  color:#dff7e9;
}
.game-watch-button.is-active::before{
  content:'✓';
  color:#55d690;
  font-size:12px;
}
.game-watch-button:disabled{
  opacity:.58;
  cursor:wait;
}
.game-watch-control>a.game-watch-button{
  text-decoration:none;
}
.game-watch-control [data-game-watch-status]{
  min-height:14px;
  color:#78838d;
  font-size:9px;
  line-height:1.4;
}
.game-watch-control [data-game-watch-status].is-ok{
  color:#6dbf8d;
}
@media(max-width:560px){
  .game-watch-button{
    width:100%;
    max-width:360px;
  }
  .game-watch-control{
    width:100%;
  }
}



/* ===== ARENACTIVE v1.48.5.310 — account readability / platform identity / direct platform recovery ===== */
.profile-page .account-section-link{box-sizing:border-box;text-decoration:none!important}
.profile-page .account-section-link:hover{color:#fff}

/* Brand marks are inline SVG so the account UI never falls back to placeholder letters. */
.profile-page .platform-hub-logo.riot-logo svg,
.profile-page .platform-hub-logo.epic-logo svg,
.profile-page .platform-hub-logo.xbox-logo svg{width:34px;height:34px}
.profile-page .platform-hub-logo.riot-logo svg{fill:#ff343a;stroke:none;filter:drop-shadow(0 0 7px rgba(237,23,23,.24))}
.profile-page .platform-hub-logo.epic-logo{border-radius:13px}
.profile-page .platform-hub-logo.epic-logo svg{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.profile-page .platform-hub-logo.epic-logo .epic-shield{fill:rgba(255,255,255,.035);stroke:#f1f3f5;stroke-width:2}
.profile-page .platform-hub-logo.epic-logo .epic-line{stroke-width:3.2}
.profile-page .platform-hub-logo.epic-logo .epic-notch{stroke-width:2.4}
.profile-page .platform-hub-logo.xbox-logo svg{fill:none;stroke:#8effaa;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(47,196,92,.20))}
.profile-page .platform-hub-logo.xbox-logo .xbox-ring{stroke-width:2.2;opacity:.92}
.profile-page .platform-hub-logo.xbox-logo .xbox-mark{stroke-width:4}

/* The account center must remain readable at normal desktop zoom. */
.profile-page .account-nav-index{font-size:10.5px!important}
.profile-page .account-nav-copy strong{font-size:11.5px!important}
.profile-page .account-nav-copy small{font-size:10.5px!important;line-height:1.35!important}
.profile-page .account-panel-head span{font-size:10.5px!important}
.profile-page .account-panel-head p{font-size:11.5px!important;line-height:1.5!important}
.profile-page .profile-editor-head .profile-head-note{font-size:11.5px!important;line-height:1.45!important}
.profile-page .profile-completion{font-size:11px!important}
.profile-page .profile-meta span{font-size:11px!important;line-height:1.35!important}
.profile-page .profile-meta strong{font-size:11.5px!important;line-height:1.35!important}
.profile-page .profile-form-grid>.auth-field>span,
.profile-page .profile-bio-field>span,
.profile-page .profile-interface-box.profile-interface-compact>span,
.profile-page .profile-interface-box.profile-interface-compact strong,
.profile-page .profile-location-title-wrap>span,
.profile-page .profile-section-title>div>span{font-size:11px!important}
.profile-page .profile-social-pref-head small,
.profile-page .profile-invite-preference small,
.profile-page .profile-avatar-caption small,
.profile-page .profile-steam-avatar-option small{font-size:11.5px!important;line-height:1.45!important}
.profile-help-popover{font-size:11.5px!important;line-height:1.55!important}

.profile-page .platform-hub-status{font-size:10.5px!important;min-height:24px}
.profile-page .platform-hub-desc{font-size:11.5px!important;line-height:1.55!important}
.profile-page .platform-hub-identity span{font-size:10.5px!important}
.profile-page .platform-hub-identity strong{font-size:11.5px!important}
.profile-page .platform-hub-action{font-size:11.5px!important}
.profile-page .platform-hub-riot-form .league-riot-id-field>span{font-size:10.5px!important}
.profile-page .platform-hub-riot-form .league-riot-format span,
.profile-page .platform-hub-riot-form .league-riot-format strong,
.profile-page .platform-hub-riot-form .league-riot-format code{font-size:10.5px!important}
.profile-page .platform-hub-rso-link,
.profile-page .platform-hub-editor summary,
.profile-page .platform-hub-clear button{font-size:10.5px!important}
.profile-page .platform-hub-notice strong{font-size:11.5px!important}
.profile-page .platform-hub-notice small{font-size:11px!important;line-height:1.45!important}

/* Security has no preview screen now, so its actual controls receive the same readable microcopy scale. */
.account-security-head>span{font-size:11px!important}
.account-security-head p{font-size:12px!important;line-height:1.65!important}
.account-security-card>span{font-size:11px!important}
.account-security-card>p{font-size:12px!important;line-height:1.6!important}
.account-secondary-button,.account-danger-button{font-size:11.5px!important}
.account-email-note{font-size:11.5px!important;line-height:1.45!important}
.account-email-note strong{font-size:12.5px!important}

/* Create-lobby guidance must be legible and actionable, especially platform requirements. */
.lobby-form-card>p{font-size:12px!important;line-height:1.55!important}
.lobby-create-modern .create-choice-group>legend{font-size:11.5px!important}
.lobby-create-modern .create-size-help,
.simple-lobby-form label small,
.lobby-language-field>small,
.simple-lobby-form label em,
.simple-lobby-cancel{font-size:11.5px!important;line-height:1.45!important}
.lobby-create-modern .create-note-field>span{font-size:11.5px!important}
.lobby-requirement-check-copy small{font-size:11.5px!important}
.auth-error,.auth-success{font-size:11.5px!important;line-height:1.5!important}
.lobby-platform-connect-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px 10px 13px!important}
.lobby-platform-connect-error>span{min-width:0;flex:1}
.lobby-platform-connect-error>a{flex:0 0 auto;min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid rgba(255,78,84,.52);background:rgba(237,23,23,.10);color:#fff;font-size:10.5px;font-weight:1000;letter-spacing:.035em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.lobby-platform-connect-error>a:hover{border-color:rgba(255,95,100,.84);background:rgba(237,23,23,.18)}
@media(max-width:560px){.lobby-platform-connect-error{align-items:stretch;flex-direction:column}.lobby-platform-connect-error>a{width:100%;box-sizing:border-box}}

/* ARENACTIVE v1.48.5.319 — compact, non-growing lobby platform discovery.
   Platform metadata stays beside the nickname and opens as an overlay, so it never
   adds a normal-flow row to the player card. */
.lobby-slot.is-player{overflow:visible;min-height:58px!important;align-items:center!important}
.lobby-slot-profile{position:relative;overflow:visible;align-items:center!important}
.lobby-slot-profile-hitbox{position:absolute;inset:0;z-index:1;border-radius:8px}
.lobby-slot-profile-copy{position:relative;z-index:2;min-width:0;max-width:100%;pointer-events:none}
.lobby-slot-name-row{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%;min-height:14px}
.lobby-slot-name-row>strong{flex:1 1 auto;display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lobby-slot-profile-copy>small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lobby-member-platform-menu{position:relative;z-index:8;display:inline-flex;flex:0 0 auto;align-items:center;max-width:100%;margin:0;vertical-align:middle;pointer-events:auto}
.lobby-member-platform-trigger{list-style:none;display:inline-flex;align-items:center;gap:2px;min-height:12px;margin:0;padding:0 2px;border:0;border-radius:3px;background:transparent;color:#55dc8c;cursor:pointer;font:inherit;font-size:8.5px;font-weight:950;line-height:1;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;-webkit-tap-highlight-color:transparent;pointer-events:auto}
.lobby-member-platform-trigger::-webkit-details-marker{display:none}
.lobby-member-platform-trigger::marker{display:none;content:""}
.lobby-member-platform-trigger b{display:inline-block;min-width:0;height:auto;padding:0;border:0;border-radius:0;background:transparent;color:#83e8ad;font-size:8px;font-weight:950;line-height:1}
.lobby-member-platform-trigger:hover,.lobby-member-platform-trigger:focus-visible{background:rgba(61,214,124,.055);color:#94edb9;outline:none}
.lobby-member-platform-popover{position:absolute;left:0;top:calc(100% + 7px);z-index:160;display:none;width:min(226px,calc(100vw - 34px));padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:linear-gradient(180deg,rgba(12,17,23,.99),rgba(7,11,15,.995));box-shadow:0 18px 44px rgba(0,0,0,.48),0 0 0 1px rgba(61,214,124,.035);text-align:left;pointer-events:auto}
.lobby-member-platform-menu[open]>.lobby-member-platform-popover,.lobby-member-platform-menu:hover>.lobby-member-platform-popover,.lobby-member-platform-menu:focus-within>.lobby-member-platform-popover{display:block}
.lobby-member-platform-popover:before{content:"";position:absolute;left:12px;top:-5px;width:9px;height:9px;border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12);background:#0c1117;transform:rotate(45deg)}
.lobby-member-platform-popover-head{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:0 1px 6px;border-bottom:1px solid rgba(255,255,255,.07)}
.lobby-member-platform-popover-head span{color:#8f9aa4;font-size:9.5px;font-weight:950;letter-spacing:.055em;text-transform:uppercase}
.lobby-member-platform-popover-head b{color:#78e8a7;font-size:9.5px;font-weight:950}
.lobby-member-platform-popover-list{display:grid;gap:4px;padding-top:6px}
.lobby-member-platform-popover-row{display:grid;grid-template-columns:minmax(62px,.72fr) minmax(0,1.28fr);align-items:center;gap:8px;min-width:0;padding:5px 6px;border:1px solid rgba(255,255,255,.055);border-radius:6px;background:rgba(255,255,255,.018)}
.lobby-member-platform-popover-row>span{position:relative;padding-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#92a09a;font-size:9.5px;font-weight:950;letter-spacing:.025em;text-transform:uppercase}
.lobby-member-platform-popover-row>span:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;background:#55dc8c;box-shadow:0 0 0 3px rgba(85,220,140,.055);transform:translateY(-50%)}
.lobby-member-platform-popover-row>strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e6ecef;font-size:10.5px!important;font-weight:900;line-height:1.2;text-align:right}
.lobby-member-match-status{position:relative;z-index:0;margin-top:3px!important;gap:3px!important}
.lobby-slot .lobby-member-match-status .lobby-platform-badge{min-height:16px;padding:2px 5px;font-size:9px!important}
.lobby-slot-actions{align-self:center!important}
.lobby-slot.is-player:has(.lobby-member-platform-menu:hover),.lobby-slot.is-player:has(.lobby-member-platform-menu[open]),.lobby-slot.is-player:has(.lobby-member-platform-menu:focus-within){z-index:90}
.lobby-room-slots:has(.lobby-member-platform-menu:hover),.lobby-room-slots:has(.lobby-member-platform-menu[open]),.lobby-room-slots:has(.lobby-member-platform-menu:focus-within){overflow:visible!important}
@media(min-width:981px){.lobby-slot:nth-child(3n) .lobby-member-platform-popover{left:auto;right:0}.lobby-slot:nth-child(3n) .lobby-member-platform-popover:before{left:auto;right:12px}}
@media(max-width:980px) and (min-width:601px){.lobby-slot:nth-child(2n) .lobby-member-platform-popover{left:auto;right:0}.lobby-slot:nth-child(2n) .lobby-member-platform-popover:before{left:auto;right:12px}}
@media(max-width:640px){.lobby-member-platform-trigger{font-size:8.5px}.lobby-member-platform-popover{width:min(220px,calc(100vw - 28px))}}


/* ARENACTIVE v1.48.5.320 — calmer lobby player cards + clearer themed lobby hero art.
   Keeps the platform discovery compact while giving captain/kick actions breathing room,
   and gives every lobby type a cleaner, more intentional cinematic background card. */
.lobby-slot.is-player{min-height:64px!important;padding:10px 12px!important;gap:10px!important;border-radius:11px}
.lobby-slot-profile{gap:10px!important}
.lobby-slot .lobby-member-avatar{width:36px;height:36px}
.lobby-slot-name-row{gap:6px!important;min-height:16px}
.lobby-slot-name-row>strong{font-size:11.8px!important}
.lobby-slot-profile-copy>small{margin-top:1px}
.lobby-member-platform-menu{margin-left:1px}
.lobby-member-platform-trigger{gap:3px!important;min-height:15px!important;padding:1px 5px!important;border-radius:999px!important;background:rgba(61,214,124,.06)!important;color:#72e3a0!important;box-shadow:inset 0 0 0 1px rgba(61,214,124,.10)}
.lobby-member-platform-trigger b{color:#97efbc!important}
.lobby-member-platform-trigger:hover,.lobby-member-platform-trigger:focus-visible{background:rgba(61,214,124,.11)!important;color:#a8f5c8!important;box-shadow:inset 0 0 0 1px rgba(61,214,124,.18)}
.lobby-member-platform-popover{top:calc(100% + 8px)!important}
.lobby-member-match-status{margin-top:4px!important;gap:4px!important}
.lobby-slot .lobby-member-match-status .lobby-platform-badge{min-height:17px;padding:2px 6px;font-size:9px!important}
.lobby-slot-actions{min-width:68px;gap:6px!important;align-self:flex-start!important}

.lobby-room-overview{box-shadow:0 22px 56px rgba(0,0,0,.24)!important}
.lobby-room-overview .lobby-detail-head{
  --lobby-hero-image:url('/assets/img/hero-soldier.webp');
  --lobby-hero-accent:rgba(237,23,23,.22);
  --lobby-hero-accent-soft:rgba(237,23,23,.12);
  min-height:184px!important;
  padding:22px 24px 20px!important;
  align-items:flex-end!important;
}
.lobby-room-overview .lobby-detail-head:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(5,7,10,.98) 0%,rgba(5,7,10,.92) 28%,rgba(5,7,10,.72) 52%,rgba(5,7,10,.86) 100%),
    radial-gradient(circle at 16% 18%,var(--lobby-hero-accent-soft),transparent 34%),
    linear-gradient(150deg,rgba(255,255,255,.025),transparent 42%),
    var(--lobby-hero-image) 78% center/cover no-repeat;
  filter:saturate(.95) contrast(1.08) brightness(.58);
}
.lobby-room-overview .lobby-detail-head:after{
  content:"";
  position:absolute;
  right:18px;
  top:18px;
  bottom:18px;
  width:min(36%,252px);
  z-index:-1;
  border:1px solid rgba(255,255,255,.11);
  border-radius:14px;
  background:
    linear-gradient(180deg,rgba(6,10,14,.08),rgba(6,10,14,.38)),
    radial-gradient(circle at 18% 18%,var(--lobby-hero-accent),transparent 34%),
    var(--lobby-hero-image) center/cover no-repeat;
  box-shadow:0 18px 34px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.02);
  opacity:.96;
}
.lobby-room-overview .lobby-detail-head>div:first-child{position:relative;z-index:2;max-width:min(60%,620px)!important}
.lobby-room-overview .lobby-big-count{position:relative;z-index:2}
.lobby-room-overview .lobby-detail-watermark{left:38%!important;top:54%!important;transform:translate(-50%,-50%)!important;max-width:58%!important;font-size:68px!important;letter-spacing:-2px!important;color:rgba(255,255,255,.082)!important;text-shadow:0 0 34px rgba(0,0,0,.30)}
.lobby-room-overview .lobby-detail-head>div>span{letter-spacing:1.1px!important}
.lobby-room-overview .lobby-detail-head p{max-width:44ch}
.lobby-room-overview .lobby-big-count{background:linear-gradient(180deg,rgba(7,11,15,.80),rgba(5,8,11,.62))!important;border-color:rgba(255,255,255,.12)!important;backdrop-filter:blur(8px)}

.lobby-detail-page.game-cs2 .lobby-room-overview .lobby-detail-head{--lobby-hero-image:url('/assets/img/cs2.webp');--lobby-hero-accent:rgba(255,157,77,.24);--lobby-hero-accent-soft:rgba(255,157,77,.13)}
.lobby-detail-page.game-cod .lobby-room-overview .lobby-detail-head{--lobby-hero-image:url('/assets/img/cod.webp');--lobby-hero-accent:rgba(126,201,135,.22);--lobby-hero-accent-soft:rgba(126,201,135,.11)}
.lobby-detail-page.game-valorant .lobby-room-overview .lobby-detail-head{--lobby-hero-image:url('/assets/img/valorant.webp');--lobby-hero-accent:rgba(255,91,105,.24);--lobby-hero-accent-soft:rgba(255,91,105,.12)}
.lobby-detail-page.game-apex .lobby-room-overview .lobby-detail-head{--lobby-hero-image:url('/assets/img/apex.webp');--lobby-hero-accent:rgba(224,120,87,.24);--lobby-hero-accent-soft:rgba(224,120,87,.12)}
.lobby-detail-page.game-pubg .lobby-room-overview .lobby-detail-head{--lobby-hero-image:url('/assets/img/pubg.webp');--lobby-hero-accent:rgba(228,183,67,.24);--lobby-hero-accent-soft:rgba(228,183,67,.12)}
.lobby-detail-page.game-fortnite .lobby-room-overview .lobby-detail-head{--lobby-hero-image:url('/assets/img/fortnite-coming-soon.webp');--lobby-hero-accent:rgba(106,147,255,.24);--lobby-hero-accent-soft:rgba(106,147,255,.11)}
.lobby-detail-page.game-league .lobby-room-overview .lobby-detail-head{--lobby-hero-image:url('/assets/img/league-coming-soon.webp');--lobby-hero-accent:rgba(74,199,235,.24);--lobby-hero-accent-soft:rgba(74,199,235,.11)}
.lobby-detail-page.game-minecraft .lobby-room-overview .lobby-detail-head{--lobby-hero-image:url('/assets/img/minecraft-board.svg');--lobby-hero-accent:rgba(102,213,114,.22);--lobby-hero-accent-soft:rgba(102,213,114,.11)}
.lobby-detail-page.game-samp .lobby-room-overview .lobby-detail-head{--lobby-hero-image:url('/assets/img/samp.webp');--lobby-hero-accent:rgba(82,184,234,.24);--lobby-hero-accent-soft:rgba(82,184,234,.11)}
.lobby-detail-page.game-community .lobby-room-overview .lobby-detail-head{--lobby-hero-image:url('/assets/img/hero-soldier.webp');--lobby-hero-accent:rgba(237,23,23,.22);--lobby-hero-accent-soft:rgba(237,23,23,.12)}

@media(max-width:980px){
  .lobby-slot.is-player{min-height:62px!important;padding:10px 11px!important}
  .lobby-slot-actions{min-width:62px}
  .lobby-room-overview .lobby-detail-head{min-height:170px!important}
  .lobby-room-overview .lobby-detail-head:after{right:16px;top:16px;bottom:16px;width:min(34%,218px)}
  .lobby-room-overview .lobby-detail-head>div:first-child{max-width:58%!important}
  .lobby-room-overview .lobby-detail-watermark{font-size:60px!important}
}
@media(max-width:700px){
  .lobby-slot.is-player{min-height:60px!important}
  .lobby-room-overview .lobby-detail-head{min-height:156px!important;padding:18px 18px 16px!important}
  .lobby-room-overview .lobby-detail-head:after{display:none}
  .lobby-room-overview .lobby-detail-head>div:first-child{max-width:100%!important}
  .lobby-room-overview .lobby-detail-watermark{left:62%!important;top:54%!important;max-width:62%!important;font-size:50px!important}
}


/* ARENACTIVE v1.48.5.321 — stable two-column lobby player cards.
   The slot panel is deliberately two columns on desktop so a nickname, platform
   discovery and captain/moderation actions never compete for the same tiny row. */
.lobby-room-slots .lobby-slot-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.lobby-room-slots .lobby-slot{
  min-width:0;
  box-sizing:border-box;
}
.lobby-room-slots .lobby-slot.is-player{
  min-height:76px!important;
  padding:10px 11px!important;
  align-items:center!important;
  gap:10px!important;
  overflow:visible;
  border-color:rgba(255,255,255,.085);
  background:linear-gradient(155deg,rgba(11,16,21,.96),rgba(6,10,14,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 9px 22px rgba(0,0,0,.12);
}
.lobby-room-slots .lobby-slot.is-player:hover{
  border-color:rgba(255,255,255,.13);
  background:linear-gradient(155deg,rgba(14,20,26,.98),rgba(7,11,15,.99));
}
.lobby-room-slots .lobby-slot-profile{
  display:flex;
  flex:1 1 auto;
  min-width:0;
  align-items:center!important;
  gap:10px!important;
}
.lobby-room-slots .lobby-slot .lobby-member-avatar{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
}
.lobby-room-slots .lobby-slot-profile-copy{
  flex:1 1 auto;
  min-width:0;
  width:auto!important;
  max-width:none!important;
  display:block;
}
.lobby-room-slots .lobby-slot-name-row{
  display:flex;
  align-items:center;
  min-width:0;
  width:100%;
  gap:6px!important;
  min-height:17px!important;
}
.lobby-room-slots .lobby-slot-name-row>strong{
  flex:1 1 auto;
  min-width:0;
  max-width:none!important;
  font-size:11.8px!important;
  line-height:1.15!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lobby-room-slots .lobby-slot-profile-copy>small{
  display:block;
  min-width:0;
  max-width:100%;
  margin-top:3px!important;
  font-size:9.5px!important;
  line-height:1.15!important;
  color:#7f8c97!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lobby-room-slots .lobby-member-platform-menu{
  flex:0 0 auto;
  margin:0!important;
}
.lobby-room-slots .lobby-member-platform-trigger{
  min-height:15px!important;
  padding:1px 5px!important;
  gap:3px!important;
  font-size:8px!important;
  letter-spacing:.045em!important;
  border-radius:999px!important;
  background:rgba(61,214,124,.055)!important;
  box-shadow:inset 0 0 0 1px rgba(61,214,124,.11)!important;
}
.lobby-room-slots .lobby-member-platform-trigger b{font-size:7.8px!important}
.lobby-room-slots .lobby-member-match-status{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  min-height:17px;
  margin-top:5px!important;
  gap:4px!important;
}
.lobby-room-slots .lobby-member-match-status:empty{display:none!important}
.lobby-room-slots .lobby-member-match-status .lobby-platform-badge{
  max-width:100%!important;
  min-height:16px!important;
  padding:2px 6px!important;
  font-size:8.6px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.lobby-room-slots .lobby-slot-actions{
  flex:0 0 auto;
  min-width:48px!important;
  max-width:58px;
  margin-left:2px!important;
  align-self:center!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:5px!important;
}
.lobby-room-slots .lobby-kick-button{
  min-width:48px;
  min-height:26px!important;
  padding:0 7px!important;
  font-size:8.7px!important;
  border-radius:6px!important;
}
.lobby-room-slots .lobby-member-identity-copy{
  max-width:58px;
  min-height:22px!important;
  padding:0 6px!important;
  font-size:8.5px!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lobby-room-slots .lobby-slot.is-empty{
  min-height:64px!important;
  padding:10px 12px!important;
}

@media(max-width:980px){
  .lobby-room-slots .lobby-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .lobby-room-slots .lobby-slot-grid{grid-template-columns:1fr!important}
  .lobby-room-slots .lobby-slot.is-player{min-height:72px!important}
  .lobby-room-slots .lobby-slot-actions{min-width:52px!important;max-width:64px}
}


/* ARENACTIVE v1.48.5.322 — Lobby player cards / Concept B.
   Two-column modular cards keep 8-player lobbies compact while giving nickname,
   platform discovery, role/status and moderation actions their own visual lanes. */
.lobby-room-slots .lobby-slot-grid{
  counter-reset:lobby-player-slot;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
.lobby-room-slots .lobby-slot{
  counter-increment:lobby-player-slot;
  position:relative;
  isolation:isolate;
}
.lobby-room-slots .lobby-slot::before{
  content:counter(lobby-player-slot,decimal-leading-zero);
  position:absolute;
  left:10px;
  top:9px;
  z-index:3;
  color:#6f7c87;
  font-size:8px;
  font-weight:1000;
  line-height:1;
  letter-spacing:.04em;
  pointer-events:none;
}

.lobby-room-slots .lobby-slot.is-player{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"profile actions";
  min-height:88px!important;
  padding:11px 11px 10px 28px!important;
  align-items:center!important;
  column-gap:10px!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:11px!important;
  background:
    radial-gradient(circle at 8% 12%,rgba(237,23,23,.055),transparent 34%),
    linear-gradient(145deg,rgba(13,18,24,.985),rgba(7,11,15,.995))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022),0 12px 26px rgba(0,0,0,.16)!important;
  transform:none!important;
}
.lobby-room-slots .lobby-slot.is-player::after{
  content:"";
  position:absolute;
  left:-1px;
  top:10px;
  bottom:10px;
  width:2px;
  border-radius:3px;
  background:linear-gradient(180deg,rgba(237,23,23,.78),rgba(237,23,23,.08));
  opacity:.72;
  pointer-events:none;
}
.lobby-room-slots .lobby-slot.is-player:hover{
  border-color:rgba(237,23,23,.20)!important;
  background:
    radial-gradient(circle at 8% 12%,rgba(237,23,23,.075),transparent 36%),
    linear-gradient(145deg,rgba(15,21,28,.99),rgba(8,12,17,.998))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028),0 14px 30px rgba(0,0,0,.20)!important;
}

.lobby-room-slots .lobby-slot-profile{
  grid-area:profile;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  width:100%!important;
}
.lobby-room-slots .lobby-slot .lobby-member-avatar{
  grid-column:1;
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-color:rgba(237,23,23,.42)!important;
  box-shadow:0 0 0 3px rgba(237,23,23,.035)!important;
}
.lobby-room-slots .lobby-slot-profile-copy{
  grid-column:2;
  display:block!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  pointer-events:none;
}
.lobby-room-slots .lobby-slot-name-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;
  justify-items:start!important;
  gap:4px!important;
  min-width:0!important;
  width:100%!important;
  min-height:0!important;
}
.lobby-room-slots .lobby-slot-name-row>strong{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  color:#f3f6f8!important;
  font-size:11.7px!important;
  font-weight:1000!important;
  line-height:1.15!important;
  letter-spacing:.005em;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.lobby-room-slots .lobby-slot-profile-copy>small{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-top:3px!important;
  color:#7c8994!important;
  font-size:9.3px!important;
  line-height:1.15!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.lobby-room-slots .lobby-member-platform-menu{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  pointer-events:auto!important;
}
.lobby-room-slots .lobby-member-platform-trigger{
  min-height:17px!important;
  padding:2px 6px!important;
  gap:3px!important;
  border:1px solid rgba(61,214,124,.22)!important;
  border-radius:999px!important;
  background:rgba(61,214,124,.055)!important;
  box-shadow:none!important;
  color:#66de98!important;
  font-size:8px!important;
  font-weight:1000!important;
  letter-spacing:.045em!important;
}
.lobby-room-slots .lobby-member-platform-trigger b{
  font-size:7.7px!important;
  color:#91eeb8!important;
}
.lobby-room-slots .lobby-member-platform-trigger:hover,
.lobby-room-slots .lobby-member-platform-trigger:focus-visible{
  border-color:rgba(61,214,124,.42)!important;
  background:rgba(61,214,124,.10)!important;
  color:#9cf1bf!important;
}

.lobby-room-slots .lobby-member-match-status{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  width:100%!important;
  min-height:16px!important;
  margin-top:5px!important;
  gap:4px!important;
}
.lobby-room-slots .lobby-member-match-status:empty{display:none!important}
.lobby-room-slots .lobby-member-match-status .lobby-platform-badge{
  max-width:100%!important;
  min-height:17px!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  font-size:8.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.lobby-room-slots .lobby-slot-actions{
  grid-area:actions;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  align-self:stretch!important;
  min-width:54px!important;
  max-width:64px!important;
  margin:0!important;
  gap:5px!important;
}
.lobby-room-slots .lobby-kick-button{
  min-width:54px!important;
  min-height:28px!important;
  padding:0 8px!important;
  border-color:rgba(237,23,23,.30)!important;
  border-radius:7px!important;
  background:rgba(237,23,23,.045)!important;
  color:#ff777b!important;
  font-size:8.5px!important;
  font-weight:1000!important;
  letter-spacing:.035em!important;
}
.lobby-room-slots .lobby-kick-button:hover{
  border-color:rgba(237,23,23,.54)!important;
  background:rgba(237,23,23,.10)!important;
}
.lobby-room-slots .lobby-member-identity-copy{
  width:100%!important;
  max-width:64px!important;
  min-height:23px!important;
  padding:0 6px!important;
  font-size:8.2px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.lobby-room-slots .lobby-slot.is-empty{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  min-height:72px!important;
  padding:11px 12px 11px 28px!important;
  gap:10px!important;
  border-color:rgba(61,214,124,.20)!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,rgba(8,16,13,.26),rgba(5,10,9,.18))!important;
}
.lobby-room-slots .lobby-slot.is-empty .lobby-empty-slot-icon{
  width:34px!important;
  height:34px!important;
}
.lobby-room-slots .lobby-slot.is-empty strong{
  font-size:10.2px!important;
  letter-spacing:.015em!important;
}
.lobby-room-slots .lobby-slot.is-empty small{
  margin-top:3px!important;
  font-size:9.2px!important;
}

@media(max-width:1100px){
  .lobby-room-slots .lobby-slot.is-player{padding-left:27px!important}
  .lobby-room-slots .lobby-slot-profile{grid-template-columns:38px minmax(0,1fr)}
  .lobby-room-slots .lobby-slot .lobby-member-avatar{width:38px!important;height:38px!important;flex-basis:38px!important}
  .lobby-room-slots .lobby-slot-actions{min-width:50px!important;max-width:58px!important}
  .lobby-room-slots .lobby-kick-button{min-width:50px!important;padding:0 6px!important}
}
@media(max-width:760px){
  .lobby-room-slots .lobby-slot-grid{grid-template-columns:1fr!important}
  .lobby-room-slots .lobby-slot.is-player{min-height:84px!important;padding:11px 12px 10px 30px!important}
  .lobby-room-slots .lobby-slot.is-empty{min-height:68px!important;padding-left:30px!important}
}

/* v1.48.5.324 — corrected Concept A: wide Create Lobby + full-width lobby hero
   Reuses CSS only for hero atmosphere; no enlarged low-resolution game thumbnails. */
.lobby-create-card{
  width:min(1120px,100%)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.lobby-create-card>.auth-kicker,
.lobby-create-card>h1,
.lobby-create-card>p{display:none!important}
.lobby-create-card>.auth-error{margin:0 0 12px}
.lobby-create-modern{
  --create-accent:#ed1717;
  --create-accent-rgb:237,23,23;
  gap:17px!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.10);
  border-radius:17px;
  background:linear-gradient(155deg,rgba(11,15,20,.985),rgba(6,9,13,.995));
  box-shadow:0 24px 64px rgba(0,0,0,.30);
  overflow:hidden;
}
.lobby-create-modern[data-selected-game="cs2"]{--create-accent:#ff9a4a;--create-accent-rgb:255,154,74}
.lobby-create-modern[data-selected-game="cod"]{--create-accent:#77c984;--create-accent-rgb:119,201,132}
.lobby-create-modern[data-selected-game="valorant"]{--create-accent:#ff596b;--create-accent-rgb:255,89,107}
.lobby-create-modern[data-selected-game="apex"]{--create-accent:#df7857;--create-accent-rgb:223,120,87}
.lobby-create-modern[data-selected-game="fortnite"]{--create-accent:#7295ff;--create-accent-rgb:114,149,255}
.lobby-create-modern[data-selected-game="league"]{--create-accent:#55c6e8;--create-accent-rgb:85,198,232}
.lobby-create-modern[data-selected-game="minecraft"]{--create-accent:#65cf76;--create-accent-rgb:101,207,118}
.lobby-create-modern[data-selected-game="samp"]{--create-accent:#56b9e7;--create-accent-rgb:86,185,231}
.lobby-create-modern[data-selected-game="pubg"]{--create-accent:#dfb84a;--create-accent-rgb:223,184,74}

.create-lobby-hero{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:26px;
  min-height:230px;
  margin:-18px -18px 3px;
  padding:30px 32px 27px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:#080b10;
}
.create-lobby-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 73% 28%,rgba(var(--create-accent-rgb),.22),transparent 24%),
    radial-gradient(circle at 84% 72%,rgba(var(--create-accent-rgb),.12),transparent 34%),
    linear-gradient(110deg,rgba(6,8,12,.99) 0%,rgba(7,10,14,.96) 36%,rgba(9,12,17,.78) 67%,rgba(6,8,12,.96) 100%);
}
.create-lobby-hero:after{
  content:"";
  position:absolute;
  inset:-30% -8% -35% 43%;
  z-index:-1;
  transform:skewX(-17deg);
  border-left:1px solid rgba(var(--create-accent-rgb),.46);
  border-right:1px solid rgba(255,255,255,.04);
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 34px),
    linear-gradient(145deg,rgba(var(--create-accent-rgb),.12),rgba(var(--create-accent-rgb),.025) 50%,transparent 72%);
}
.create-lobby-hero-copy{position:relative;z-index:2;max-width:610px;min-width:0}
.create-lobby-hero-copy>span{display:block;color:var(--create-accent);font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.create-lobby-hero-title-stack{margin:8px 0 9px}
.create-lobby-hero-title{display:none;color:#fff;font-size:48px;font-weight:1000;line-height:.98;letter-spacing:-.045em;text-shadow:0 7px 28px rgba(0,0,0,.38)}
.create-lobby-hero-copy p{max-width:560px;margin:0;color:#b8c3cb;font-size:13px!important;line-height:1.55!important}
.create-lobby-hero-wordmark{position:relative;z-index:1;align-self:stretch;display:flex;align-items:flex-end;justify-content:flex-end;flex:1;min-width:240px;overflow:hidden}
.create-lobby-hero-mark{display:none;max-width:100%;color:rgba(255,255,255,.115);font-size:88px;font-weight:1000;font-style:italic;line-height:.82;letter-spacing:-.075em;text-align:right;text-transform:uppercase;white-space:normal;text-shadow:0 0 36px rgba(var(--create-accent-rgb),.14)}
.lobby-create-modern[data-selected-game=""] .create-lobby-hero-title.is-generic,
.lobby-create-modern[data-selected-game=""] .create-lobby-hero-mark.is-generic{display:block}
.lobby-create-modern[data-selected-game="samp"] .create-lobby-hero-title.game-samp,
.lobby-create-modern[data-selected-game="samp"] .create-lobby-hero-mark.game-samp,
.lobby-create-modern[data-selected-game="cs2"] .create-lobby-hero-title.game-cs2,
.lobby-create-modern[data-selected-game="cs2"] .create-lobby-hero-mark.game-cs2,
.lobby-create-modern[data-selected-game="minecraft"] .create-lobby-hero-title.game-minecraft,
.lobby-create-modern[data-selected-game="minecraft"] .create-lobby-hero-mark.game-minecraft,
.lobby-create-modern[data-selected-game="valorant"] .create-lobby-hero-title.game-valorant,
.lobby-create-modern[data-selected-game="valorant"] .create-lobby-hero-mark.game-valorant,
.lobby-create-modern[data-selected-game="cod"] .create-lobby-hero-title.game-cod,
.lobby-create-modern[data-selected-game="cod"] .create-lobby-hero-mark.game-cod,
.lobby-create-modern[data-selected-game="apex"] .create-lobby-hero-title.game-apex,
.lobby-create-modern[data-selected-game="apex"] .create-lobby-hero-mark.game-apex,
.lobby-create-modern[data-selected-game="league"] .create-lobby-hero-title.game-league,
.lobby-create-modern[data-selected-game="league"] .create-lobby-hero-mark.game-league,
.lobby-create-modern[data-selected-game="fortnite"] .create-lobby-hero-title.game-fortnite,
.lobby-create-modern[data-selected-game="fortnite"] .create-lobby-hero-mark.game-fortnite,
.lobby-create-modern[data-selected-game="pubg"] .create-lobby-hero-title.game-pubg,
.lobby-create-modern[data-selected-game="pubg"] .create-lobby-hero-mark.game-pubg{display:block}

.lobby-create-modern .create-game-choice .create-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.lobby-create-modern .create-region-choice .create-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.lobby-create-modern .create-choice-group>legend{margin-bottom:9px!important;color:#a6b0b8!important;font-size:11px!important;letter-spacing:.08em!important}
.lobby-create-modern .create-choice-body{min-height:58px!important;padding:8px 10px!important;border-radius:10px!important}
.lobby-create-modern .create-choice-game-art{width:38px!important;height:38px!important;border-radius:9px!important}
.lobby-create-modern .create-size-grid{gap:8px!important}
.lobby-create-modern .create-size-card span{min-height:40px!important;border-radius:9px!important;font-size:11.5px!important}

.lobby-requirements-choice{
  margin:2px 0 4px!important;
  padding:17px 18px 18px!important;
  border:1px solid rgba(var(--create-accent-rgb),.22)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(var(--create-accent-rgb),.035),rgba(255,255,255,.006)),#070a0e!important;
}
.lobby-requirements-choice legend{padding:0 8px!important;color:#f5f7f9!important;font-size:16px!important;font-weight:1000!important;letter-spacing:-.01em!important;text-transform:none!important}
.lobby-requirements-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
.lobby-requirement-check,.lobby-rank-select{
  min-width:0!important;
  min-height:92px!important;
  padding:15px 16px!important;
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#0b1016,#070a0e)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.12)!important;
}
.lobby-requirement-check{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;gap:13px!important}
.lobby-rank-select{display:grid!important;grid-template-columns:48px minmax(0,1fr) minmax(132px,172px)!important;grid-template-areas:"icon copy select"!important;align-items:center!important;gap:13px!important}
.lobby-rank-select[hidden]{display:none!important}
.requirement-icon{width:48px!important;height:48px!important;border-radius:11px!important;border-color:rgba(var(--create-accent-rgb),.25)!important;background:rgba(var(--create-accent-rgb),.075)!important;color:var(--create-accent)!important}
.lobby-rank-select .requirement-icon{grid-area:icon!important;color:var(--create-accent)!important;border-color:rgba(var(--create-accent-rgb),.25)!important;background:rgba(var(--create-accent-rgb),.075)!important;font-size:17px!important}
.lobby-requirement-check-copy,.lobby-rank-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:5px!important}
.lobby-rank-copy{grid-area:copy!important}
.lobby-requirement-check-copy strong,.lobby-rank-copy strong{color:#f3f6f8!important;font-size:15px!important;line-height:1.1!important;letter-spacing:-.01em!important}
.lobby-requirement-check-copy small,.lobby-rank-copy small{max-width:38ch;color:#9ca8b1!important;font-size:11.5px!important;line-height:1.42!important}
.lobby-rank-select select{grid-area:select!important;width:100%!important;min-width:0!important;height:42px!important;padding:0 12px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:9px!important;background:#090d12!important;color:#f2f5f7!important;font-size:11.5px!important;font-weight:900!important;outline:none!important}
.lobby-rank-select select:focus{border-color:rgba(var(--create-accent-rgb),.55)!important;box-shadow:0 0 0 3px rgba(var(--create-accent-rgb),.08)!important}
.lobby-requirement-switch{width:40px!important;height:23px!important}
.lobby-requirement-switch i{width:15px!important;height:15px!important;top:3px!important;left:3px!important}
.lobby-requirement-check input:checked~.lobby-requirement-switch i{left:20px!important;background:var(--create-accent)!important}
.lobby-requirement-check input:checked~.requirement-icon{color:#fff!important;border-color:rgba(var(--create-accent-rgb),.50)!important;background:rgba(var(--create-accent-rgb),.15)!important}

/* Full-width Concept A hero in an opened lobby. */
.lobby-room-layout{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)!important;gap:12px!important}
.lobby-room-hero{
  --room-accent:#ed1717;
  --room-accent-rgb:237,23,23;
  grid-column:1/-1!important;
  position:relative!important;
  isolation:isolate!important;
  min-height:220px!important;
  padding:28px 30px 25px!important;
  overflow:hidden!important;
  align-items:flex-end!important;
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:15px!important;
  background:#080b10!important;
  box-shadow:0 22px 56px rgba(0,0,0,.24)!important;
}
.lobby-detail-page.game-cs2 .lobby-room-hero{--room-accent:#ff9a4a;--room-accent-rgb:255,154,74}
.lobby-detail-page.game-cod .lobby-room-hero{--room-accent:#77c984;--room-accent-rgb:119,201,132}
.lobby-detail-page.game-valorant .lobby-room-hero{--room-accent:#ff596b;--room-accent-rgb:255,89,107}
.lobby-detail-page.game-apex .lobby-room-hero{--room-accent:#df7857;--room-accent-rgb:223,120,87}
.lobby-detail-page.game-pubg .lobby-room-hero{--room-accent:#dfb84a;--room-accent-rgb:223,184,74}
.lobby-detail-page.game-fortnite .lobby-room-hero{--room-accent:#7295ff;--room-accent-rgb:114,149,255}
.lobby-detail-page.game-league .lobby-room-hero{--room-accent:#55c6e8;--room-accent-rgb:85,198,232}
.lobby-detail-page.game-minecraft .lobby-room-hero{--room-accent:#65cf76;--room-accent-rgb:101,207,118}
.lobby-detail-page.game-samp .lobby-room-hero{--room-accent:#56b9e7;--room-accent-rgb:86,185,231}
.lobby-room-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background:
    radial-gradient(circle at 72% 24%,rgba(var(--room-accent-rgb),.20),transparent 25%),
    radial-gradient(circle at 88% 78%,rgba(var(--room-accent-rgb),.10),transparent 35%),
    linear-gradient(105deg,rgba(5,7,10,.995) 0%,rgba(6,9,13,.96) 34%,rgba(10,14,19,.78) 68%,rgba(5,7,10,.97) 100%)!important;
  filter:none!important;
}
.lobby-room-hero:after{
  content:""!important;
  position:absolute!important;
  top:-36%!important;
  right:4%!important;
  bottom:-36%!important;
  width:39%!important;
  z-index:-1!important;
  transform:skewX(-16deg)!important;
  border:0!important;
  border-left:1px solid rgba(var(--room-accent-rgb),.48)!important;
  border-right:1px solid rgba(255,255,255,.035)!important;
  border-radius:0!important;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.013) 0 1px,transparent 1px 38px),
    linear-gradient(145deg,rgba(var(--room-accent-rgb),.13),rgba(var(--room-accent-rgb),.025) 52%,transparent 76%)!important;
  box-shadow:none!important;
  opacity:1!important;
}
.lobby-room-hero>div:first-of-type{position:relative!important;z-index:2!important;max-width:min(62%,690px)!important}
.lobby-room-hero>div>span{color:var(--room-accent)!important;font-size:10.5px!important;letter-spacing:.11em!important}
.lobby-room-hero h1{margin:7px 0 7px!important;font-size:44px!important;line-height:.96!important;letter-spacing:-.045em!important}
.lobby-room-hero p{max-width:560px!important;color:#bcc6ce!important;font-size:12px!important;line-height:1.5!important}
.lobby-room-hero .lobby-detail-watermark{
  left:auto!important;
  right:4%!important;
  top:51%!important;
  transform:translateY(-50%)!important;
  max-width:44%!important;
  font-size:100px!important;
  line-height:.82!important;
  letter-spacing:-.07em!important;
  color:rgba(255,255,255,.105)!important;
  text-align:right!important;
  white-space:normal!important;
  text-shadow:0 0 34px rgba(var(--room-accent-rgb),.12)!important;
}
.lobby-room-hero .lobby-big-count{
  position:relative!important;
  z-index:3!important;
  align-self:center!important;
  min-width:170px!important;
  margin:0!important;
  padding:18px 22px 16px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-left:4px solid var(--room-accent)!important;
  border-radius:4px!important;
  background:linear-gradient(155deg,rgba(14,19,26,.92),rgba(7,10,14,.95))!important;
  backdrop-filter:blur(7px)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
  text-align:center!important;
}
.lobby-room-hero .lobby-big-count strong{font-size:40px!important;line-height:.9!important;letter-spacing:-.045em!important}
.lobby-room-hero .lobby-big-count small{display:block!important;margin-top:8px!important;color:#dce2e7!important;font-size:10px!important;letter-spacing:.06em!important;text-transform:uppercase!important}

/* Once the hero is moved above both columns, the two content cards stay balanced below it. */
.lobby-room-overview,.lobby-room-slots{border-radius:13px!important}
.lobby-room-overview{box-shadow:0 18px 44px rgba(0,0,0,.18)!important}
.lobby-overview-body{padding:12px 14px 14px!important}
.lobby-room-section-title{margin-bottom:9px!important;padding:2px 0 8px!important}
.lobby-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.lobby-overview-grid>div{padding:9px 10px!important;border-radius:8px!important}
.lobby-overview-grid strong{font-size:13px!important}
.lobby-room-note{margin-top:8px!important}

@media(max-width:980px){
  .lobby-create-modern .create-game-choice .create-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .lobby-create-modern .create-region-choice .create-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .create-lobby-hero{min-height:205px;padding:26px 25px 23px}
  .create-lobby-hero-title{font-size:40px}
  .create-lobby-hero-mark{font-size:66px}
  .lobby-room-layout{grid-template-columns:1fr!important}
  .lobby-room-hero{grid-column:auto!important;min-height:205px!important;padding:24px 24px 21px!important}
  .lobby-room-hero>div:first-of-type{max-width:64%!important}
  .lobby-room-hero .lobby-detail-watermark{font-size:76px!important;max-width:43%!important}
}
@media(max-width:700px){
  .lobby-create-card{width:100%!important}
  .lobby-create-modern{padding:14px!important;border-radius:13px}
  .create-lobby-hero{min-height:176px;margin:-14px -14px 2px;padding:21px 18px 18px}
  .create-lobby-hero-copy{max-width:100%}
  .create-lobby-hero-title{font-size:33px}
  .create-lobby-hero-copy p{font-size:11.5px!important}
  .create-lobby-hero-wordmark{display:none}
  .lobby-requirements-grid{grid-template-columns:1fr!important}
  .lobby-rank-select{grid-template-columns:48px minmax(0,1fr)!important;grid-template-areas:"icon copy" "select select"!important}
  .lobby-rank-select select{width:100%!important}
  .lobby-room-hero{min-height:180px!important;padding:21px 18px 18px!important;align-items:flex-end!important;gap:14px!important}
  .lobby-room-hero>div:first-of-type{max-width:100%!important}
  .lobby-room-hero .lobby-detail-watermark{right:2%!important;top:43%!important;max-width:55%!important;font-size:55px!important;opacity:.7!important}
  .lobby-room-hero h1{font-size:32px!important}
  .lobby-room-hero .lobby-big-count{align-self:flex-end!important;min-width:132px!important;padding:13px 14px 12px!important}
  .lobby-room-hero .lobby-big-count strong{font-size:31px!important}
  .lobby-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .lobby-create-modern .create-game-choice .create-choice-grid,
  .lobby-create-modern .create-region-choice .create-choice-grid{grid-template-columns:1fr!important}
  .create-lobby-hero-title{font-size:29px}
  .lobby-room-hero{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
  .lobby-room-hero .lobby-detail-watermark{font-size:46px!important;max-width:62%!important}
  .lobby-room-hero .lobby-big-count{width:100%!important;text-align:left!important}
  .lobby-overview-grid{grid-template-columns:1fr!important}
}

/* v1.48.5.325 — opened lobby only: compact Concept A + restore Concept B player behavior.
   Create Lobby v324 remains unchanged. */
.lobby-room-layout{
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)!important;
  gap:10px!important;
  align-items:start!important;
}
.lobby-room-hero{
  grid-column:1/-1!important;
  min-height:142px!important;
  padding:18px 20px 16px!important;
  align-items:center!important;
  border-radius:13px!important;
  box-shadow:0 14px 36px rgba(0,0,0,.20)!important;
}
.lobby-room-hero:before{
  background:
    radial-gradient(circle at 69% 20%,rgba(var(--room-accent-rgb),.16),transparent 23%),
    radial-gradient(circle at 88% 82%,rgba(var(--room-accent-rgb),.07),transparent 31%),
    linear-gradient(105deg,rgba(5,7,10,.997) 0%,rgba(6,9,13,.97) 39%,rgba(10,14,19,.82) 70%,rgba(5,7,10,.985) 100%)!important;
}
.lobby-room-hero:after{
  top:-55%!important;
  right:5%!important;
  bottom:-55%!important;
  width:31%!important;
  border-left-color:rgba(var(--room-accent-rgb),.36)!important;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.010) 0 1px,transparent 1px 34px),
    linear-gradient(145deg,rgba(var(--room-accent-rgb),.095),rgba(var(--room-accent-rgb),.018) 55%,transparent 78%)!important;
}
.lobby-room-hero>div:first-of-type{
  max-width:min(58%,620px)!important;
}
.lobby-room-hero>div>span{
  font-size:9.5px!important;
  letter-spacing:.105em!important;
}
.lobby-room-hero h1{
  margin:5px 0 4px!important;
  font-size:33px!important;
  line-height:.98!important;
}
.lobby-room-hero p{
  max-width:480px!important;
  font-size:10.8px!important;
  line-height:1.38!important;
}
.lobby-room-hero .lobby-detail-watermark{
  right:15%!important;
  top:50%!important;
  max-width:34%!important;
  font-size:72px!important;
  line-height:.82!important;
  color:rgba(255,255,255,.075)!important;
  text-shadow:0 0 26px rgba(var(--room-accent-rgb),.10)!important;
}
.lobby-room-hero .lobby-big-count{
  min-width:128px!important;
  padding:11px 14px 10px!important;
  border-left-width:3px!important;
  border-radius:4px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
}
.lobby-room-hero .lobby-big-count strong{
  font-size:29px!important;
  line-height:.92!important;
}
.lobby-room-hero .lobby-big-count small{
  margin-top:5px!important;
  font-size:8.8px!important;
  letter-spacing:.055em!important;
}

/* Do not force the two lower cards to the same height. */
.lobby-room-overview,.lobby-room-slots{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  border-radius:12px!important;
}
.lobby-room-overview{box-shadow:0 12px 32px rgba(0,0,0,.15)!important}
.lobby-overview-body{padding:10px 12px 12px!important}
.lobby-room-section-title{margin-bottom:8px!important;padding:1px 0 7px!important}
.lobby-room-section-title>span{font-size:11.5px!important}
.lobby-room-section-title>b{padding:3px 6px!important;font-size:9px!important}
.lobby-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
.lobby-overview-grid>div{padding:7px 8px!important;border-radius:7px!important}
.lobby-overview-grid span{font-size:8.8px!important}
.lobby-overview-grid strong{margin-top:3px!important;font-size:11.5px!important;line-height:1.2!important}
.lobby-room-note{margin-top:7px!important;padding:8px 9px!important}
.lobby-room-note p{font-size:10.5px!important;line-height:1.4!important}

/* Keep the accepted v322 player-card geometry/popup exactly compact. */
.lobby-room-slots{padding:11px!important}
.lobby-room-slots .lobby-slot-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.lobby-room-slots .lobby-slot.is-player{min-height:88px!important}
.lobby-room-slots .lobby-slot.is-empty{min-height:72px!important}

@media(max-width:980px){
  .lobby-room-layout{grid-template-columns:1fr!important}
  .lobby-room-hero{grid-column:auto!important;min-height:132px!important;padding:16px 18px 14px!important}
  .lobby-room-hero>div:first-of-type{max-width:62%!important}
  .lobby-room-hero .lobby-detail-watermark{right:16%!important;max-width:34%!important;font-size:62px!important}
}
@media(max-width:700px){
  .lobby-room-hero{min-height:126px!important;padding:15px 16px 14px!important;gap:12px!important}
  .lobby-room-hero>div:first-of-type{max-width:100%!important}
  .lobby-room-hero h1{font-size:28px!important}
  .lobby-room-hero p{font-size:10px!important}
  .lobby-room-hero .lobby-detail-watermark{right:4%!important;top:44%!important;max-width:48%!important;font-size:48px!important}
  .lobby-room-hero .lobby-big-count{min-width:112px!important;padding:10px 11px 9px!important}
  .lobby-room-hero .lobby-big-count strong{font-size:25px!important}
  .lobby-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .lobby-room-hero{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-height:auto!important}
  .lobby-room-hero .lobby-detail-watermark{font-size:42px!important;max-width:58%!important}
  .lobby-room-hero .lobby-big-count{width:100%!important;text-align:left!important}
  .lobby-overview-grid{grid-template-columns:1fr!important}
}

/* v1.48.5.326 — compact three-column manual lobby workspace.
   Keep the accepted player/platform logic; only rearrange presentation. */
.lobby-room-workspace{
  order:1;
  display:grid;
  grid-template-columns:minmax(270px,.82fr) minmax(390px,1.12fr) minmax(300px,.86fr);
  grid-template-areas:
    "players hero comms"
    "players overview comms"
    "players identity comms";
  gap:12px;
  align-items:start;
  min-width:0;
  margin-top:10px;
}
.lobby-room-workspace>.lobby-room-layout{display:contents!important}
.lobby-room-workspace .lobby-room-hero{grid-area:hero!important}
.lobby-room-workspace .lobby-room-overview{grid-area:overview!important}
.lobby-room-workspace .lobby-room-slots{grid-area:players!important}
.lobby-room-workspace .lobby-identity-gate{grid-area:identity!important;margin-top:0!important}
.lobby-room-workspace>.lobby-communication-panel{grid-area:comms!important}

/* Controls stay above the workspace and remain fully live-updated. */
[data-lobby-live-actions]{order:0}
.lobby-room-controls-head{margin-top:8px!important;padding:0 2px 6px!important}
.lobby-room-controls-head>div{gap:10px!important}
.lobby-room-controls-head span{font-size:11px!important}
.lobby-room-controls-head strong{font-size:10px!important}
.lobby-room-controls-head+.ready-check-panel{margin-top:7px!important}
.ready-check-panel{
  min-height:68px!important;
  margin-top:8px!important;
  padding:11px 13px!important;
  border-radius:9px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.14)!important;
}
.ready-check-panel>div:first-child>span{font-size:9.5px!important;letter-spacing:.085em!important}
.ready-check-panel h2{margin:2px 0 3px!important;font-size:15px!important}
.ready-check-panel p{max-width:650px!important;font-size:10.5px!important;line-height:1.35!important}
.ready-check-actions{gap:7px!important}
.ready-check-actions button,.ready-check-actions .lobby-secondary,.ready-check-actions .lobby-primary{min-height:34px!important;height:34px!important;padding:0 12px!important;border-radius:4px!important;font-size:10px!important}

/* Left column: fixed-height roster like Matchmaker. Extra slots scroll here,
   not through the whole lobby page. */
.lobby-room-workspace .lobby-room-slots{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:min(535px,calc(100vh - 300px))!important;
  min-height:390px!important;
  max-height:535px!important;
  padding:12px!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:linear-gradient(155deg,rgba(11,15,21,.985),rgba(6,9,13,.995))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.18)!important;
}
.lobby-room-workspace .lobby-room-slots .lobby-room-section-title{
  flex:0 0 auto;
  margin:0 0 9px!important;
  padding:0 0 9px!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
}
.lobby-room-workspace .lobby-room-slots .lobby-room-section-title>span{
  position:relative;
  padding-left:15px;
  color:#f1f4f6!important;
  font-size:12px!important;
  letter-spacing:.015em!important;
}
.lobby-room-workspace .lobby-room-slots .lobby-room-section-title>span:before{
  content:"///";
  position:absolute;
  left:0;
  top:0;
  color:#ed1717;
  letter-spacing:-.08em;
}
.lobby-room-workspace .lobby-room-slots .lobby-slot-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-auto-rows:max-content!important;
  align-content:start!important;
  gap:8px!important;
  padding:0 3px 0 0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.18) transparent;
}
.lobby-room-workspace .lobby-room-slots .lobby-slot-grid::-webkit-scrollbar{width:6px}
.lobby-room-workspace .lobby-room-slots .lobby-slot-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:999px}
.lobby-room-workspace .lobby-slot{
  width:100%!important;
  min-width:0!important;
  border-radius:9px!important;
}
.lobby-room-workspace .lobby-slot.is-player{
  min-height:72px!important;
  padding:9px 10px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  background:linear-gradient(145deg,rgba(13,18,24,.98),rgba(7,10,14,.99))!important;
}
.lobby-room-workspace .lobby-slot.is-player.is-ready{border-color:rgba(67,216,128,.34)!important}
.lobby-room-workspace .lobby-slot.is-empty{
  min-height:60px!important;
  padding:8px 10px!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  background:rgba(4,8,11,.54)!important;
}
.lobby-room-workspace .lobby-empty-slot-icon{width:30px!important;height:30px!important;font-size:17px!important}
.lobby-room-workspace .lobby-slot-profile{gap:9px!important}
.lobby-room-workspace .lobby-member-avatar{width:36px!important;height:36px!important}
.lobby-room-workspace .lobby-slot-name-row{gap:5px!important}
.lobby-room-workspace .lobby-slot-name-row>strong{font-size:12px!important}
.lobby-room-workspace .lobby-slot-profile-copy>small{margin-top:3px!important;font-size:9.5px!important}
.lobby-room-workspace .lobby-member-platform-trigger{min-height:20px!important;padding:2px 6px!important;font-size:8.5px!important}
.lobby-room-workspace .lobby-slot-actions{gap:5px!important}
.lobby-room-workspace .lobby-kick-button,.lobby-room-workspace .lobby-member-identity-copy{min-height:28px!important;padding:0 8px!important;font-size:8.5px!important}
.lobby-room-workspace .lobby-member-match-status{margin-top:4px!important;gap:4px!important}
.lobby-room-workspace .lobby-platform-badge{padding:2px 5px!important;font-size:8px!important}

/* Center column: game identity + only the information needed at a glance. */
.lobby-room-workspace .lobby-room-hero{
  position:relative!important;
  min-width:0!important;
  min-height:176px!important;
  height:176px!important;
  padding:18px 20px 16px!important;
  align-items:flex-end!important;
  overflow:hidden!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.18)!important;
  background:#080b10!important;
}
.lobby-room-workspace .lobby-room-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background:
    linear-gradient(90deg,rgba(4,7,10,.995) 0%,rgba(5,8,12,.94) 38%,rgba(5,8,12,.48) 68%,rgba(5,7,10,.78) 100%),
    radial-gradient(circle at 75% 28%,rgba(var(--room-accent-rgb),.23),transparent 34%),
    url('/assets/img/hero-soldier.webp') 88% 42%/auto 205% no-repeat!important;
  filter:saturate(.80) contrast(1.06) brightness(.72)!important;
}
.lobby-room-workspace .lobby-room-hero:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  border:0!important;
  background:
    linear-gradient(180deg,transparent 0 64%,rgba(3,5,8,.62) 100%),
    linear-gradient(135deg,transparent 0 73%,rgba(var(--room-accent-rgb),.15) 74% 75%,transparent 76%)!important;
  opacity:1!important;
}
.lobby-room-workspace .lobby-room-hero>div:first-of-type{
  position:relative!important;
  z-index:2!important;
  max-width:72%!important;
}
.lobby-room-workspace .lobby-room-hero>div>span{
  color:var(--room-accent)!important;
  font-size:9.5px!important;
  letter-spacing:.10em!important;
}
.lobby-room-workspace .lobby-room-hero h1{
  margin:4px 0 4px!important;
  font-size:29px!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
}
.lobby-room-workspace .lobby-room-hero p{font-size:10.5px!important;color:#c3ccd3!important}
.lobby-room-workspace .lobby-room-hero .lobby-detail-watermark{
  left:auto!important;
  right:3%!important;
  top:18px!important;
  transform:none!important;
  max-width:54%!important;
  font-size:53px!important;
  line-height:.84!important;
  color:rgba(255,255,255,.105)!important;
  text-align:right!important;
  white-space:normal!important;
  opacity:.76!important;
}
.lobby-room-workspace .lobby-room-hero .lobby-big-count{
  position:absolute!important;
  z-index:3!important;
  right:12px!important;
  top:12px!important;
  min-width:95px!important;
  padding:8px 10px 7px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-left:3px solid var(--room-accent)!important;
  border-radius:5px!important;
  background:rgba(7,10,14,.88)!important;
  backdrop-filter:blur(6px)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.24)!important;
}
.lobby-room-workspace .lobby-room-hero .lobby-big-count strong{font-size:23px!important;line-height:.92!important}
.lobby-room-workspace .lobby-room-hero .lobby-big-count small{margin-top:4px!important;font-size:8px!important;letter-spacing:.045em!important}

.lobby-room-workspace .lobby-room-overview{
  min-width:0!important;
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  border-radius:12px!important;
  box-shadow:0 14px 36px rgba(0,0,0,.16)!important;
  overflow:hidden!important;
}
.lobby-room-workspace .lobby-overview-body{padding:11px 12px 12px!important}
.lobby-room-workspace .lobby-room-overview .lobby-room-section-title{
  margin:0 0 9px!important;
  padding:0 0 8px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
.lobby-room-workspace .lobby-room-overview .lobby-room-section-title>span{
  position:relative;
  padding-left:15px;
  color:#f1f4f6!important;
  font-size:11px!important;
}
.lobby-room-workspace .lobby-room-overview .lobby-room-section-title>span:before{
  content:"///";
  position:absolute;
  left:0;
  color:#ed1717;
  letter-spacing:-.08em;
}
.lobby-room-workspace .lobby-overview-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
.lobby-room-workspace .lobby-overview-grid>div{
  min-width:0!important;
  padding:8px 9px!important;
  border-radius:7px!important;
}
.lobby-room-workspace .lobby-overview-grid span{font-size:8.5px!important;letter-spacing:.06em!important}
.lobby-room-workspace .lobby-overview-grid strong{margin-top:3px!important;font-size:11px!important;line-height:1.18!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lobby-room-workspace .lobby-room-note{margin-top:8px!important;padding:9px 10px!important;border-radius:8px!important}
.lobby-room-workspace .lobby-room-note span{font-size:8.5px!important}
.lobby-room-workspace .lobby-room-note p{font-size:10px!important;line-height:1.35!important}
.lobby-room-workspace .game-mode-requirement{margin-top:8px!important;padding:10px 11px!important;border-radius:8px!important}
.lobby-room-workspace .game-mode-requirement span{font-size:8.5px!important}
.lobby-room-workspace .game-mode-requirement strong{font-size:11.5px!important}
.lobby-room-workspace .game-mode-requirement p{font-size:9.5px!important;line-height:1.35!important}

/* Right column: communication is always visible and action-first. */
.lobby-room-workspace>.lobby-communication-panel{
  min-width:0!important;
  align-self:start!important;
  margin:0!important;
  max-height:535px!important;
  overflow:auto!important;
  border-radius:12px!important;
  background:linear-gradient(155deg,rgba(11,15,21,.985),rgba(6,9,13,.995))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.18)!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.17) transparent;
}
.lobby-room-workspace>.lobby-communication-panel::-webkit-scrollbar{width:6px}
.lobby-room-workspace>.lobby-communication-panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:999px}
.lobby-room-workspace .lobby-communication-head{display:none!important}
.lobby-room-workspace .lobby-communication-grid{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  padding:11px!important;
}
.lobby-room-workspace .lobby-communication-card{
  min-width:0!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,rgba(10,14,20,.94),rgba(6,9,13,.98))!important;
}
.lobby-room-workspace .lobby-communication-card+.lobby-communication-card{border-left:1px solid rgba(255,255,255,.075)!important}
.lobby-room-workspace .lobby-voice-card{order:1}
.lobby-room-workspace .lobby-chat-card{order:2}
.lobby-room-workspace .lobby-communication-card-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
.lobby-room-workspace .lobby-communication-card-head>div>span{
  position:relative;
  padding-left:14px;
  color:#ff6267!important;
  font-size:9px!important;
}
.lobby-room-workspace .lobby-communication-card-head>div>span:before{
  content:"///";
  position:absolute;
  left:0;
  color:#ed1717;
  letter-spacing:-.08em;
}
.lobby-room-workspace .lobby-communication-card-head h3{margin-top:2px!important;font-size:14px!important}
.lobby-room-workspace .lobby-communication-explain,.lobby-room-workspace .lobby-communication-disabled{margin-top:7px!important;font-size:10px!important;line-height:1.35!important;color:#9fabb4!important}
.lobby-room-workspace .lobby-voice-toggle{
  grid-column:1/-1!important;
  width:100%!important;
  min-height:39px!important;
  margin-top:2px!important;
  border-color:rgba(61,214,124,.30)!important;
  border-radius:7px!important;
  background:linear-gradient(110deg,#30c977,#42df8a)!important;
  color:#04130a!important;
  font-size:10.5px!important;
  font-weight:1000!important;
  box-shadow:0 8px 18px rgba(45,204,119,.12)!important;
}
.lobby-room-workspace .lobby-voice-toggle:hover{filter:brightness(1.06)}
.lobby-room-workspace .lobby-voice-presence-preview{margin-top:8px!important;padding:7px 8px!important;border-radius:8px!important}
.lobby-room-workspace .lobby-voice-presence-head{margin-bottom:5px!important;font-size:8.5px!important}
.lobby-room-workspace .lobby-voice-presence-head b{height:18px!important;min-width:19px!important;font-size:8.5px!important}
.lobby-room-workspace .lobby-voice-presence-list{max-height:72px!important;overflow:auto!important;gap:4px!important}
.lobby-room-workspace .lobby-voice-presence-list>span{padding:4px 5px!important;border-radius:6px!important}
.lobby-room-workspace .lobby-voice-presence-list strong{font-size:9.5px!important}
.lobby-room-workspace .lobby-voice-presence-list small{font-size:8.5px!important}
.lobby-room-workspace .lobby-voice-presence-empty{font-size:9.5px!important}
.lobby-room-workspace .lobby-communication-status{min-height:0!important;margin-top:5px!important;font-size:9.5px!important}
.lobby-room-workspace .lobby-voice-security{margin-top:7px!important;padding:6px 7px!important;border-radius:7px!important}
.lobby-room-workspace .lobby-voice-security p{font-size:8.8px!important;line-height:1.3!important}
.lobby-room-workspace .lobby-voice-toolbar{gap:5px!important}
.lobby-room-workspace .lobby-voice-control{min-height:30px!important;padding:0 8px!important;font-size:8.5px!important}
.lobby-room-workspace .lobby-voice-participants{max-height:112px!important;overflow:auto!important}

.lobby-room-workspace .lobby-chat-card .lobby-communication-action{
  min-height:30px!important;
  padding:5px 9px!important;
  border-color:rgba(61,214,124,.20)!important;
  border-radius:6px!important;
  background:rgba(61,214,124,.06)!important;
  color:#77e3a3!important;
  font-size:9px!important;
}
.lobby-room-workspace .lobby-chat-body{margin-top:8px!important}
.lobby-room-workspace .lobby-chat-list{height:168px!important;padding:7px 6px!important;border-radius:8px!important}
.lobby-room-workspace .lobby-chat-bubble{padding:6px 8px 7px!important;border-radius:9px 9px 9px 4px!important}
.lobby-room-workspace .lobby-chat-bubble>p{font-size:11px!important;line-height:1.35!important}
.lobby-room-workspace .lobby-chat-message-head strong{font-size:9px!important}
.lobby-room-workspace .lobby-chat-message-head time{font-size:8px!important}
.lobby-room-workspace .lobby-chat-form{gap:5px!important;margin-top:7px!important}
.lobby-room-workspace .lobby-chat-form textarea{height:36px!important;min-height:36px!important;padding:8px 9px!important;border-radius:8px!important;font-size:10.5px!important}
.lobby-room-workspace .lobby-chat-send{height:36px!important;min-width:64px!important;padding:0 9px!important;border-radius:8px!important;font-size:9px!important}
.lobby-room-workspace .lobby-chat-compose-meta{margin-top:4px!important;font-size:8px!important}
.lobby-room-workspace .lobby-chat-compose-meta small{font-size:8px!important}

/* The owner/member bottom action remains compact and outside the workspace. */
.lobby-detail-action{order:2!important;margin-top:9px!important;padding-top:8px!important}

@media(max-width:1180px){
  .lobby-room-workspace{
    grid-template-columns:minmax(250px,.75fr) minmax(360px,1.1fr) minmax(270px,.82fr);
    gap:9px;
  }
  .lobby-room-workspace .lobby-room-hero{height:164px!important;min-height:164px!important}
  .lobby-room-workspace .lobby-room-hero h1{font-size:27px!important}
  .lobby-room-workspace .lobby-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .lobby-room-workspace{
    grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);
    grid-template-areas:
      "players hero"
      "players overview"
      "players identity"
      "comms comms";
  }
  .lobby-room-workspace .lobby-room-slots{height:480px!important;max-height:480px!important}
  .lobby-room-workspace>.lobby-communication-panel{max-height:none!important}
  .lobby-room-workspace .lobby-communication-grid{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:start!important}
  .lobby-room-workspace .lobby-voice-card,.lobby-room-workspace .lobby-chat-card{order:initial}
}
@media(max-width:700px){
  .lobby-room-workspace{
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
  }
  .lobby-room-workspace>.lobby-room-layout{display:contents!important}
  .lobby-room-workspace .lobby-room-hero{order:1;width:100%!important;height:154px!important;min-height:154px!important}
  .lobby-room-workspace .lobby-room-overview{order:2;width:100%!important}
  .lobby-room-workspace .lobby-room-slots{order:3;width:100%!important;height:auto!important;min-height:0!important;max-height:430px!important}
  .lobby-room-workspace .lobby-identity-gate{order:4;width:100%!important}
  .lobby-room-workspace>.lobby-communication-panel{order:5;width:100%!important;max-height:none!important}
  .lobby-room-workspace .lobby-communication-grid{display:flex!important;flex-direction:column!important}
  .lobby-room-workspace .lobby-room-hero>div:first-of-type{max-width:70%!important}
  .lobby-room-workspace .lobby-room-hero .lobby-detail-watermark{font-size:44px!important;max-width:50%!important}
  .lobby-room-workspace .lobby-room-hero h1{font-size:25px!important}
  .lobby-room-workspace .lobby-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ready-check-panel{align-items:stretch!important;flex-direction:column!important}
  .ready-check-actions{justify-content:stretch!important}
  .ready-check-actions form,.ready-check-actions button,.ready-check-actions .lobby-secondary{width:100%!important}
}
@media(max-width:480px){
  .lobby-room-workspace .lobby-room-hero{height:146px!important;min-height:146px!important;padding:15px!important}
  .lobby-room-workspace .lobby-room-hero>div:first-of-type{max-width:100%!important}
  .lobby-room-workspace .lobby-room-hero .lobby-detail-watermark{display:none!important}
  .lobby-room-workspace .lobby-room-hero .lobby-big-count{right:9px!important;top:9px!important;min-width:84px!important}
  .lobby-room-workspace .lobby-room-hero h1{font-size:23px!important;max-width:65%!important}
  .lobby-room-workspace .lobby-overview-grid{grid-template-columns:1fr!important}
  .lobby-room-workspace .lobby-room-slots{max-height:390px!important}
}

/* v1.48.5.327 — larger lobby workspace + exact per-game hero identity.
   The 326 three-column structure stays intact. This pass only scales it up a
   little and guarantees that the hero never shows unrelated game artwork. */
.lobby-detail-page{padding-left:20px!important;padding-right:20px!important}
.lobby-detail-shell{width:min(1320px,100%)!important}
.lobby-room-workspace{
  grid-template-columns:minmax(300px,.84fr) minmax(450px,1.18fr) minmax(320px,.90fr)!important;
  gap:14px!important;
  margin-top:12px!important;
}

/* Slightly larger, while the roster still scrolls inside its own column. */
.lobby-room-workspace .lobby-room-slots{
  height:min(560px,calc(100vh - 285px))!important;
  min-height:420px!important;
  max-height:560px!important;
  padding:14px!important;
}
.lobby-room-workspace .lobby-room-slots .lobby-room-section-title{margin-bottom:10px!important;padding-bottom:10px!important}
.lobby-room-workspace .lobby-room-slots .lobby-room-section-title>span{font-size:12.5px!important}
.lobby-room-workspace .lobby-room-slots .lobby-slot-grid{gap:9px!important}
.lobby-room-workspace .lobby-slot.is-player{min-height:76px!important;padding:10px 11px!important}
.lobby-room-workspace .lobby-slot.is-empty{min-height:64px!important;padding:9px 11px!important}
.lobby-room-workspace .lobby-empty-slot-icon{width:32px!important;height:32px!important;font-size:18px!important}
.lobby-room-workspace .lobby-member-avatar{width:38px!important;height:38px!important}
.lobby-room-workspace .lobby-slot-name-row>strong{font-size:12.5px!important}
.lobby-room-workspace .lobby-slot-profile-copy>small{font-size:10px!important}
.lobby-room-workspace .lobby-member-platform-trigger{font-size:9px!important}

/* Each game owns its artwork. Local low-resolution catalog thumbs are used as
   dark atmospheric texture rather than stretched as a sharp full-screen image. */
.lobby-room-workspace .lobby-room-hero{
  height:190px!important;
  min-height:190px!important;
  padding:20px 22px 18px!important;
}
.lobby-room-workspace .lobby-room-hero:before{
  background:
    linear-gradient(90deg,rgba(4,7,10,.995) 0%,rgba(5,8,12,.92) 37%,rgba(5,8,12,.48) 68%,rgba(5,7,10,.76) 100%),
    radial-gradient(circle at 76% 28%,rgba(var(--room-accent-rgb),.25),transparent 34%),
    var(--room-hero-image,none) 86% 50%/58% auto no-repeat!important;
  filter:saturate(.90) contrast(1.08) brightness(.78)!important;
}
.lobby-room-workspace .lobby-room-hero.hero-art-portrait:before{
  background:
    linear-gradient(90deg,rgba(4,7,10,.995) 0%,rgba(5,8,12,.92) 39%,rgba(5,8,12,.42) 70%,rgba(5,7,10,.78) 100%),
    radial-gradient(circle at 78% 24%,rgba(var(--room-accent-rgb),.23),transparent 36%),
    var(--room-hero-image,none) 88% 38%/55% auto no-repeat!important;
}
.lobby-room-workspace .lobby-room-hero.hero-art-community:before{
  background:
    linear-gradient(90deg,rgba(4,7,10,.995) 0%,rgba(5,8,12,.92) 34%,rgba(5,8,12,.40) 66%,rgba(5,7,10,.74) 100%),
    radial-gradient(circle at 76% 26%,rgba(var(--room-accent-rgb),.20),transparent 34%),
    var(--room-hero-image,none) 72% center/cover no-repeat!important;
  filter:saturate(.84) contrast(1.08) brightness(.68)!important;
}
.lobby-room-workspace .lobby-room-hero.hero-art-none:before{
  background:
    radial-gradient(circle at 72% 24%,rgba(var(--room-accent-rgb),.20),transparent 27%),
    radial-gradient(circle at 88% 78%,rgba(var(--room-accent-rgb),.11),transparent 36%),
    linear-gradient(105deg,rgba(5,7,10,.995) 0%,rgba(6,9,13,.96) 34%,rgba(10,14,19,.78) 68%,rgba(5,7,10,.97) 100%)!important;
  filter:none!important;
}
.lobby-room-workspace .lobby-room-hero>div:first-of-type{max-width:68%!important}
.lobby-room-workspace .lobby-room-hero h1{font-size:31px!important}
.lobby-room-workspace .lobby-room-hero p{font-size:11px!important}
.lobby-room-workspace .lobby-room-hero .lobby-detail-watermark{right:3.5%!important;top:24px!important;font-size:58px!important;max-width:51%!important;color:rgba(255,255,255,.115)!important}
.lobby-room-workspace .lobby-room-hero .lobby-big-count{right:14px!important;top:14px!important;min-width:100px!important;padding:9px 11px 8px!important}
.lobby-room-workspace .lobby-room-hero .lobby-big-count strong{font-size:25px!important}
.lobby-room-workspace .lobby-room-hero .lobby-big-count small{font-size:8.5px!important}

/* Open Play theme accents keep Forza, fighters, space games, etc. visually
   distinct even before any deeper game integration exists. */
.lobby-room-hero.hero-theme-racing{--room-accent:#45d7ff;--room-accent-rgb:69,215,255}
.lobby-room-hero.hero-theme-neon-racing{--room-accent:#c36cff;--room-accent-rgb:195,108,255}
.lobby-room-hero.hero-theme-fighter{--room-accent:#ff6257;--room-accent-rgb:255,98,87}
.lobby-room-hero.hero-theme-fighter-blue{--room-accent:#6aa9ff;--room-accent-rgb:106,169,255}
.lobby-room-hero.hero-theme-fighter-orange{--room-accent:#ff934d;--room-accent-rgb:255,147,77}
.lobby-room-hero.hero-theme-space{--room-accent:#f2d35c;--room-accent-rgb:242,211,92}
.lobby-room-hero.hero-theme-space-blue{--room-accent:#71a9ff;--room-accent-rgb:113,169,255}
.lobby-room-hero.hero-theme-space-purple{--room-accent:#a477ff;--room-accent-rgb:164,119,255}
.lobby-room-hero.hero-theme-sport{--room-accent:#63dd88;--room-accent-rgb:99,221,136}
.lobby-room-hero.hero-theme-city{--room-accent:#e9b062;--room-accent-rgb:233,176,98}
.lobby-room-hero.hero-theme-tactical{--room-accent:#83b977;--room-accent-rgb:131,185,119}
.lobby-room-hero.hero-theme-hero{--room-accent:#ff9f55;--room-accent-rgb:255,159,85}
.lobby-room-hero.hero-theme-hero-red{--room-accent:#ff575d;--room-accent-rgb:255,87,93}
.lobby-room-hero.hero-theme-horror{--room-accent:#d75e68;--room-accent-rgb:215,94,104}
.lobby-room-hero.hero-theme-survival{--room-accent:#ca865a;--room-accent-rgb:202,134,90}
.lobby-room-hero.hero-theme-survival-dark{--room-accent:#9b8875;--room-accent-rgb:155,136,117}
.lobby-room-hero.hero-theme-ocean{--room-accent:#55cbe6;--room-accent-rgb:85,203,230}
.lobby-room-hero.hero-theme-arena{--room-accent:#ff5968;--room-accent-rgb:255,89,104}
.lobby-room-hero.hero-theme-fantasy{--room-accent:#7bd596;--room-accent-rgb:123,213,150}
.lobby-room-hero.hero-theme-fantasy-gold,.lobby-room-hero.hero-theme-wilds{--room-accent:#d5b96c;--room-accent-rgb:213,185,108}

/* Center/right information gets a small readability bump, not extra height. */
.lobby-room-workspace .lobby-room-overview .lobby-room-section-title>span{font-size:11.5px!important}
.lobby-room-workspace .lobby-overview-grid{gap:8px!important}
.lobby-room-workspace .lobby-overview-grid>div{padding:9px 10px!important}
.lobby-room-workspace .lobby-overview-grid span{font-size:9px!important}
.lobby-room-workspace .lobby-overview-grid strong{font-size:11.5px!important}
.lobby-room-workspace>.lobby-communication-panel{max-height:560px!important}
.lobby-room-workspace .lobby-communication-grid{gap:11px!important;padding:13px!important}
.lobby-room-workspace .lobby-communication-card{padding:13px!important}
.lobby-room-workspace .lobby-communication-card-head>div>span{font-size:9.5px!important}
.lobby-room-workspace .lobby-communication-card-head h3{font-size:15px!important}
.lobby-room-workspace .lobby-communication-explain,.lobby-room-workspace .lobby-communication-disabled{font-size:10.5px!important}
.lobby-room-workspace .lobby-voice-toggle{min-height:42px!important;font-size:11px!important}
.lobby-room-workspace .lobby-chat-card .lobby-communication-action{font-size:9.5px!important}

@media(max-width:1240px){
  .lobby-detail-shell{width:min(1180px,100%)!important}
  .lobby-room-workspace{grid-template-columns:minmax(270px,.78fr) minmax(390px,1.14fr) minmax(285px,.84fr)!important;gap:10px!important}
  .lobby-room-workspace .lobby-room-hero{height:178px!important;min-height:178px!important}
  .lobby-room-workspace .lobby-room-hero h1{font-size:28px!important}
  .lobby-room-workspace .lobby-room-hero .lobby-detail-watermark{font-size:51px!important}
}
@media(max-width:980px){
  .lobby-detail-page{padding-left:14px!important;padding-right:14px!important}
  .lobby-room-workspace{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr)!important}
  .lobby-room-workspace .lobby-room-slots{height:490px!important;max-height:490px!important}
  .lobby-room-workspace>.lobby-communication-panel{max-height:none!important}
}
@media(max-width:700px){
  .lobby-room-workspace .lobby-room-hero{height:158px!important;min-height:158px!important}
  .lobby-room-workspace .lobby-room-hero h1{font-size:26px!important}
}

/* v1.48.5.328 — real game artwork hero card.
   Keep the approved 326/327 workspace; only turn the center hero into an
   actual game card instead of a mostly-black decorative box. */
.lobby-room-workspace .lobby-room-hero{
  isolation:isolate!important;
  min-height:202px!important;
  height:202px!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-end!important;
  overflow:hidden!important;
  background:#070a0e!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.24)!important;
}
.lobby-room-workspace .lobby-room-hero:before{
  content:none!important;
  display:none!important;
}
.lobby-room-workspace .lobby-room-hero:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  opacity:1!important;
  background:
    linear-gradient(90deg,rgba(4,7,10,.94) 0%,rgba(5,8,12,.64) 35%,rgba(5,8,12,.22) 70%,rgba(5,7,10,.38) 100%),
    linear-gradient(180deg,rgba(4,7,10,.06) 0%,rgba(4,7,10,.04) 46%,rgba(4,7,10,.88) 100%),
    radial-gradient(circle at 78% 28%,rgba(var(--room-accent-rgb),.18),transparent 35%)!important;
  pointer-events:none!important;
}
.lobby-room-hero-art{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  background:#080b10;
}
.lobby-room-hero-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  transform:scale(1.025);
  filter:saturate(.98) contrast(1.06) brightness(.82);
}
.lobby-room-hero.hero-art-portrait .lobby-room-hero-art img{
  object-position:center 55%;
  transform:scale(1.03);
  filter:saturate(.96) contrast(1.05) brightness(.84);
}
.lobby-room-hero.hero-art-community .lobby-room-hero-art img{
  object-position:center 50%;
  transform:scale(1.02);
  filter:saturate(.96) contrast(1.04) brightness(.80);
}
.lobby-room-hero.hero-art-none{
  background:
    radial-gradient(circle at 72% 25%,rgba(var(--room-accent-rgb),.18),transparent 31%),
    linear-gradient(120deg,#080b10,#0c1117 58%,#07090c)!important;
}
.lobby-room-workspace .lobby-room-hero-copy{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  max-width:72%!important;
  padding:18px 20px 17px!important;
  text-shadow:0 3px 18px rgba(0,0,0,.88)!important;
}
.lobby-room-workspace .lobby-room-hero-copy>span{
  color:var(--room-accent)!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.10em!important;
}
.lobby-room-workspace .lobby-room-hero-copy h1{
  margin:4px 0 4px!important;
  color:#fff!important;
  font-size:31px!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
}
.lobby-room-workspace .lobby-room-hero-copy p{
  margin:0!important;
  color:#e1e6ea!important;
  font-size:11px!important;
  font-weight:750!important;
}
.lobby-room-workspace .lobby-room-hero .lobby-detail-watermark{
  z-index:2!important;
  right:3%!important;
  top:19px!important;
  max-width:48%!important;
  color:rgba(255,255,255,.17)!important;
  font-size:56px!important;
  opacity:.80!important;
  text-shadow:0 5px 30px rgba(0,0,0,.55)!important;
}
.lobby-room-workspace .lobby-room-hero .lobby-big-count{
  z-index:4!important;
  right:12px!important;
  top:12px!important;
  min-width:100px!important;
  padding:9px 11px 8px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-left:3px solid var(--room-accent)!important;
  background:rgba(4,7,10,.88)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.35)!important;
}
.lobby-room-workspace .lobby-room-hero .lobby-big-count strong{font-size:25px!important}
.lobby-room-workspace .lobby-room-hero .lobby-big-count small{color:#e8edf1!important}

/* Game-specific framing so every title reads as its own card, not the same
   generic Call-of-Duty panel with a different label. */
.lobby-detail-page.game-samp .lobby-room-hero-art img{object-position:center 58%!important}
.lobby-detail-page.game-cod .lobby-room-hero-art img{object-position:center 48%!important}
.lobby-detail-page.game-cs2 .lobby-room-hero-art img{object-position:center 48%!important}
.lobby-detail-page.game-valorant .lobby-room-hero-art img{object-position:center 46%!important}
.lobby-detail-page.game-apex .lobby-room-hero-art img{object-position:center 48%!important}
.lobby-detail-page.game-fortnite .lobby-room-hero-art img{object-position:center 48%!important}
.lobby-detail-page.game-league .lobby-room-hero-art img{object-position:center 48%!important}
.lobby-detail-page.game-pubg .lobby-room-hero-art img{object-position:center 48%!important}
.lobby-detail-page.game-minecraft .lobby-room-hero-art img{object-position:center 50%!important}

@media(max-width:1240px){
  .lobby-room-workspace .lobby-room-hero{height:188px!important;min-height:188px!important}
  .lobby-room-workspace .lobby-room-hero-copy{padding:16px 18px 15px!important}
  .lobby-room-workspace .lobby-room-hero-copy h1{font-size:28px!important}
  .lobby-room-workspace .lobby-room-hero .lobby-detail-watermark{font-size:50px!important}
}
@media(max-width:700px){
  .lobby-room-workspace .lobby-room-hero{height:166px!important;min-height:166px!important}
  .lobby-room-workspace .lobby-room-hero-copy{max-width:78%!important;padding:15px 16px 14px!important}
  .lobby-room-workspace .lobby-room-hero-copy h1{font-size:25px!important}
  .lobby-room-workspace .lobby-room-hero .lobby-detail-watermark{font-size:43px!important;max-width:44%!important}
}
@media(max-width:480px){
  .lobby-room-workspace .lobby-room-hero{height:154px!important;min-height:154px!important}
  .lobby-room-workspace .lobby-room-hero-copy{max-width:100%!important}
  .lobby-room-workspace .lobby-room-hero .lobby-detail-watermark{display:none!important}
  .lobby-room-hero-art img{object-position:center!important}
}

/* v1.48.5.329 — remove decorative game hero; use the space for actual lobby tools.
   Player roster stays untouched. Center = compact lobby facts + voice. Right = chat. */
.lobby-room-workspace{
  grid-template-columns:minmax(300px,.84fr) minmax(390px,1.02fr) minmax(400px,1.08fr)!important;
  grid-template-areas:
    "players overview chat"
    "players voice chat"
    "players identity chat"!important;
  gap:14px!important;
  align-items:start!important;
}
.lobby-room-workspace>.lobby-room-layout{display:contents!important}
.lobby-room-workspace .lobby-room-overview{grid-area:overview!important}
.lobby-room-workspace .lobby-room-slots{grid-area:players!important}
.lobby-room-workspace .lobby-identity-gate{grid-area:identity!important}

/* Communication remains one JS/security scope, but visually each tool becomes
   an independent workspace card instead of one scrollable right-side box. */
.lobby-room-workspace>.lobby-communication-panel{
  display:contents!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  max-height:none!important;
  overflow:visible!important;
}
.lobby-room-workspace .lobby-communication-head{display:none!important}
.lobby-room-workspace .lobby-communication-grid{display:contents!important;padding:0!important}
.lobby-room-workspace .lobby-voice-card{grid-area:voice!important;order:initial!important}
.lobby-room-workspace .lobby-chat-card{grid-area:chat!important;order:initial!important}

/* Compact center information block: game identity is useful; artwork is not. */
.lobby-room-workspace .lobby-room-overview{
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:12px!important;
  background:linear-gradient(155deg,rgba(11,15,21,.985),rgba(6,9,13,.995))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.18)!important;
}
.lobby-room-workspace .lobby-overview-body{padding:14px!important}
.lobby-overview-identity{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin:0 0 11px;
  padding:0 0 11px;
  border-bottom:1px solid rgba(255,255,255,.065);
}
.lobby-overview-identity>div{min-width:0}
.lobby-overview-identity span{display:block;color:#ff6267;font-size:9px;font-weight:950;letter-spacing:.10em;text-transform:uppercase}
.lobby-overview-identity h1{margin:4px 0 3px;color:#f5f7f9;font-size:24px;line-height:1;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lobby-overview-identity p{margin:0;color:#9da8b1;font-size:10px;line-height:1.35}
.lobby-overview-identity>b{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:#080c11;color:#c5ced5;font-size:8.5px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}
.lobby-room-workspace .lobby-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.lobby-room-workspace .lobby-overview-grid>div{padding:9px 10px!important;border-radius:8px!important}
.lobby-room-workspace .lobby-overview-grid span{font-size:8.7px!important}
.lobby-room-workspace .lobby-overview-grid strong{font-size:11.5px!important;line-height:1.2!important}
.lobby-room-workspace .lobby-room-note,.lobby-room-workspace .game-mode-requirement,.lobby-room-workspace .game-manual-fallback{margin-top:9px!important}

/* Voice becomes a dedicated center card: always visible, never dragged by chat. */
.lobby-room-workspace .lobby-voice-card{
  min-width:0!important;
  min-height:0!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:12px!important;
  background:linear-gradient(155deg,rgba(10,16,19,.985),rgba(6,10,13,.995))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.17)!important;
  overflow:hidden!important;
}
.lobby-room-workspace .lobby-voice-card .lobby-communication-card-head{grid-template-columns:minmax(0,1fr)!important;gap:7px!important}
.lobby-room-workspace .lobby-voice-card .lobby-communication-card-head>div>span{font-size:9.5px!important}
.lobby-room-workspace .lobby-voice-card .lobby-communication-card-head h3{font-size:15px!important}
.lobby-room-workspace .lobby-voice-toggle{
  grid-column:1!important;
  min-height:40px!important;
  margin:2px 0 0!important;
  border-radius:6px!important;
  font-size:10.5px!important;
}
.lobby-room-workspace .lobby-voice-presence-preview{margin-top:8px!important}
.lobby-room-workspace .lobby-voice-presence-list{max-height:92px!important;overflow:auto!important}
.lobby-room-workspace .lobby-voice-participants{max-height:120px!important;overflow:auto!important}

/* Text chat owns the right column. Only the message list scrolls when needed;
   the whole Voice + Chat column never becomes a nested scrollbar. */
.lobby-room-workspace .lobby-chat-card{
  min-width:0!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:12px!important;
  background:linear-gradient(155deg,rgba(11,15,21,.985),rgba(6,9,13,.995))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}
.lobby-room-workspace .lobby-chat-card .lobby-communication-card-head{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
.lobby-room-workspace .lobby-chat-card .lobby-communication-card-head>div>span{font-size:9.5px!important}
.lobby-room-workspace .lobby-chat-card .lobby-communication-card-head h3{font-size:15px!important}
.lobby-room-workspace .lobby-chat-card .lobby-communication-action{min-height:31px!important;padding:5px 10px!important;font-size:9px!important}
.lobby-room-workspace .lobby-chat-body{margin-top:10px!important;min-height:0!important}
.lobby-room-workspace .lobby-chat-list{
  height:clamp(190px,28vh,315px)!important;
  min-height:190px!important;
  max-height:315px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:9px 8px!important;
  border-radius:9px!important;
}
.lobby-room-workspace .lobby-chat-form{margin-top:8px!important}
.lobby-room-workspace .lobby-chat-form textarea{height:38px!important;min-height:38px!important}
.lobby-room-workspace .lobby-chat-send{height:38px!important}

/* The 328 hero no longer exists in the markup. Keep any legacy selector inert
   in case a cached fragment ever appears during deployment. */
.lobby-room-workspace .lobby-room-hero{display:none!important}

@media(max-width:1120px){
  .lobby-room-workspace{
    grid-template-columns:minmax(270px,.80fr) minmax(0,1.20fr)!important;
    grid-template-areas:
      "players overview"
      "players voice"
      "players identity"
      "chat chat"!important;
  }
  .lobby-room-workspace .lobby-chat-list{height:260px!important;max-height:260px!important}
}
@media(max-width:700px){
  .lobby-room-workspace{display:flex!important;flex-direction:column!important;gap:10px!important}
  .lobby-room-workspace>.lobby-room-layout{display:contents!important}
  .lobby-room-workspace .lobby-room-overview{order:1!important;width:100%!important}
  .lobby-room-workspace .lobby-room-slots{order:2!important;width:100%!important}
  .lobby-room-workspace .lobby-voice-card{order:3!important;width:100%!important}
  .lobby-room-workspace .lobby-chat-card{order:4!important;width:100%!important}
  .lobby-room-workspace .lobby-identity-gate{order:5!important;width:100%!important}
  .lobby-room-workspace .lobby-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .lobby-room-workspace .lobby-chat-list{height:230px!important;max-height:230px!important}
}
@media(max-width:480px){
  .lobby-room-workspace .lobby-overview-grid{grid-template-columns:1fr!important}
  .lobby-overview-identity h1{font-size:21px}
  .lobby-room-workspace .lobby-chat-list{height:210px!important;min-height:180px!important;max-height:210px!important}
}
\n\n/* v1.48.5.330 — keep Ready actions live (Voice-safe) + chat visual balance.\n   Voice/WebRTC code is unchanged; only lobby-live navigation handling is fixed. */\n.lobby-room-workspace .lobby-chat-list{\n  height:clamp(235px,32vh,350px)!important;\n  min-height:235px!important;\n  max-height:350px!important;\n  padding:11px 10px!important;\n}\n.lobby-room-workspace .lobby-chat-card{\n  align-self:stretch!important;\n}\n.lobby-room-workspace .lobby-chat-body:not([hidden]){\n  display:flex!important;\n  flex-direction:column!important;\n  min-height:0!important;\n}\n.lobby-room-workspace .lobby-chat-form textarea{\n  padding:10px 12px!important;\n}\n@media(max-width:1120px){\n  .lobby-room-workspace .lobby-chat-list{height:280px!important;min-height:240px!important;max-height:280px!important}\n}\n@media(max-width:700px){\n  .lobby-room-workspace .lobby-chat-list{height:250px!important;min-height:220px!important;max-height:250px!important}\n}\n@media(max-width:480px){\n  .lobby-room-workspace .lobby-chat-list{height:225px!important;min-height:200px!important;max-height:225px!important}\n}\n
/* v1.48.5.331 — COD handoff compact pass.
   Layout only: keep the existing COD/Steam/Xbox handoff behavior intact while
   removing the oversized cards that forced unnecessary vertical scrolling. */
.cod-party-panel{
  gap:10px!important;
  padding:15px 16px!important;
}
.cod-party-panel .game-connect-copy{
  gap:3px!important;
}
.cod-party-panel .game-connect-copy>span{
  font-size:9px!important;
  letter-spacing:.09em!important;
}
.cod-party-panel .game-connect-copy h2{
  margin:3px 0!important;
  font-size:18px!important;
  line-height:1.08!important;
}
.cod-party-panel .game-connect-copy p{
  margin:0!important;
  max-width:920px!important;
  font-size:10.5px!important;
  line-height:1.38!important;
}
.cod-party-console{
  gap:8px!important;
}
.cod-party-code-card{
  min-height:0!important;
  padding:10px 12px!important;
  gap:10px!important;
  clip-path:none!important;
  border-radius:9px!important;
}
.cod-party-code-copy>small,
.cod-party-launcher-head small{
  font-size:8.5px!important;
}
.cod-party-code-copy>strong{
  margin-top:2px!important;
  font-size:23px!important;
  letter-spacing:.11em!important;
}
.cod-party-code-copy>span{
  margin-top:3px!important;
  font-size:8.5px!important;
}
.cod-party-code-side{
  gap:8px!important;
}
.cod-party-code-side>div{
  min-width:72px!important;
  padding:4px 9px!important;
}
.cod-party-code-side>div small{
  font-size:8.5px!important;
}
.cod-party-code-side>div strong{
  margin-top:2px!important;
  font-size:12px!important;
}
.cod-party-copy-button{
  min-height:32px!important;
  padding:0 11px!important;
  font-size:9px!important;
}
.cod-party-launcher{
  padding:10px 11px!important;
  border-radius:9px!important;
}
.cod-party-launcher-head{
  align-items:center!important;
  margin-bottom:8px!important;
  gap:10px!important;
}
.cod-party-launcher-head strong{
  margin-top:2px!important;
  font-size:12px!important;
}
.cod-party-launcher-head>span{
  max-width:520px!important;
  font-size:9px!important;
  line-height:1.3!important;
}
.cod-party-launch-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
}
.cod-party-launch-card,
.cod-party-launch-card.is-manual{
  grid-column:auto!important;
  min-height:64px!important;
  padding:8px 9px!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:8px!important;
  border-radius:9px!important;
}
.cod-party-launch-card.is-manual{
  grid-template-columns:34px minmax(0,1fr)!important;
}
.cod-party-launch-card>i{
  width:34px!important;
  height:34px!important;
  border-radius:8px!important;
  font-size:13px!important;
}
.cod-party-launch-card small{
  font-size:8px!important;
  line-height:1.05!important;
}
.cod-party-launch-card strong{
  margin-top:1px!important;
  font-size:10px!important;
  line-height:1.1!important;
}
.cod-party-launch-card em{
  margin-top:3px!important;
  font-size:8.5px!important;
  line-height:1.18!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.cod-party-launch-card>b{
  font-size:13px!important;
}
.cod-party-panel .valorant-party-owner-actions{
  min-height:42px!important;
  padding:7px 9px!important;
  gap:8px!important;
}
.cod-party-panel .valorant-party-owner-actions .game-connect-note,
.cod-party-panel>.game-connect-note{
  font-size:8.5px!important;
  line-height:1.3!important;
}
.cod-party-panel .valorant-party-owner-actions>strong{
  font-size:9px!important;
}
.cod-party-panel .valorant-party-owner-actions .lobby-secondary.compact,
.cod-party-panel .valorant-party-owner-actions .lobby-primary.big{
  min-height:32px!important;
  height:32px!important;
  padding:0 11px!important;
  font-size:9px!important;
}
.cod-party-auto-state{
  padding:7px 9px!important;
}
.cod-party-auto-state>span,
.cod-party-auto-state>strong{
  font-size:8.5px!important;
}

@media(max-width:1050px){
  .cod-party-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cod-party-launch-card,.cod-party-launch-card.is-manual{min-height:62px!important}
}
@media(max-width:620px){
  .cod-party-panel{padding:12px!important}
  .cod-party-code-card{grid-template-columns:1fr!important}
  .cod-party-code-side{justify-content:space-between!important}
  .cod-party-launcher-head{align-items:flex-start!important;flex-direction:column!important}
  .cod-party-launcher-head>span{text-align:left!important}
  .cod-party-launch-grid{grid-template-columns:1fr!important}
  .cod-party-launch-card,.cod-party-launch-card.is-manual{grid-template-columns:34px minmax(0,1fr) auto!important}
  .cod-party-launch-card.is-manual{grid-template-columns:34px minmax(0,1fr)!important}
  .cod-party-launch-card em{white-space:normal!important}
}


/* ===== ARENACTIVE v38 — lobby recovery + action semantics ===== */
.lobby-enter-action{
  border-color:rgba(61,214,124,.46)!important;
  background:linear-gradient(180deg,#36d77b,#27b968)!important;
  color:#041109!important;
  box-shadow:0 8px 24px rgba(39,185,104,.18)!important;
}
.lobby-enter-action:hover{
  border-color:rgba(109,239,164,.72)!important;
  background:linear-gradient(180deg,#43e58a,#2fc873)!important;
}
.lobby-exit-action{
  border-color:rgba(237,23,23,.48)!important;
  background:linear-gradient(180deg,rgba(172,18,24,.94),rgba(120,10,15,.96))!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(198,12,18,.16)!important;
}
.lobby-exit-action:hover{
  border-color:rgba(255,86,91,.72)!important;
  background:linear-gradient(180deg,rgba(204,24,30,.98),rgba(145,12,18,.98))!important;
}
.game-manual-fallback.is-needed{
  position:relative;
  overflow:hidden;
  border-color:rgba(237,23,23,.58)!important;
  background:
    linear-gradient(135deg,rgba(112,8,13,.18),rgba(8,11,15,.985) 52%),
    #080b0f!important;
  box-shadow:
    0 0 0 1px rgba(237,23,23,.065) inset,
    0 13px 30px rgba(0,0,0,.24),
    0 0 28px rgba(237,23,23,.075)!important;
}
.game-manual-fallback.is-needed::before{
  content:"";
  position:absolute;
  z-index:3;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(180deg,#ff343a,#a8070d);
  box-shadow:0 0 15px rgba(237,23,23,.36);
  pointer-events:none;
}
.game-manual-fallback.is-needed>summary{
  position:relative;
  padding-left:16px!important;
  color:#fff!important;
  background:linear-gradient(90deg,rgba(237,23,23,.105),rgba(237,23,23,0) 72%);
  text-shadow:0 1px 12px rgba(237,23,23,.22);
}
.game-manual-fallback.is-needed>summary::after{
  content:"!";
  position:absolute;
  right:11px;
  top:50%;
  width:19px;
  height:19px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border:1px solid rgba(255,76,82,.58);
  border-radius:50%;
  background:rgba(126,8,13,.72);
  color:#fff;
  font-size:11px;
  font-weight:1000;
  box-shadow:0 0 14px rgba(237,23,23,.18);
}
.game-manual-fallback.is-needed[open]>summary{
  border-bottom-color:rgba(237,23,23,.20)!important;
}
.game-manual-fallback.is-needed>div{
  background:linear-gradient(180deg,rgba(237,23,23,.025),rgba(0,0,0,0));
}
.game-manual-fallback.is-needed p{color:#b8c1c8!important;}
.game-manual-fallback.is-needed input{
  border-color:rgba(237,23,23,.22)!important;
  background:#080b0f!important;
}
.game-manual-fallback.is-needed input:focus{
  border-color:rgba(255,70,76,.72)!important;
  box-shadow:0 0 0 2px rgba(237,23,23,.08)!important;
  outline:none;
}
.game-manual-fallback.is-needed .lobby-secondary{
  border-color:rgba(237,23,23,.56)!important;
  background:linear-gradient(180deg,#ee1a21,#b90e14)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(190,10,17,.18)!important;
}
.game-manual-fallback.is-needed .lobby-secondary:hover{
  border-color:rgba(255,93,98,.78)!important;
  background:linear-gradient(180deg,#ff2a31,#cb1118)!important;
}


/* Xbox relationship verification: explicit responsive state, without page reload. */
.game-steam-handoff-actions form[data-xbox-relationship-check="1"]{position:relative;display:inline-flex}
.game-steam-handoff-actions form[data-xbox-relationship-check="1"]>button{
  position:relative;overflow:hidden;isolation:isolate;min-width:164px;
  border-color:rgba(61,214,124,.32)!important;
  background:linear-gradient(180deg,rgba(19,31,25,.96),rgba(8,14,11,.98))!important;
  color:#c8f7d9!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.18),0 0 0 1px rgba(61,214,124,.035);
  transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.game-steam-handoff-actions form[data-xbox-relationship-check="1"]>button:hover:not(:disabled){
  transform:translateY(-1px);border-color:rgba(92,239,151,.56)!important;color:#edfff4!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px rgba(0,0,0,.24),0 0 18px rgba(61,214,124,.09);
}
.game-steam-handoff-actions form[data-xbox-relationship-check="1"]>button.is-xbox-checking{
  cursor:wait;padding-left:34px!important;border-color:rgba(92,239,151,.52)!important;
  background:linear-gradient(110deg,rgba(16,37,25,.98),rgba(10,22,16,.98),rgba(16,37,25,.98))!important;
  background-size:220% 100%!important;color:#e6fff0!important;
  box-shadow:inset 0 0 0 1px rgba(92,239,151,.06),0 0 22px rgba(61,214,124,.10)!important;
  animation:raietXboxCheckSweep 1.65s linear infinite;
}
.game-steam-handoff-actions form[data-xbox-relationship-check="1"]>button.is-xbox-checking::before{
  content:"";position:absolute;left:12px;top:50%;width:12px;height:12px;margin-top:-7px;
  border:2px solid rgba(200,247,217,.24);border-top-color:#7ff0aa;border-right-color:#7ff0aa;border-radius:50%;
  animation:raietXboxCheckSpin .72s linear infinite;
}
.game-steam-handoff-actions form[data-xbox-relationship-check="1"]>button.is-xbox-checking::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(117,255,169,.055),transparent);transform:translateX(-100%);
  animation:raietXboxCheckGlow 1.4s ease-in-out infinite;
}
.game-steam-handoff-actions form[data-xbox-relationship-check="1"]>button.is-xbox-checking:disabled{opacity:1!important}
@keyframes raietXboxCheckSpin{to{transform:rotate(360deg)}}
@keyframes raietXboxCheckSweep{0%{background-position:0 0}100%{background-position:220% 0}}
@keyframes raietXboxCheckGlow{0%{transform:translateX(-110%)}60%,100%{transform:translateX(110%)}}
@media(max-width:650px){.game-steam-handoff-actions form[data-xbox-relationship-check="1"],.game-steam-handoff-actions form[data-xbox-relationship-check="1"]>button{width:100%}}
@media(prefers-reduced-motion:reduce){
  .game-steam-handoff-actions form[data-xbox-relationship-check="1"]>button.is-xbox-checking,
  .game-steam-handoff-actions form[data-xbox-relationship-check="1"]>button.is-xbox-checking::before,
  .game-steam-handoff-actions form[data-xbox-relationship-check="1"]>button.is-xbox-checking::after{animation:none!important}
}


/* ARENACTIVE v1.48.5.343 — lobby player quick actions.
   Keep player slots visually clean: tapping another player opens a compact
   contextual card with the two actions new players expect most. Desktop uses
   an anchored popover; phone layouts use a small bottom sheet. */
.lobby-slot-profile-hitbox.is-quick-action{
  appearance:none;
  -webkit-appearance:none;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}
.lobby-slot-profile-hitbox.is-quick-action:focus-visible{
  outline:1px solid rgba(237,23,23,.72);
  outline-offset:-2px;
}
.lobby-slot.is-player.has-quick-card{z-index:240!important}
.lobby-player-quick-card{
  position:absolute;
  left:14px;
  top:calc(100% - 2px);
  z-index:260;
  width:min(286px,calc(100vw - 36px));
  box-sizing:border-box;
  padding:12px;
  border:1px solid rgba(255,255,255,.11);
  border-top-color:rgba(237,23,23,.42);
  border-radius:10px;
  background:
    linear-gradient(135deg,rgba(237,23,23,.08),transparent 34%),
    linear-gradient(180deg,rgba(12,17,23,.995),rgba(6,9,13,.998));
  box-shadow:0 22px 54px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.018);
}
.lobby-player-quick-card[hidden]{display:none!important}
.lobby-slot:nth-child(2n)>.lobby-player-quick-card{left:auto;right:12px}
.lobby-player-quick-card:before{
  content:"";
  position:absolute;
  left:24px;
  top:-5px;
  width:9px;
  height:9px;
  border-left:1px solid rgba(237,23,23,.42);
  border-top:1px solid rgba(237,23,23,.42);
  background:#0c1117;
  transform:rotate(45deg);
}
.lobby-slot:nth-child(2n)>.lobby-player-quick-card:before{left:auto;right:24px}
.lobby-player-quick-close{
  position:absolute;
  top:7px;
  right:8px;
  z-index:2;
  width:24px;
  height:24px;
  padding:0;
  border:0;
  border-radius:5px;
  background:rgba(255,255,255,.025);
  color:#7f8b94;
  font:700 18px/24px Arial,sans-serif;
  cursor:pointer;
}
.lobby-player-quick-close:hover,.lobby-player-quick-close:focus-visible{background:rgba(237,23,23,.10);color:#fff;outline:none}
.lobby-player-quick-head{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-width:0;
  padding:1px 30px 10px 0;
  border-bottom:1px solid rgba(255,255,255,.065);
}
.lobby-player-quick-avatar{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  overflow:hidden;
  border:1px solid rgba(237,23,23,.35);
  border-radius:50%;
  background:#121820;
  color:#fff;
  font-size:13px;
  font-weight:1000;
}
.lobby-player-quick-avatar.has-image{padding:0}
.lobby-player-quick-avatar img{width:100%;height:100%;object-fit:cover}
.lobby-player-quick-head>div{min-width:0}
.lobby-player-quick-head strong,.lobby-player-quick-head small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lobby-player-quick-head strong{color:#f4f6f7;font-size:12px;font-weight:1000;line-height:1.2}
.lobby-player-quick-head small{margin-top:3px;color:#77848e;font-size:9.5px;font-weight:700}
.lobby-player-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:10px}
.lobby-player-quick-actions form{margin:0;min-width:0}
.lobby-player-quick-primary,.lobby-player-quick-secondary,.lobby-player-quick-state{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  min-height:32px;
  box-sizing:border-box;
  padding:0 9px;
  border-radius:6px;
  text-align:center;
  text-decoration:none;
  font-size:8.7px;
  font-weight:1000;
  line-height:1.15;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.lobby-player-quick-primary{
  border:1px solid rgba(237,23,23,.54);
  background:linear-gradient(110deg,rgba(210,28,37,.94),rgba(145,18,29,.96));
  color:#fff;
  cursor:pointer;
}
.lobby-player-quick-primary:hover,.lobby-player-quick-primary:focus-visible{border-color:rgba(255,89,94,.88);background:linear-gradient(110deg,#e22631,#a61725);outline:none}
.lobby-player-quick-secondary{
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.025);
  color:#c3cbd1;
}
.lobby-player-quick-secondary:hover,.lobby-player-quick-secondary:focus-visible{border-color:rgba(255,255,255,.20);background:rgba(255,255,255,.055);color:#fff;outline:none}
.lobby-player-quick-state{
  border:1px solid rgba(61,214,124,.18);
  background:rgba(61,214,124,.06);
  color:#7ee7a9;
}
.lobby-player-quick-friend-state{
  display:block;
  margin-top:7px;
  color:#6f7d86;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
  text-align:right;
  text-transform:uppercase;
}
@media(max-width:760px){
  .lobby-slot:nth-child(2n)>.lobby-player-quick-card{left:14px;right:auto}
  .lobby-slot:nth-child(2n)>.lobby-player-quick-card:before{left:24px;right:auto}
}
@media(max-width:620px){
  .lobby-player-quick-card{
    position:fixed;
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:max(12px,env(safe-area-inset-bottom));
    z-index:1200;
    width:auto;
    padding:14px;
    border-radius:14px;
    box-shadow:0 26px 70px rgba(0,0,0,.72),0 0 0 9999px rgba(0,0,0,.38);
  }
  .lobby-player-quick-card:before{display:none}
  .lobby-player-quick-head{grid-template-columns:42px minmax(0,1fr);padding-bottom:12px}
  .lobby-player-quick-avatar{width:42px;height:42px}
  .lobby-player-quick-head strong{font-size:13px}
  .lobby-player-quick-head small{font-size:10px}
  .lobby-player-quick-actions{gap:8px;padding-top:12px}
  .lobby-player-quick-primary,.lobby-player-quick-secondary,.lobby-player-quick-state{min-height:38px;font-size:9.5px}
}

/* Create lobby artwork hero. */

.lobby-create-modern .create-lobby-art-hero{display:block;min-height:0;padding:0;gap:0;background:#131924;margin:-18px -18px 3px}
.lobby-create-modern .create-lobby-art-hero:before,.lobby-create-modern .create-lobby-art-hero:after{content:none}
.create-lobby-art-hero .create-hero-scene{height:clamp(240px,26vw,350px);position:relative;overflow:hidden;background:#111722}
.create-lobby-art-hero .create-hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.create-lobby-art-hero .create-hero-image[hidden]{display:none}
.create-lobby-art-hero .create-hero-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#13192400 35%,#13192470 72%,#131924 100%);pointer-events:none}
.create-lobby-art-hero .create-hero-identity{position:relative;z-index:1;display:flex;align-items:center;gap:24px;margin:-52px 30px 0;padding-bottom:26px}
.create-lobby-art-hero .create-hero-cover{flex:0 0 104px;width:104px;height:156px;overflow:hidden;border:1px solid #ffffff2b;border-radius:7px;background:#1b2331;box-shadow:0 12px 30px #0007}
.create-lobby-art-hero .create-hero-cover[hidden]{display:none}
.create-lobby-art-hero .create-hero-cover img{display:block;width:100%;height:100%;object-fit:cover}
.create-lobby-art-hero .create-lobby-hero-copy{flex:1;max-width:none;min-width:0;padding-top:28px}
.create-lobby-art-hero .create-lobby-hero-copy>span{color:#ff5d76;font-size:10px;letter-spacing:2px}
.create-lobby-art-hero .create-hero-game-title{margin:10px 0;color:#fff;font-size:clamp(26px,3vw,42px);font-weight:950;line-height:1.12;letter-spacing:-.7px;overflow-wrap:anywhere}
.create-lobby-art-hero .create-lobby-hero-copy p{max-width:620px;color:#a8b3c5}
@media(max-width:560px){.lobby-create-modern .create-lobby-art-hero{margin-inline:-18px}.create-lobby-art-hero .create-hero-scene{height:215px}.create-lobby-art-hero .create-hero-identity{gap:14px;margin:-30px 16px 0;padding-bottom:20px}.create-lobby-art-hero .create-hero-cover{flex-basis:76px;width:76px;height:114px}.create-lobby-art-hero .create-hero-game-title{font-size:25px}.create-lobby-art-hero .create-lobby-hero-copy{padding-top:25px}.create-lobby-art-hero .create-lobby-hero-copy>span{font-size:8px;letter-spacing:1px}.create-lobby-art-hero .create-lobby-hero-copy p{font-size:11px!important}}

/* Compact create workspace; all adapter fields and native form values stay intact. */
.create-workspace,.create-workspace *{box-sizing:border-box}
.create-workspace .create-size-stepper button::before,.create-workspace .create-size-stepper button::after,.create-workspace .create-workspace-actions>button::before,.create-workspace .create-workspace-actions>button::after{content:none!important;display:none!important}
.create-workspace .create-adapter-description summary{cursor:pointer;color:#c4cfd8;font-size:11px;line-height:1.4;list-style:disclosure-closed}
.create-workspace .create-adapter-description[open] summary{list-style:disclosure-open;margin-bottom:8px}
.create-workspace .create-adapter-description small,.create-workspace .create-adapter-description>span{display:block;font-size:11px!important;line-height:1.45!important;color:#8f9fac!important}
.create-workspace{padding:30px 20px 48px!important}
.create-workspace .lobby-create-card{width:min(1080px,100%)!important;max-width:1080px!important;padding:0!important;border:1px solid #293038!important;border-radius:12px!important;background:#090e13!important;overflow:hidden}
.create-workspace .lobby-create-card:has(.lobby-create-modern)>.auth-kicker,.create-workspace .lobby-create-card:has(.lobby-create-modern)>h1,.create-workspace .lobby-create-card:has(.lobby-create-modern)>p{display:none!important}
.create-workspace .auth-error,.create-workspace .lobby-create-match{margin:18px!important}
.create-workspace .lobby-create-modern{display:flex!important;flex-direction:column!important;gap:22px!important;padding:0 26px 24px!important;border:0!important;background:none!important;box-shadow:none!important}
.create-workspace .lobby-create-modern [hidden]{display:none!important}
.create-workspace .create-lobby-art-hero{position:relative!important;min-height:166px!important;height:166px!important;margin:0 -26px!important;padding:0!important;background:#0b1015!important;border:0!important;border-bottom:1px solid #293038!important;border-radius:0!important;overflow:hidden}
.create-workspace .create-hero-scene{position:absolute!important;inset:0 auto 0 0!important;width:49%!important;height:100%!important}
.create-workspace .create-hero-scene:after{background:linear-gradient(90deg,transparent 55%,#0b1015)!important}
.create-workspace .create-hero-image{object-position:center!important}
.create-workspace .create-hero-cover{display:none!important}
.create-workspace .create-hero-identity{height:100%!important;margin:0!important;padding:20px 30px 20px 51%!important;gap:0!important}
.create-workspace .create-lobby-hero-copy{padding:0!important}
.create-workspace .create-hero-game-title{display:inline-block!important;margin:0 0 9px!important;padding:5px 9px!important;border:1px solid #38414c;border-radius:5px;color:#bac7d2!important;font:500 11px/1.3 'Segoe UI',Arial,sans-serif!important;letter-spacing:0!important}
.create-workspace .create-workspace-title{font:850 clamp(24px,2.7vw,36px)/1.1 'Segoe UI',Arial,sans-serif!important;color:#f4f5f7!important;margin:0 0 10px!important;letter-spacing:.025em!important}
.create-workspace .create-lobby-hero-copy p{font-size:12px!important;line-height:1.45!important;color:#9aa8b6!important;margin:0!important}
.create-workspace fieldset{min-width:0}
.create-workspace .create-choice-group{margin:0!important}
.create-workspace legend,.create-workspace .create-note-field>span{font:700 11px/1.3 'Segoe UI',Arial,sans-serif!important;letter-spacing:.09em!important;color:#bdc9d4!important;margin:0 0 12px!important;text-transform:uppercase}
.create-workspace .create-choice-group>legend:before{content:"";display:inline-block;width:20px;height:3px;background:#e32c43;margin-right:10px;vertical-align:middle}
.create-workspace .create-game-choice .create-choice-grid,.create-workspace .create-region-choice .create-choice-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.create-workspace .create-game-choice .create-choice-grid.is-community-single{grid-template-columns:1fr!important}
.create-workspace .create-choice-body{min-height:58px!important;padding:10px!important;border:1px solid #2b343d!important;border-radius:7px!important;background:linear-gradient(140deg,#10171e,#090f15)!important;box-shadow:none!important;gap:10px!important}
.create-workspace .create-choice-copy strong{font:650 12px/1.25 'Segoe UI',Arial,sans-serif!important;color:#e6ebef!important}
.create-workspace .create-choice-game-art{width:38px!important;height:38px!important;border-radius:6px!important;flex-shrink:0!important}
.create-workspace .create-choice-input:checked+.create-choice-body{border-color:#e32c43!important;background:linear-gradient(120deg,#25141c,#0c1118)!important;box-shadow:inset 0 0 0 1px #e32c4333!important}
.create-workspace .create-choice-input:focus-visible+.create-choice-body{outline:2px solid #f87588;outline-offset:3px}
.create-workspace .community-create-entry{min-height:0!important;margin:-8px 0 0!important;padding:10px 12px!important;background:#0e141b!important;border:1px solid #29333d!important;border-radius:6px!important}
.create-workspace .community-create-entry small{font-size:10px!important}
.create-workspace .create-region-choice{padding-top:18px!important;border-top:1px solid #242d36!important}
.create-workspace .create-region-choice .create-choice-body{display:flex!important;justify-content:center!important;min-height:46px!important}
.create-workspace .create-region-choice .create-choice-check{display:none!important}
.create-workspace .create-region-mark{font-size:0!important;width:24px!important;height:16px!important;border:0!important;border-radius:2px!important;background-color:transparent!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;flex:0 0 24px!important}
.create-workspace .create-session-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;padding:20px 0;border-top:1px solid #242d36;border-bottom:1px solid #242d36;align-items:start}
.create-workspace .create-session-fields{min-width:0}
.create-workspace .game-adapter-fields{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;min-width:0!important}
.create-workspace .game-adapter-heading{margin-bottom:12px!important}
.create-workspace .game-adapter-heading strong{font-size:12px!important}
.create-workspace .game-adapter-heading small{font-size:11px!important;line-height:1.45!important;color:#8899a9!important}
.create-workspace .game-adapter-fields label>span{font-size:11px!important}
.create-workspace select,.create-workspace input[type=text],.create-workspace input[type=number]{min-height:42px!important;border:1px solid #35414c!important;border-radius:6px!important;background:#0b1219!important;color:#e5eaf0!important;padding:10px 12px!important;font-size:12px!important;width:100%;box-sizing:border-box}
.create-workspace [data-mode-note]{padding:9px 10px!important;margin:10px 0 0!important;background:#101720!important;border:1px solid #273540!important;border-radius:6px!important;line-height:1.45!important}
.create-workspace [data-mode-note]>strong{font-size:10px!important}
.create-workspace [data-mode-note]>span,.create-workspace [data-mode-note]>small{font-size:10px!important;line-height:1.5!important}
.create-workspace .create-size-choice{border-left:1px solid #29323b!important;padding-left:24px!important}
.create-workspace .create-size-help{font-size:11px!important;color:#96a5b5!important;margin-top:12px!important}
.create-workspace .create-size-choice.is-stepper .create-size-grid{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important}
.create-workspace .create-size-stepper{display:flex;align-items:center;gap:0;width:210px;max-width:100%;border:1px solid #3c4753;border-radius:6px;overflow:hidden;background:#10171e}
.create-workspace .create-size-stepper button{flex:0 0 46px;width:46px;min-height:44px;padding:0!important;clip-path:none!important;border:0!important;border-radius:0!important;background:#171f28!important;color:#eef1f5!important;font:500 23px/1 Arial!important;box-shadow:none!important;cursor:pointer}
.create-workspace .create-size-stepper button:disabled{opacity:.3;cursor:default}
.create-workspace .create-size-stepper button:focus-visible{outline:2px solid #f56a7e;outline-offset:-3px}
.create-workspace .create-size-stepper output{flex:1;text-align:center;color:white;font:750 20px/1.2 'Segoe UI',sans-serif}
.create-workspace .create-size-range{display:block;margin-top:10px;color:#9faebe;font-size:11px}
.create-workspace .create-size-people{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;max-width:270px}
.create-workspace .create-size-people svg{width:18px;height:22px;fill:#4c5c6b}
.create-workspace .create-size-people svg:first-child{fill:#ef5266}
.create-workspace .create-preferences-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px 24px}
.create-workspace .lobby-requirements-choice,.create-workspace .lobby-communication-choice{margin:0!important;padding:0!important;border:0!important;background:none!important;min-width:0!important}
.create-workspace .lobby-requirements-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.create-workspace .lobby-requirement-check,.create-workspace .lobby-rank-select{min-height:72px!important;padding:12px!important;border:1px solid #2b343d!important;border-radius:7px!important;background:#0d141b!important;box-shadow:none!important}
.create-workspace .lobby-requirement-check-copy strong,.create-workspace .lobby-communication-toggle strong{font-size:12px!important}
.create-workspace .lobby-requirement-check-copy small,.create-workspace .lobby-communication-toggle small{font-size:10px!important;line-height:1.4!important;color:#8e9fae!important}
.create-workspace .lobby-communication-choice-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.create-workspace .lobby-communication-toggle{min-height:72px!important;align-items:center!important;padding:12px!important;border:1px solid #2b343d!important;border-radius:7px!important;background:#0d141b!important}
.create-workspace .create-note-field{grid-column:1/-1!important;margin:0!important}
.create-workspace .create-note-field>span em{font-style:normal;color:#697b8a}
.create-workspace .create-workspace-actions{display:flex;align-items:center;gap:12px;margin:0 -26px -24px;padding:18px 26px;border-top:1px solid #29323a;background:#0c1219}
.create-workspace .create-workspace-summary{flex:1;min-width:0;font-size:11px;color:#b4c2cd;line-height:1.5}
.create-workspace .create-workspace-actions .simple-lobby-cancel{flex:0 0 auto;margin:0!important;min-width:90px;padding:13px 16px!important;border:1px solid #35404b;border-radius:6px;background:#0d131b;text-align:center;text-decoration:none;color:#a5b3c2!important}
.create-workspace .create-workspace-actions>button[type=submit]{flex:0 0 auto;width:auto!important;min-width:180px;min-height:44px!important;margin:0!important;padding:12px 22px!important;clip-path:none!important;border:1px solid #f43850!important;border-radius:6px!important;background:linear-gradient(110deg,#ed233c,#c7182c)!important;color:white;font-size:12px!important;font-weight:800;letter-spacing:.035em;display:inline-flex;justify-content:center;align-items:center;gap:16px}
.create-workspace .create-workspace-actions>button[type=submit]:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:760px){
 .create-workspace{padding:18px 12px 32px!important}
 .create-workspace .lobby-create-modern{padding:0 18px 18px!important;gap:18px!important}
 .create-workspace .create-lobby-art-hero{margin:0 -18px!important;height:154px!important;min-height:154px!important}
 .create-workspace .create-hero-identity{padding:18px 18px 18px 43%!important}
 .create-workspace .create-hero-scene{width:48%!important}
 .create-workspace .create-workspace-title{font-size:25px!important}
 .create-workspace .create-game-choice .create-choice-grid,.create-workspace .create-region-choice .create-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .create-workspace .create-session-row,.create-workspace .create-preferences-row{grid-template-columns:1fr}
 .create-workspace .create-size-choice{border-left:0!important;padding-left:0!important}
 .create-workspace .create-workspace-actions{flex-wrap:wrap;margin:0 -18px -18px;padding:16px 18px}
 .create-workspace .create-workspace-summary{flex-basis:100%}
 .create-workspace .create-workspace-actions>button[type=submit]{flex:1;min-width:150px}
}
@media(max-width:380px){.create-workspace .create-choice-copy strong{font-size:10px!important}.create-workspace .create-choice-game-art{width:28px!important;height:28px!important}.create-workspace .create-choice-body{gap:6px!important;padding:8px!important}.create-workspace .create-lobby-hero-copy p{font-size:10px!important}.create-workspace .create-workspace-title{font-size:22px!important}}


.create-workspace .create-region-choice .create-choice-card:has(input[value="italy"]) .create-region-mark{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2016%22%3E%3Cpath%20fill%3D%22%23009246%22%20d%3D%22M0%200h8v16H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%200h8v16H8z%22%2F%3E%3Cpath%20fill%3D%22%23ce2b37%22%20d%3D%22M16%200h8v16h-8z%22%2F%3E%3C%2Fsvg%3E")!important}
.create-workspace .create-region-choice .create-choice-card:has(input[value="europe"]) .create-region-mark{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2016%22%3E%3Cpath%20fill%3D%22%23003399%22%20d%3D%22M0%200h24v16H0z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%223%22%20r%3D%22.65%22%20fill%3D%22%23ffcc00%22%2F%3E%3Ccircle%20cx%3D%2214.5%22%20cy%3D%223.6698729810778064%22%20r%3D%22.65%22%20fill%3D%22%23ffcc00%22%2F%3E%3Ccircle%20cx%3D%2216.33012701892219%22%20cy%3D%225.5%22%20r%3D%22.65%22%20fill%3D%22%23ffcc00%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%228%22%20r%3D%22.65%22%20fill%3D%22%23ffcc00%22%2F%3E%3Ccircle%20cx%3D%2216.330127018922195%22%20cy%3D%2210.5%22%20r%3D%22.65%22%20fill%3D%22%23ffcc00%22%2F%3E%3Ccircle%20cx%3D%2214.5%22%20cy%3D%2212.330127018922195%22%20r%3D%22.65%22%20fill%3D%22%23ffcc00%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%22.65%22%20fill%3D%22%23ffcc00%22%2F%3E%3Ccircle%20cx%3D%229.500000000000002%22%20cy%3D%2212.330127018922195%22%20r%3D%22.65%22%20fill%3D%22%23ffcc00%22%2F%3E%3Ccircle%20cx%3D%227.669872981077808%22%20cy%3D%2210.500000000000002%22%20r%3D%22.65%22%20fill%3D%22%23ffcc00%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%228.000000000000002%22%20r%3D%22.65%22%20fill%3D%22%23ffcc00%22%2F%3E%3Ccircle%20cx%3D%227.669872981077807%22%20cy%3D%225.5%22%20r%3D%22.65%22%20fill%3D%22%23ffcc00%22%2F%3E%3Ccircle%20cx%3D%229.499999999999998%22%20cy%3D%223.669872981077808%22%20r%3D%22.65%22%20fill%3D%22%23ffcc00%22%2F%3E%3C%2Fsvg%3E")!important}
.create-workspace .create-region-choice .create-choice-card:has(input[value="russian-speaking"]) .create-region-mark{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2016%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v5.34H0z%22%2F%3E%3Cpath%20fill%3D%22%230039a6%22%20d%3D%22M0%205.33h24v5.34H0z%22%2F%3E%3Cpath%20fill%3D%22%23d52b1e%22%20d%3D%22M0%2010.66h24V16H0z%22%2F%3E%3C%2Fsvg%3E")!important}
.create-workspace .create-region-choice .create-choice-card:has(input[value="global"]) .create-region-mark{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2016%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c5d1dc%22%20stroke-width%3D%221.4%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%227%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%228%22%20rx%3D%223%22%20ry%3D%227%22%2F%3E%3Cpath%20d%3D%22M5%208h14M6.4%204.5h11.2M6.4%2011.5h11.2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}

/* Keep compact controls independent of shared slanted button skins. */
body .create-workspace .lobby-create-modern .create-workspace-actions>button[type=submit],
body .create-workspace .lobby-create-modern .create-size-stepper>button{clip-path:none!important;transform:none!important;border-radius:6px!important}
body .create-workspace .lobby-create-modern .create-size-stepper>button::before,
body .create-workspace .lobby-create-modern .create-size-stepper>button::after,
body .create-workspace .lobby-create-modern .create-workspace-actions>button[type=submit]::before,
body .create-workspace .lobby-create-modern .create-workspace-actions>button[type=submit]::after{display:none!important;content:none!important}
@media(max-width:760px){
 .create-workspace .create-lobby-art-hero{height:auto!important;min-height:210px!important}
 .create-workspace .create-hero-identity{min-height:210px!important}
 .create-workspace .create-lobby-hero-copy p{font-size:11px!important;line-height:1.5!important}
}

/* Wide create workspace: stable shared controls, full-width game setup. */
.create-workspace{padding:20px 28px 28px!important;max-width:none!important;width:100%!important}
.create-workspace .lobby-create-card{width:min(1480px,100%)!important;max-width:1480px!important}
.create-workspace .lobby-create-modern{gap:16px!important}
.create-workspace .create-lobby-art-hero{height:124px!important;min-height:124px!important}
.create-workspace .create-hero-identity{min-height:0!important;padding-top:14px!important;padding-bottom:14px!important}
.create-workspace legend{margin-bottom:8px!important}
.create-workspace .create-choice-body{min-height:48px!important;padding:7px 10px!important}
.create-workspace .create-choice-game-art{width:32px!important;height:32px!important}
.create-workspace .community-create-entry{padding:7px 12px!important}
.create-workspace .create-region-size-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.5fr);gap:24px;align-items:start;padding-top:14px;border-top:1px solid #242d36}
.create-workspace .create-region-choice{padding-top:0!important;border:0!important}
.create-workspace .create-size-choice{display:grid;grid-template-columns:160px minmax(0,1fr);gap:5px 14px;border:0!important;padding:0!important;align-items:center}
.create-workspace .create-size-choice>legend{float:none;grid-column:1/-1}
.create-workspace .create-size-stepper{width:160px!important;grid-row:2/4;margin:0!important}
.create-workspace .create-size-range,.create-workspace .create-size-help{margin:0!important;font-size:10px!important;line-height:1.4!important}
.create-workspace .create-size-people{display:none!important}
.create-workspace .create-session-row{display:block;padding:12px 0;border-bottom:0}
.create-workspace .create-session-row:not(:has([data-game-config]:not([hidden]))){display:none}
.create-workspace .game-adapter-heading{margin-bottom:0!important}
.create-workspace .game-adapter-fields{gap:10px!important}
.create-workspace .create-preferences-row{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px 18px;padding-top:12px;border-top:1px solid #242d36}
.create-workspace .lobby-requirements-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.create-workspace .lobby-requirements-grid:not(:has(.lobby-rank-select:not([hidden]))){grid-template-columns:1fr!important}
.create-workspace .lobby-requirement-check,.create-workspace .lobby-rank-select,.create-workspace .lobby-communication-toggle{min-height:76px!important;padding:10px!important}
.create-workspace .lobby-rank-select{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(95px,.8fr)!important;gap:8px!important}
.create-workspace .lobby-rank-select[hidden]{display:none!important}
.create-workspace .lobby-rank-select .requirement-icon{display:none!important}
.create-workspace .lobby-rank-select select{width:100%!important;min-width:0!important;max-width:none!important}
.create-workspace .lobby-rank-copy small{font-size:9px!important;line-height:1.35!important}
.create-workspace .create-workspace-actions{padding-top:12px;padding-bottom:12px}
@media(min-width:1000px){
 .create-workspace .game-adapter-fields:is([data-game-config="cs2"],[data-game-config="apex"],[data-game-config="valorant"]):not([hidden]){display:grid!important;grid-template-columns:minmax(200px,.65fr) minmax(0,2fr);align-items:start}
 .create-workspace .game-adapter-heading{grid-column:1/-1}
 .create-workspace [data-game-config="cs2"]>[data-mode-note]{margin:0!important}
 .create-workspace .create-platform-choice{margin:0!important;padding:0!important}
 .create-workspace .create-platform-choice-head{gap:12px;margin-bottom:6px!important}
 .create-workspace .create-platform-choice-head small{font-size:10px!important;line-height:1.35!important}
 .create-workspace .create-platform-card{min-height:70px!important;padding:9px!important;gap:8px!important}
 .create-workspace .create-platform-copy strong{font-size:10px!important;line-height:1.3!important}
 .create-workspace .create-platform-copy small{font-size:9px!important;line-height:1.3!important}
 .create-workspace .create-platform-manage{margin-top:5px!important}
 .create-workspace .game-adapter-fields>[data-server-fields],.create-workspace .game-adapter-fields>.server-manual-check{grid-column:1/-1}
}
@media(max-width:1100px){
 .create-workspace .create-preferences-row{grid-template-columns:1fr}
 .create-workspace .create-region-size-row{grid-template-columns:minmax(0,1fr) 280px;gap:16px}
 .create-workspace .create-size-choice{grid-template-columns:140px minmax(0,1fr);gap:5px 8px}
 .create-workspace .create-size-stepper{width:140px!important}
}
@media(max-width:760px){
 .create-workspace{padding:14px 12px 28px!important}
 .create-workspace .create-region-size-row{grid-template-columns:1fr;gap:16px}
 .create-workspace .create-lobby-art-hero{height:auto!important;min-height:190px!important}
 .create-workspace .create-hero-identity{min-height:190px!important}
 .create-workspace .create-size-choice{grid-template-columns:160px minmax(0,1fr)}
 .create-workspace .create-size-stepper{width:160px!important}
 .create-workspace .lobby-requirements-grid{grid-template-columns:1fr!important}
 .create-workspace .create-choice-copy strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
 .create-workspace .create-platform-grid{grid-template-columns:1fr!important}
}
.create-workspace .create-size-choice{display:block!important;min-height:68px}
.create-workspace .create-size-stepper{float:left;margin:0 14px 0 0!important}
.create-workspace .create-size-range{padding-top:3px}
.create-workspace .create-size-help{display:block;padding-top:5px}
@media(min-width:1400px){
 .create-workspace .create-game-choice .create-choice-grid:not(.is-community-single){grid-template-columns:repeat(8,minmax(0,1fr))!important}
 .create-workspace .create-game-choice .create-choice-body{gap:7px!important}
 .create-workspace .create-game-choice .create-choice-copy strong{font-size:11px!important;white-space:normal!important}
 .create-workspace .create-game-choice .create-choice-check{width:10px!important;height:10px!important;flex-basis:10px!important}
}

.create-workspace .lobby-rank-copy{grid-column:1!important;grid-row:1!important;min-width:0;text-align:left}
.create-workspace .lobby-rank-select select{grid-column:2!important;grid-row:1!important}
.create-workspace .lobby-rank-copy strong{font-size:12px!important;line-height:1.3!important}
/* Final density pass for game-specific setup and lobby preferences. */
.create-workspace .create-session-row{margin-top:-2px!important;padding:10px 0 12px!important}
.create-workspace .game-adapter-fields{gap:8px!important}
.create-workspace .game-adapter-fields label>span{margin-bottom:4px!important}
.create-workspace .game-adapter-fields select,.create-workspace .game-adapter-fields input{min-height:38px!important;padding:8px 10px!important}
.create-workspace [data-mode-note]{min-height:0!important;margin:6px 0 0!important;padding:8px 10px!important}
.create-workspace .create-platform-choice-head{margin-bottom:4px!important}
.create-workspace .create-platform-grid{gap:8px!important}
.create-workspace .create-platform-card{min-height:62px!important}
.create-workspace .create-preferences-row{padding-top:10px!important;gap:10px 16px!important}
.create-workspace .lobby-requirement-check,.create-workspace .lobby-rank-select,.create-workspace .lobby-communication-toggle{min-height:64px!important;padding:8px 10px!important}
.create-workspace .requirement-icon{width:40px!important;height:40px!important}
.create-workspace .lobby-requirement-check-copy strong,.create-workspace .lobby-communication-toggle strong{font-size:11px!important}
.create-workspace .lobby-requirement-check-copy small,.create-workspace .lobby-communication-toggle small{font-size:9px!important;line-height:1.3!important}
.create-workspace .lobby-communication-choice-grid{gap:8px!important}
.create-workspace .create-note-field{margin-top:0!important}
.create-workspace .create-note-field input{min-height:38px!important}
@media(min-width:1000px){
 .create-workspace .lobby-requirements-grid:not(:has(.lobby-rank-select:not([hidden]))){grid-template-columns:minmax(0,1fr)!important}
 .create-workspace .lobby-communication-toggle{min-height:64px!important}
}
/* CS2 official note: optically centered, shorter and easier to read. */
.create-workspace .game-adapter-fields [data-mode-note]{
  align-self:center!important;
  width:min(860px,100%)!important;
  min-height:54px!important;
  margin:0 0 0 8px!important;
  padding:11px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:3px!important;
}
.create-workspace .game-adapter-fields [data-mode-note]>strong{font-size:12px!important;line-height:1.2!important;letter-spacing:.01em!important}
.create-workspace .game-adapter-fields [data-mode-note]>span,
.create-workspace .game-adapter-fields [data-mode-note]>small{font-size:10.5px!important;line-height:1.35!important}
/* Communication choices use the same calm switch language as microphone required. */
.create-workspace .lobby-communication-toggle{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;padding-right:58px!important;cursor:pointer!important}
.create-workspace .lobby-communication-toggle input[type=checkbox]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}
.create-workspace .lobby-communication-toggle::after{content:"";position:absolute;right:14px;top:50%;width:40px;height:23px;transform:translateY(-50%);border:1px solid #34414c;border-radius:999px;background:#070c11;transition:.18s ease}
.create-workspace .lobby-communication-toggle::before{content:"";position:absolute;z-index:1;right:34px;top:50%;width:15px;height:15px;transform:translateY(-50%);border-radius:50%;background:#687784;transition:.18s ease;box-shadow:0 1px 3px #0008}
.create-workspace .lobby-communication-toggle:has(input:checked)::after{border-color:#d82b43;background:rgba(216,43,67,.16)}
.create-workspace .lobby-communication-toggle:has(input:checked)::before{right:17px;background:#f06a4e}
.create-workspace .lobby-communication-toggle:focus-within{border-color:#df3b50!important;box-shadow:0 0 0 2px rgba(223,59,80,.16)!important}
@media(max-width:760px){
 .create-workspace .game-adapter-fields [data-mode-note]{width:100%!important;margin:6px 0 0!important}
}
/* Mode explanations remain a single coherent CS2 card. */
.create-workspace .create-mode-note-card{display:flex!important;flex-direction:column!important;gap:4px!important;align-self:center!important;width:min(860px,100%)!important;min-height:56px!important;margin:0 0 0 8px!important;padding:11px 14px!important;border:1px solid #303b48!important;border-radius:7px!important;background:#101720!important;color:#9aaabd!important}
.create-workspace .create-mode-note-card>strong{color:#dce7f4!important;font-size:12px!important;line-height:1.2!important;letter-spacing:.01em!important}
.create-workspace .create-mode-note-card>span{color:#a6b5c5!important;font-size:10.5px!important;line-height:1.35!important}
.create-workspace .create-mode-note-card>small{color:#8e9dad!important;font-size:10px!important;line-height:1.35!important}
.create-workspace .create-mode-note-card[hidden]{display:none!important}
@media(max-width:760px){.create-workspace .create-mode-note-card{width:100%!important;margin:6px 0 0!important}}

/* Mobile account panels must occupy their full height in document flow. */
@media(max-width:900px){
 .profile-page .profile-shell{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;gap:16px!important;align-items:start!important}
 .profile-page .profile-card{position:static!important;inset:auto!important;height:auto!important;min-height:0!important;max-height:none!important;transform:none!important;overflow:visible!important;clip-path:none!important;box-sizing:border-box!important}
 .profile-page .profile-editor{position:relative!important;inset:auto!important;min-width:0!important;margin-top:0!important;transform:none!important;box-sizing:border-box!important}
 .profile-page .profile-games-summary{position:static!important;height:auto!important;margin-bottom:0!important;padding-bottom:4px!important;overflow-wrap:anywhere}
 .profile-page .profile-editor-head{flex-wrap:wrap!important;gap:12px!important}
 .profile-page .profile-editor-head>div{min-width:0!important;max-width:100%!important}
 .profile-page .profile-editor-head h2{overflow-wrap:anywhere}
}

/* Mobile communication controls and account game selection. */
@media(max-width:700px){
 .create-workspace .lobby-communication-choice-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 .create-workspace .lobby-communication-toggle{width:100%!important;min-width:0!important;height:auto!important;min-height:78px!important;padding:14px 74px 14px 14px!important;box-sizing:border-box!important}
 .create-workspace .lobby-communication-toggle>span{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere}
 .create-workspace .lobby-communication-toggle strong{font-size:14px!important;line-height:1.35!important;white-space:normal!important}
 .create-workspace .lobby-communication-toggle small{font-size:12px!important;line-height:1.5!important;white-space:normal!important;margin-top:4px!important}
 .create-workspace .lobby-communication-toggle::after{right:14px;width:40px;height:23px;box-sizing:content-box}
 .create-workspace .lobby-communication-toggle::before{right:34px;width:15px;height:15px}
 .create-workspace .lobby-communication-toggle:has(input:checked)::before{right:17px}
 .profile-page .profile-section-title{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important}
 .profile-page .profile-section-title>div{min-width:0!important;flex:1 1 auto!important;text-align:left!important}
 .profile-page .profile-section-title h3{font-size:15px!important;line-height:1.35!important;overflow-wrap:anywhere}
 .profile-page .profile-section-help{position:static!important;flex:0 0 30px!important;margin:0!important;align-self:center!important}
 .profile-page .game-picker{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 .profile-page .game-pick-row{grid-template-columns:minmax(0,1fr) minmax(100px,auto)!important;gap:10px!important;padding:12px!important;min-width:0!important;min-height:0!important;clip-path:none!important;box-sizing:border-box!important;align-items:center!important}
 .profile-page .game-pick-row .game-check{grid-column:1/-1!important;min-width:0!important;min-height:32px!important;gap:10px!important}
 .profile-page .game-pick-row .game-check strong{font-size:14px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere}
 .profile-page .game-pick-row .game-check>span{width:20px!important;height:20px!important;flex-basis:20px!important;box-sizing:border-box!important}
 .profile-page .game-pick-row select{grid-column:1!important;width:100%!important;min-width:0!important;height:44px!important;padding:0 10px!important;font-size:16px!important;color:#dce3e9!important;color-scheme:dark;box-sizing:border-box!important}
 .profile-page .game-pick-row .primary-radio{grid-column:2!important;justify-content:flex-start!important;min-width:0!important;min-height:44px!important;gap:8px!important;font-size:12px!important;line-height:1.35!important;letter-spacing:0!important;color:#a9b5c0!important;overflow-wrap:anywhere}
 .profile-page .game-pick-row .primary-radio>span{width:18px!important;height:18px!important;flex-basis:18px!important;box-sizing:border-box!important}
 .profile-page .game-pick-row .primary-radio:has(input:checked){color:#f2f5f7!important}
 .profile-page .game-pick-row :is(select,.game-check,.primary-radio):focus-within{outline:2px solid #df3b50!important;outline-offset:2px}
}
@media(max-width:360px){
 .profile-page .game-pick-row{grid-template-columns:minmax(0,1fr)!important}
 .profile-page .game-pick-row .primary-radio{grid-column:1!important;min-height:36px!important}
}

/* Phone language control: separate the locale text from its chevron. */
@media(max-width:760px){
 .site-header .locale-switcher .locale-switcher-control{width:70px!important;min-width:70px!important;box-sizing:border-box!important;flex-shrink:0!important}
 .site-header .locale-switcher select{padding:0 20px 0 28px!important;font-size:11px!important;letter-spacing:.3px!important;box-sizing:border-box!important;appearance:none!important;-webkit-appearance:none!important;background-image:none!important}
 .site-header .locale-switcher .locale-switcher-icon{left:9px!important;top:50%!important;width:12px!important;height:12px!important;transform:translateY(-50%)!important}
 .site-header .locale-switcher .locale-switcher-chevron{right:9px!important;top:50%!important;width:8px!important;height:6px!important;display:block!important;transform:translateY(-50%)!important;stroke:#aeb8c1!important;stroke-width:1.5!important;pointer-events:none!important}
}

/* Current ARENACTIVE symbol in secondary brand surfaces. */
.android-security-mark img,.lobby-captain-takeover-mark img{display:block;width:82%;height:82%;object-fit:contain}
.home-player-search .quick-tab-mark img{display:block;width:100%;height:100%;object-fit:contain}

/* Shared manual geography and communication controls. */
.match-preferences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;margin:16px 0;min-width:0}
.match-preferences label{display:flex;flex-direction:column;gap:8px;min-width:0;color:#c3ccd5;font-size:14px;font-weight:600}
.match-preferences select,.language-catalog-search{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:46px;padding:10px 12px;background:#0b1117;color:#eef2f5;border:1px solid #303c46;border-radius:10px;font:inherit}
.match-preferences small{font-size:12px;line-height:1.4;font-weight:400;color:#94a2af}
.match-preferences select:focus-visible,.language-catalog-search:focus-visible{outline:2px solid #e51d3e;outline-offset:2px}
.browser-filters .match-preferences{grid-template-columns:1fr}
.profile-language-catalog{border:1px solid #303c46;border-radius:10px;padding:14px;margin-bottom:20px}
.profile-language-catalog summary{cursor:pointer;color:#d5dce2;font-weight:600}
.profile-language-catalog summary span{margin-left:8px;color:#f0445c}
.profile-language-catalog .language-picker{max-height:320px;overflow-y:auto;margin-top:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.profile-language-catalog .language-catalog-search{margin-top:12px}
.language-choice[hidden]{display:none!important}
.browser-row-communication{color:#aab6c2;font-size:13px;align-self:center}
@media(max-width:640px){.match-preferences{grid-template-columns:1fr;gap:12px}.profile-language-catalog .language-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.home-region-choice .home-choice-grid,.create-region-choice .create-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-region-mark{flex-shrink:0}.region-choice-card strong{overflow-wrap:anywhere}}
.create-workspace .create-region-choice .create-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.create-workspace .create-region-choice .create-choice-copy strong{white-space:normal!important;overflow-wrap:anywhere}
@media(max-width:640px){.create-workspace .create-region-choice .create-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.create-workspace .create-region-choice .create-choice-card .create-region-mark{display:grid!important;place-items:center!important;width:28px!important;height:24px!important;font:700 10px/1 'Segoe UI',Arial,sans-serif!important;background:#141f29!important;background-image:none!important;border:1px solid #30404e!important;border-radius:5px!important;color:#b5c4d0!important}

/* Searchable language/country pickers, independent of OS select popup chrome. */
.match-picker{position:relative;width:100%;min-width:0}
.match-picker[hidden],.match-picker-popup[hidden]{display:none!important}
select.match-picker-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;clip-path:inset(50%)!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important}
.match-picker-trigger{position:relative;display:block!important;width:100%!important;min-height:44px!important;height:auto!important;margin:0!important;padding:10px 38px 10px 12px!important;border:1px solid #303c46!important;border-radius:8px!important;background:#0b1117!important;color:#eef2f5!important;font:600 14px/1.4 'Segoe UI',Arial,sans-serif!important;text-align:left!important;text-transform:none!important;letter-spacing:0!important;clip-path:none!important;white-space:normal!important;cursor:pointer}
.match-picker-trigger::after{content:''!important;position:absolute!important;right:16px!important;top:16px!important;width:7px!important;height:7px!important;border-right:2px solid #a9b7c5!important;border-bottom:2px solid #a9b7c5!important;background:none!important;transform:rotate(45deg)!important}
.match-picker-trigger:disabled{opacity:.5;cursor:default}
.match-picker-trigger:focus-visible,.match-picker-trigger[aria-expanded=true]{outline:2px solid #e51d3e!important;outline-offset:2px}
.match-picker-popup{position:fixed;z-index:10050;display:flex;flex-direction:column;box-sizing:border-box;padding:8px;gap:8px;overflow:hidden;border:1px solid #45525f;border-top:2px solid #e51d3e;border-radius:10px;background:#101820;box-shadow:0 14px 36px #0009;color:#eef2f5;font:14px/1.4 'Segoe UI',Arial,sans-serif}
.match-picker-popup input{flex:none;box-sizing:border-box;width:100%;min-height:40px;margin:0;padding:9px 10px;border:1px solid #394653;border-radius:6px;background:#080e14;color:#eef2f5;font:inherit}
.match-picker-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6b3543 #0b1117;outline:0}
.match-picker-list::-webkit-scrollbar{width:8px}
.match-picker-list::-webkit-scrollbar-track{background:#0b1117;border-radius:6px}
.match-picker-list::-webkit-scrollbar-thumb{background:#6b3543;border:2px solid #0b1117;border-radius:6px}
.match-picker-list::-webkit-scrollbar-thumb:hover{background:#c42b43}
.match-picker-option{padding:9px 10px;min-height:38px;box-sizing:border-box;cursor:pointer;border-radius:5px}
.match-picker-option:hover,.match-picker-option.is-active{background:#22303d}
.match-picker-option[aria-selected=true]{background:#3c1925;color:#fff;box-shadow:inset 3px 0 #e51d3e}
.match-picker-empty{padding:14px 10px;color:#a8b6c3}
.players-empty .players-country-hint{max-width:650px;margin:12px auto;color:#a8b6c3;font-size:14px;line-height:1.5}
.match-picker-list{position:relative}

/* Location controls share one baseline even when country uses a custom picker. */
.players-page .players-location-filter-grid{align-items:start}
.players-page .players-location-filter-grid label{display:grid;grid-template-rows:max-content 44px auto;align-content:start;align-items:start;gap:6px;min-width:0}
.players-page .players-location-filter-grid label>span{font-size:12px!important;line-height:1.4!important}
.players-page .players-location-filter-grid input,.players-page .players-location-filter-grid select{box-sizing:border-box;height:44px;min-height:44px;font-size:14px}
.players-page .players-location-filter-grid .match-picker{height:44px}
.players-page .players-location-filter-grid .match-picker-trigger{height:44px!important;min-height:44px!important;box-sizing:border-box!important}
.players-page .players-location-filter-grid small{font-size:12px;line-height:1.4}
.match-picker-trigger::before{content:none!important;display:none!important}