:root{
  --bg:#02040a;
  --panel:#050911;
  --panel-2:#090d16;
  --line:#243140;
  --line-cyan:rgba(34,211,238,.45);
  --text:#ffffff;
  --muted:#8f95a3;
  --cyan:#22d3ee;
  --gold:#ffd84d;
  --green:#46f59d;
  --red:#ff5d68;
  --shadow:0 24px 65px rgba(0,0,0,.48);
  --scrim-top-nav-height:80px;
  --scrim-content-top-offset:80px;
  --scrim-bottom-nav-space:0px;
  --scrim-viewport-height:100dvh;
  --scrim-keyboard-inset:0px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  margin:0;
  min-height:100vh;
  background:#000;
  color:var(--text);
  font-family:Arial, Helvetica, sans-serif;
  font-weight:700;
  letter-spacing:0;
}

body.auth-modal-open{overflow:hidden}

body.is-loading .auth-gate{
  display:none;
}

button,input,select,textarea{
  font-family:Arial, Helvetica, sans-serif;
}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
[hidden]{display:none !important}

h1,h2,h3,h4,
.btn,
.nav-link,
.profile-nav-button,
.chip,
.filter,
.hero-action-button,
.profile-action,
.player-card strong{
  font-family:Arial, Helvetica, sans-serif;
  font-weight:900;
  letter-spacing:0;
}

p,
label,
input,
select,
textarea,
.empty,
.meta,
.deal-time{
  font-family:Arial, Helvetica, sans-serif;
  font-weight:700;
}

@media (max-width:820px){
  input,
  select,
  textarea,
  button{
    font-size:16px;
  }
}

.auth-gate{
  position:fixed;
  inset:0;
  z-index:10000;
  min-height:100vh;
  -webkit-text-size-adjust:none;
  text-size-adjust:none;
  overflow:auto;
  display:flex;
  flex-direction:column;
  padding:0 24px 56px;
  background:
    linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.62), rgba(2,6,23,.88)),
    radial-gradient(circle at 20% 18%, rgba(34,211,238,.22), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(236,72,153,.14), transparent 25%),
    url("images/scrim-bg-red-blue.png?v=2") center/cover no-repeat,
    #02040a;
}

.auth-card{position:relative}
.auth-close{
  position:absolute;
  top:12px;
  right:14px;
  z-index:2;
  width:40px;
  height:40px;
  border:1px solid rgba(34,211,238,.4);
  border-radius:50%;
  background:rgba(2,4,10,.86);
  color:#fff;
  font-size:28px;
  line-height:1;
}

.auth-gate-nav{
  width:min(1280px, 100%);
  min-height:80px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 auto;
  padding:16px 0;
}

.auth-card{
  width:min(940px, 100%);
  margin:auto;
  min-height:500px;
  display:grid;
  grid-template-columns:1fr 1fr;
  overflow:hidden;
  border:1px solid rgba(34,211,238,.34);
  border-radius:14px;
  background:linear-gradient(145deg, rgba(8,13,20,.92), rgba(2,4,10,.94));
  color:#fff;
  box-shadow:0 32px 100px rgba(0,0,0,.58);
  backdrop-filter:blur(18px);
}

.auth-welcome{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:34px;
  padding:38px;
  background:
    linear-gradient(145deg, rgba(2,4,10,.88), rgba(7,32,45,.94)),
    radial-gradient(circle at 20% 18%, rgba(34,211,238,.32), transparent 36%);
  color:#fff;
  border-right:1px solid rgba(34,211,238,.26);
  border-radius:0 110px 110px 0;
}

.auth-logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:900;
}

.auth-logo img{
  width:46px;
  height:46px;
  object-fit:contain;
  border:1px solid rgba(255,255,255,.5);
  border-radius:999px;
  padding:7px;
  background:rgba(0,0,0,.32);
}

.auth-welcome h1{
  margin:0 0 12px;
  font-size:38px;
  line-height:1;
  color:#fff;
}

.auth-welcome p{
  max-width:310px;
  margin:0;
  color:#c7d3df;
  line-height:1.55;
}

.auth-form-side{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px;
}

.auth-form-side h2{
  margin:0;
  color:#fff;
  font-size:30px;
  line-height:1;
}

.auth-helper{
  margin:10px 0 18px;
  color:var(--muted);
  font-size:14px;
}

.auth-form-side .auth-tabs{
  margin-bottom:14px;
}

.auth-form-side .tab{
  flex:1;
  background:#050911;
  color:#c4cad4;
  border-color:var(--line);
}

.auth-form-side .tab.is-active{
  background:var(--cyan);
  color:#001016;
  border-color:var(--cyan);
}

.auth-form-side .field label{
  color:#d4d9e3;
}

.auth-form-side .field input{
  border-color:var(--line);
  background:#02050a;
  color:#fff;
}

.auth-form-side .field input:focus{
  border-color:var(--cyan);
  box-shadow:0 0 0 3px rgba(34,211,238,.13);
}

.auth-form-side .btn.primary{
  margin-top:6px;
  border-color:var(--cyan);
  background:var(--cyan);
  color:#001016;
}

.auth-form-message{
  margin:2px 0 4px;
  border:1px solid rgba(255,77,91,.65);
  border-radius:7px;
  background:rgba(116,10,23,.42);
  color:#ff9ba5;
  padding:10px 12px;
  font-size:13px;
  font-weight:800;
  line-height:1.4;
}

.auth-form-side .btn.primary:disabled{
  cursor:wait;
  opacity:.68;
}

.deal-chat-archived{
  border-top:1px solid var(--line);
  background:rgba(255,196,61,.08);
  color:#ffd54f;
  padding:14px 18px;
  text-align:center;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}

.scrim-nav{
  position:sticky;
  top:0;
  z-index:30;
  min-height:80px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px max(18px, calc((100vw - 1280px) / 2));
  background:rgba(0,0,0,.88);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
}

.guest-login-note{
  position:sticky;
  top:var(--scrim-top-nav-height);
  z-index:29;
  padding:9px 16px;
  border-bottom:1px solid rgba(255,93,104,.45);
  background:rgba(80,5,12,.96);
  color:#ff6b75;
  text-align:center;
  font-size:13px;
  font-weight:900;
}

body.is-loading .guest-login-note,
body.is-authed .guest-login-note{
  display:none;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.brand img{
  width:50px;
  height:50px;
  object-fit:contain;
  border:1px solid rgba(34,211,238,.7);
  border-radius:999px;
  padding:8px;
  background:#02040a;
}

.brand h1{
  margin:0;
  color:var(--cyan);
  font-size:28px;
  line-height:1;
  font-weight:900;
}

.brand p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:12px;
  letter-spacing:0;
}

.nav-actions{
  display:flex;
  align-items:center;
  gap:12px;
}

.desktop-app-nav{
  display:flex;
  align-items:center;
  gap:8px;
}

.desktop-app-nav .nav-link{
  min-height:38px;
  padding:0 13px;
  font-size:11px;
}

.desktop-guest-only,
.desktop-auth-only{
  display:none;
}

body.is-guest .desktop-guest-only,
body.is-authed .desktop-auth-only{
  display:inline-flex;
}

.desktop-app-nav .nav-link.is-active{
  border-color:var(--cyan);
  background:rgba(34,211,238,.14);
  color:var(--cyan);
  box-shadow:inset 0 -2px 0 var(--cyan);
}

.nav-link,.btn{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  border-radius:7px;
  background:rgba(0,0,0,.5);
  color:#fff;
  padding:0 20px;
  font-size:14px;
  font-weight:900;
  transition:.18s ease;
}

.nav-link:hover,.btn:hover{
  border-color:var(--cyan);
  color:var(--cyan);
}

.nav-link.primary,.btn.primary{
  border-color:var(--cyan);
  background:var(--cyan);
  color:#001016;
}

.profile-nav-button{
  position:relative;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid var(--cyan);
  border-radius:7px;
  background:var(--cyan);
  color:#001016;
  padding:0 18px;
  font-size:14px;
  font-weight:900;
}

.profile-badge{
  min-width:20px;
  min-height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--red);
  color:#fff;
  font-size:11px;
  line-height:1;
}

.profile-overlay,.ranking-overlay,.result-overlay,.gtml-slot-overlay{
  position:fixed;
  inset:0;
  z-index:80;
}

.profile-overlay.is-visible,.ranking-overlay.is-visible,.result-overlay.is-visible,.gtml-slot-overlay.is-visible{
  display:block;
}

.profile-backdrop,.ranking-backdrop,.result-backdrop,.gtml-slot-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(10px);
}

.gtml-slot-card{
  position:relative;
  z-index:1;
  width:min(760px, calc(100% - 28px));
  max-height:calc(100dvh - 32px);
  overflow:auto;
  margin:16px auto;
  border:1px solid rgba(34,211,238,.72);
  border-radius:12px;
  background:linear-gradient(145deg, rgba(5,13,27,.98), rgba(0,0,0,.98));
  box-shadow:0 0 40px rgba(0,170,255,.24), 0 34px 110px rgba(0,0,0,.72);
  padding:22px;
}

.gtml-slot-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.gtml-slot-head h2{
  margin:7px 0;
  color:#fff;
  font-size:34px;
  line-height:1;
}

.gtml-slot-head p:last-child{
  max-width:580px;
  margin:0;
  color:#aeb8c8;
  line-height:1.45;
}

.gtml-slot-poster{
  display:block;
  width:100%;
  height:auto;
  border:1px solid rgba(34,211,238,.34);
  border-radius:9px;
  background:#02040a;
}

.profile-card,.ranking-full-card,.result-review-card{
  position:relative;
  z-index:1;
  width:min(1280px, calc(100% - 28px));
  max-height:calc(100vh - 44px);
  overflow-x:hidden;
  overflow-y:auto;
  margin:22px auto;
  border:1px solid rgba(34,211,238,.72);
  border-radius:10px;
  background:
    linear-gradient(135deg, rgba(11,42,84,.62), rgba(4,7,14,.95) 24%, rgba(0,0,0,.98) 64%),
    radial-gradient(circle at 10% 6%, rgba(34,211,238,.2), transparent 32%);
  box-shadow:
    0 0 0 1px rgba(54,157,255,.14),
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 0 38px rgba(0,170,255,.24),
    0 34px 110px rgba(0,0,0,.72);
  padding:26px 34px;
}

.profile-card{
  padding-bottom:96px;
}

.result-review-card{
  width:min(520px, calc(100% - 28px));
}

.profile-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:20px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(34,211,238,.2);
  position:relative;
}

.profile-close-top{
  min-height:30px;
  margin:0;
  padding:0 10px;
  font-size:11px;
}

.profile-close-top,
.profile-action.notify{
  min-width:100px;
  min-height:30px;
  padding:0 10px;
  font-size:10px;
}

.profile-card-head::before{
  content:"";
  position:absolute;
  top:-26px;
  left:210px;
  width:150px;
  height:18px;
  border-top:1px solid rgba(0,174,255,.28);
  transform:skewX(36deg);
}

.profile-title-block{
  min-width:0;
}

.profile-title-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}

.profile-title-block .section-kicker{
  font-size:12px;
  line-height:1;
}

.profile-rank-badge{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,216,77,.78);
  border-radius:8px;
  background:linear-gradient(180deg, rgba(255,216,77,.18), rgba(0,0,0,.32));
  color:var(--gold);
  padding:0 18px;
  font-size:14px;
  font-weight:900;
  box-shadow:0 0 18px rgba(255,216,77,.18), inset 0 0 16px rgba(255,216,77,.08);
}

.profile-rank-badge::before{
  content:"";
  width:16px;
  height:16px;
  margin-right:8px;
  background:currentColor;
  clip-path:polygon(18% 0, 82% 0, 82% 22%, 100% 22%, 100% 38%, 82% 54%, 74% 74%, 58% 74%, 58% 90%, 72% 90%, 72% 100%, 28% 100%, 28% 90%, 42% 90%, 42% 74%, 26% 74%, 18% 54%, 0 38%, 0 22%, 18% 22%);
}

.profile-head-actions{
  display:flex;
  gap:14px;
  align-items:center;
}

.profile-card-head h2{
  margin:8px 0 8px;
  font-size:44px;
  line-height:1;
  letter-spacing:.04em;
  text-shadow:0 0 18px rgba(255,255,255,.16);
}

.profile-card-head p:last-child{
  margin:0;
  color:var(--muted);
}

.profile-info-card{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:14px;
  align-items:center;
  margin:0 0 16px;
  border:1px solid rgba(34,211,238,.28);
  border-radius:8px;
  background:rgba(0,0,0,.48);
  padding:14px;
}

.profile-info-text{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.profile-info-text div{
  display:grid;
  gap:4px;
  min-width:0;
}

.profile-info-text span{
  color:#7f8999;
  font-size:10px;
  text-transform:uppercase;
}

.profile-info-text strong{
  overflow:hidden;
  color:#fff;
  font-size:13px;
  text-overflow:ellipsis;
}

.profile-edit-small{
  min-height:32px;
  padding:0 12px;
  font-size:11px;
}

.profile-edit-panel{
  margin:0 0 16px;
  border:1px solid rgba(255,216,77,.34);
  border-radius:8px;
  background:linear-gradient(145deg, rgba(255,216,77,.08), rgba(0,0,0,.62));
  padding:16px;
}

.profile-edit-panel .form-grid{
  margin-top:0;
}

.profile-private-note{
  margin:0;
  color:#9aa5b4;
  font-size:12px;
  line-height:1.45;
}

.profile-roster-section{
  border:1px solid rgba(34,211,238,.3);
  border-radius:8px;
  background:rgba(0,0,0,.68);
  padding:20px;
  margin-bottom:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.profile-roster-section .panel-title{
  margin-bottom:14px;
}

.profile-roster-section h3{
  margin:0;
  font-size:22px;
  line-height:1.05;
  text-transform:uppercase;
  letter-spacing:0;
}

.profile-roster-section .panel-title p{
  margin-top:7px;
  color:#7f8999;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.roster-note{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(93,134,190,.28);
  border-radius:6px;
  color:#dce5f3;
  padding:0 12px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}

.roster-note::after{
  content:"";
  width:13px;
  height:13px;
  margin-left:9px;
  border:2px solid currentColor;
  border-left:0;
  border-bottom:0;
  transform:rotate(45deg);
  opacity:.75;
}

.roster-stage{
  position:relative;
  min-width:0;
  padding:0 42px 22px;
}

.player-roster{
  display:flex;
  gap:16px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-behavior:smooth;
  scroll-padding-inline:2px;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}

.player-roster::-webkit-scrollbar{display:none}

.player-card{
  flex:0 0 max(150px, calc((100% - 64px) / 5));
  display:grid;
  gap:10px;
  align-content:start;
  scroll-snap-align:center;
  border:1px solid rgba(0,174,255,.48);
  border-radius:5px;
  background:
    linear-gradient(180deg, rgba(0,139,255,.12), rgba(0,0,0,.82)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 1px, transparent 1px 6px);
  padding:10px;
  opacity:.7;
  transform:scale(.94);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 0 18px rgba(0,174,255,.08);
  transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease, opacity .25s ease;
}

.player-card:hover,.player-card.is-active{
  z-index:1;
  opacity:1;
  transform:scale(1);
  border-color:var(--cyan);
  box-shadow:0 12px 30px rgba(0,0,0,.46), 0 0 26px rgba(34,211,238,.2);
}

.player-avatar{
  position:relative;
  aspect-ratio:3 / 4;
  width:100%;
  border:1px solid rgba(0,219,255,.65);
  border-radius:3px;
  overflow:hidden;
  background:
    linear-gradient(135deg, transparent 0 48%, rgba(34,211,238,.08) 49% 51%, transparent 52%),
    radial-gradient(circle at 50% 32%, #8da8d5 0 10%, transparent 10.5%),
    radial-gradient(ellipse at 50% 96%, #365b91 0 33%, transparent 33.5%),
    linear-gradient(180deg, rgba(18,65,116,.72), rgba(0,5,12,.94));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 0 20px rgba(0,210,255,.14),
    inset 0 0 24px rgba(0,0,0,.42);
}

.player-avatar::after{
  content:"PLAYER";
  position:absolute;
  right:8px;
  bottom:8px;
  color:rgba(255,255,255,.2);
  font-size:9px;
  font-weight:900;
  letter-spacing:.18em;
  writing-mode:vertical-rl;
}

.player-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
}

.player-card strong{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(0,174,255,.38);
  border-radius:6px;
  background:linear-gradient(180deg, rgba(0,16,35,.9), rgba(0,0,0,.85));
  color:#fff;
  font-size:20px;
  font-weight:900;
  text-transform:uppercase;
  text-shadow:0 2px 0 #000, 0 0 10px rgba(255,255,255,.14);
}

.roster-arrow{
  position:absolute;
  top:50%;
  z-index:3;
  width:34px;
  height:62px;
  border:1px solid rgba(34,211,238,.48);
  border-radius:4px;
  background:rgba(1,8,16,.88);
  color:var(--cyan);
  transform:translateY(-62%);
  cursor:pointer;
  box-shadow:0 8px 22px rgba(0,0,0,.4);
}

.roster-arrow::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:10px;
  height:10px;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
}

.roster-prev{left:0}
.roster-next{right:0}
.roster-prev::before{transform:translate(-35%,-50%) rotate(-135deg)}
.roster-next::before{transform:translate(-65%,-50%) rotate(45deg)}
.roster-arrow:hover{border-color:var(--cyan);background:rgba(34,211,238,.12)}
.roster-arrow:disabled{opacity:.28;cursor:default}

.roster-scroll-hint{
  position:absolute;
  left:42px;
  right:42px;
  bottom:5px;
  height:2px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}

.roster-scroll-hint span{
  display:block;
  width:20%;
  height:100%;
  background:var(--cyan);
  transform:translateX(var(--roster-progress, 0%));
  box-shadow:0 0 10px rgba(34,211,238,.7);
  transition:transform .2s ease;
}

.roster-team-stats{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
  margin:0;
}

.roster-team-stats div{
  display:grid;
  grid-template-columns:54px 1fr auto;
  align-items:center;
  gap:12px;
  min-height:78px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:6px;
  background:rgba(0,0,0,.7);
  padding:12px 16px;
  box-shadow:none;
}

.roster-team-stats span{
  color:#717b8b;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
}

.roster-team-stats strong{
  color:var(--cyan);
  font-size:21px;
  font-weight:900;
  text-shadow:0 0 14px rgba(34,211,238,.38);
}

.stat-icon{
  width:44px;
  height:44px;
  display:inline-grid;
  place-items:center;
  border-radius:7px;
  border:1px solid rgba(0,174,255,.36);
  background:linear-gradient(180deg, rgba(0,117,255,.24), rgba(0,0,0,.48));
}

.stat-icon::before{
  content:"";
  width:22px;
  height:22px;
  background:var(--cyan);
  clip-path:polygon(15% 22%,85% 22%,85% 72%,60% 72%,60% 86%,40% 86%,40% 72%,15% 72%);
}

.stat-icon.win{
  border-color:rgba(0,255,170,.32);
}

.stat-icon.win::before{
  background:var(--green);
  clip-path:polygon(18% 0,82% 0,82% 24%,100% 24%,100% 40%,82% 58%,68% 76%,56% 76%,56% 90%,74% 90%,74% 100%,26% 100%,26% 90%,44% 90%,44% 76%,32% 76%,18% 58%,0 40%,0 24%,18% 24%);
}

.stat-icon.lose{
  border-color:rgba(255,93,104,.36);
}

.stat-icon.lose::before{
  background:var(--red);
  clip-path:polygon(50% 0,90% 14%,82% 76%,50% 100%,18% 76%,10% 14%);
}

.stat-icon.history{
  border-color:rgba(146,94,255,.42);
}

.stat-icon.history::before{
  background:#9b5cff;
  border-radius:999px;
  clip-path:none;
  mask:radial-gradient(circle at center, transparent 0 42%, #000 43% 62%, transparent 63%), conic-gradient(from 290deg, #000 0 290deg, transparent 291deg);
}

.profile-flow{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  align-items:start;
}

.profile-wide-card{
  width:100%;
}

.profile-wide-card .panel-title{
  border-bottom:0;
  padding-bottom:0;
}

.profile-result-hint{
  margin-top:12px;
  position:relative;
  z-index:1;
}

.profile-wide-card:first-child{
  min-height:230px;
  position:relative;
  border-color:rgba(34,211,238,.54);
  background:
    linear-gradient(145deg, rgba(8,18,31,.92), rgba(0,0,0,.82)),
    rgba(0,0,0,.5);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 0 24px rgba(34,211,238,.08);
  padding:20px;
}

.profile-wide-card:first-child::before{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  pointer-events:none;
}

.profile-wide-card:first-child .panel-title{
  position:relative;
  padding-left:66px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(34,211,238,.22);
  z-index:1;
}

.profile-wide-card:first-child .panel-title::before,
.profile-wide-card:last-child .panel-title::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:44px;
  height:44px;
  border:1px solid rgba(0,174,255,.42);
  border-radius:8px;
  background:linear-gradient(180deg, rgba(0,130,255,.28), rgba(0,0,0,.54));
  box-shadow:0 0 18px rgba(0,174,255,.15);
}

.profile-wide-card:first-child .panel-title::after{
  content:"";
  position:absolute;
  left:12px;
  top:14px;
  width:20px;
  height:14px;
  border:2px solid rgba(150,183,225,.9);
  border-top:0;
  border-radius:0 0 3px 3px;
}

.profile-wide-card:first-child #requestList{
  min-height:82px;
  display:grid;
  place-items:center;
  margin-top:10px;
  position:relative;
  z-index:1;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(0,0,0,.32);
  padding:16px;
}

.profile-wide-card:first-child #requestList .empty{
  position:relative;
  color:#c4cedf;
  padding-top:34px;
}

.profile-wide-card:first-child #requestList .empty::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:28px;
  height:22px;
  border:2px solid rgba(141,159,188,.62);
  border-top:0;
  border-radius:0 0 4px 4px;
  transform:translateX(-50%);
}

.profile-result-hint .btn{
  min-height:42px;
  border-color:rgba(34,211,238,.62);
  border-radius:8px;
  background:rgba(34,211,238,.12);
  color:var(--cyan);
  box-shadow:inset 0 0 18px rgba(34,211,238,.06);
}

.profile-wide-card:last-child{
  min-height:230px;
  display:block;
  overflow:hidden;
  position:relative;
  border-color:rgba(34,211,238,.54);
  background:
    linear-gradient(145deg, rgba(8,18,31,.92), rgba(0,0,0,.82)),
    rgba(0,0,0,.5);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 0 24px rgba(34,211,238,.08);
  padding:20px;
}

.profile-wide-card:last-child::after{
  content:"";
  position:absolute;
  inset:auto 20px 20px 20px;
  height:48px;
  border:1px solid rgba(34,211,238,.13);
  border-radius:8px;
  background:
    linear-gradient(90deg, rgba(0,0,0,.35), rgba(0,174,255,.12), rgba(0,0,0,.35)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 34px);
  opacity:.55;
  pointer-events:none;
}

.profile-wide-card:last-child .panel-title{
  position:relative;
  padding-left:66px;
  margin-bottom:14px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(34,211,238,.22);
  z-index:1;
}

.profile-wide-card:last-child .panel-title::after{
  content:"";
  position:absolute;
  left:14px;
  top:12px;
  width:16px;
  height:18px;
  border:2px solid var(--cyan);
  border-radius:4px;
}

.profile-wide-card:last-child #dealRooms{
  position:relative;
  z-index:1;
  min-height:82px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(0,0,0,.32);
  padding:16px;
}

.ranking-podium{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-bottom:20px;
}

.ranking-podium-card{
  min-width:0;
  border:1px solid rgba(34,211,238,.42);
  border-radius:8px;
  background:
    linear-gradient(145deg, rgba(8,28,52,.9), rgba(0,0,0,.92)),
    rgba(0,0,0,.86);
  padding:20px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 36px rgba(0,0,0,.28);
}

.ranking-podium-card.rank-1{
  border-color:rgba(255,216,77,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 0 28px rgba(255,216,77,.1);
}

.ranking-podium-card.rank-3{border-color:rgba(172,184,204,.42)}

.ranking-top-label{
  margin:0 0 18px;
  color:var(--cyan);
  font-size:11px;
  font-weight:900;
  letter-spacing:.2em;
}

.ranking-podium-card.rank-1 .ranking-top-label{color:var(--gold)}
.ranking-podium-card.rank-3 .ranking-top-label{color:#bcc5d3}

.ranking-team-head{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.ranking-team-head img{
  width:64px;
  height:64px;
  flex:0 0 auto;
  border:1px solid rgba(34,211,238,.62);
  border-radius:999px;
  background:#02050a;
  object-fit:contain;
  padding:10px;
}

.ranking-podium-card.rank-1 .ranking-team-head img{border-color:var(--gold)}

.ranking-team-head h3{
  overflow:hidden;
  margin:0;
  color:#fff;
  font-size:22px;
  line-height:1.05;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

.ranking-team-head p{
  margin:7px 0 0;
  color:#7f8999;
  font-size:11px;
  font-weight:900;
}

.ranking-card-stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px;
  margin-top:20px;
}

.ranking-card-stats div{
  min-width:0;
  display:grid;
  gap:5px;
  place-items:center;
  border:1px solid rgba(255,255,255,.07);
  border-radius:6px;
  background:rgba(0,0,0,.7);
  padding:11px 6px;
}

.ranking-card-stats strong{color:var(--cyan);font-size:21px}
.ranking-card-stats div:nth-child(2) strong{color:var(--green)}
.ranking-card-stats div:nth-child(3) strong{color:#ff7d86}
.ranking-podium-card.rank-1 .ranking-card-stats div:first-child strong{color:var(--gold)}
.ranking-card-stats span{color:#717b8b;font-size:9px;font-weight:900;letter-spacing:.12em}

.ranking-table{
  overflow:hidden;
  border:1px solid rgba(34,211,238,.3);
  border-radius:8px;
  background:rgba(0,0,0,.68);
}

.ranking-table-head,.ranking-table-row{
  display:grid;
  grid-template-columns:80px minmax(220px, 1fr) 120px 100px 100px;
  align-items:center;
  gap:14px;
}

.ranking-table-head{
  min-height:48px;
  border-bottom:1px solid rgba(34,211,238,.18);
  color:var(--cyan);
  padding:0 20px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}

.ranking-table-row{
  min-height:70px;
  border-bottom:1px solid rgba(255,255,255,.07);
  padding:10px 20px;
}

.ranking-table-row:last-child{border-bottom:0}
.ranking-table-row:hover{background:rgba(34,211,238,.045)}

.ranking-position{
  color:#dbe3ef;
  font-size:17px;
}

.ranking-table-row.rank-1 .ranking-position,.ranking-table-row.rank-1 .points{color:var(--gold)}
.ranking-table-row.rank-2 .ranking-position{color:var(--cyan)}

.ranking-table-team{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}

.ranking-table-team img{
  width:40px;
  height:40px;
  flex:0 0 auto;
  border:1px solid rgba(34,211,238,.35);
  border-radius:999px;
  object-fit:contain;
  padding:6px;
}

.ranking-table-team strong{
  overflow:hidden;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

.ranking-cell{font-weight:900}
.ranking-cell.points{color:var(--cyan)}
.ranking-cell.wins{color:var(--green)}
.ranking-cell.losses{color:#ff7d86}

.profile-section{
  min-height:110px;
  border:1px solid rgba(49,140,255,.34);
  border-radius:8px;
  background:
    linear-gradient(135deg, rgba(0,70,145,.22), rgba(0,0,0,.64)),
    rgba(0,0,0,.38);
  padding:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.profile-section h3{
  margin:4px 0 0;
  font-size:22px;
  line-height:1;
  font-weight:900;
  letter-spacing:0;
  color:#fff;
  text-shadow:0 0 16px rgba(255,255,255,.12);
}

.profile-section .panel-title p{
  color:#aab2c3;
  font-size:13px;
  font-weight:900;
  letter-spacing:.16em;
}

.profile-section .panel-title div > p:not(.section-kicker){
  margin-top:7px;
  line-height:1.35;
}

.profile-stat-row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:8px;
  background:rgba(255,255,255,.03);
  padding:12px;
  margin-bottom:10px;
}

.profile-stat-row span{
  color:var(--muted);
}

.profile-stat-row strong{
  color:var(--cyan);
}

.result-review-panel,.result-empty{
  border:1px solid rgba(34,211,238,.3);
  border-radius:10px;
  background:rgba(0,0,0,.52);
  padding:16px;
}

.result-empty{
  display:grid;
  gap:12px;
}

.result-empty h3,.result-review-head h3{
  margin:0;
  font-size:22px;
}

.result-empty p,.result-review-head p{
  margin:6px 0 0;
  color:var(--muted);
}

.result-review-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:14px;
}

.score-review-box{
  display:grid;
  gap:10px;
  margin:14px 0;
}

.score-review-row{
  display:grid;
  grid-template-columns:1fr 64px;
  align-items:center;
  gap:12px;
}

.score-review-row strong,.score-review-row span{
  min-height:42px;
  display:flex;
  align-items:center;
  background:#02050a;
  border:1px solid rgba(255,255,255,.1);
  border-radius:6px;
  padding:0 12px;
  font-size:22px;
  font-weight:900;
}

.score-review-row span{
  justify-content:center;
  color:#fff;
}

.result-review-actions{
  margin-top:14px;
}

.btn.gold{
  border-color:var(--gold);
  background:var(--gold);
  color:#151000;
}

.btn.green{
  border-color:var(--green);
  background:var(--green);
  color:#01120a;
}

.btn.red{
  border-color:rgba(255,93,104,.68);
  color:#ff9ba2;
}

.btn.ghost{
  border-color:rgba(34,211,238,.7);
  color:var(--cyan);
}

.btn.block{width:100%}

.result-nav-button{
  position:relative;
  gap:8px;
}

.button-badge{
  position:absolute;
  top:-9px;
  right:-9px;
  min-width:20px;
  min-height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--red);
  color:#fff;
  font-size:11px;
  line-height:1;
  padding:0 6px;
}

.panel-toggle{
  min-height:34px;
  padding:0 12px;
  font-size:12px;
  color:var(--cyan);
  border-color:rgba(34,211,238,.52);
}

.profile-action{
  min-height:42px;
  gap:10px;
  border-radius:8px;
  padding:0 18px;
  background:linear-gradient(180deg, rgba(0,121,255,.1), rgba(0,0,0,.54));
  box-shadow:inset 0 0 18px rgba(34,211,238,.06);
}

.profile-action.notify{
  min-height:30px;
  padding:0 10px;
  font-size:10px;
}

.profile-action.notify.on{
  border-color:rgba(70,245,157,.72);
  color:var(--green);
}

.profile-action.notify.off{
  border-color:rgba(255,93,104,.72);
  color:var(--red);
}

.profile-logout-sticky{
  position:fixed;
  left:50%;
  bottom:max(102px, calc(env(safe-area-inset-bottom) + 102px));
  z-index:96;
  width:min(430px, calc(100% - 28px));
  margin:0;
  transform:translateX(-50%);
}

.profile-action span{
  width:18px;
  height:18px;
  display:inline-block;
  color:currentColor;
  position:relative;
}

.profile-action.edit span::before{
  content:"";
  position:absolute;
  inset:2px 5px 9px;
  border-radius:999px;
  background:currentColor;
}

.profile-action.edit span::after{
  content:"";
  position:absolute;
  left:2px;
  right:2px;
  bottom:1px;
  height:8px;
  border-radius:999px 999px 3px 3px;
  background:currentColor;
}

.profile-action.logout{
  border-color:rgba(255,93,104,.64);
  background:linear-gradient(180deg, rgba(255,93,104,.1), rgba(0,0,0,.54));
}

.profile-action.logout span::before{
  content:"";
  position:absolute;
  left:1px;
  top:3px;
  width:9px;
  height:12px;
  border:2px solid currentColor;
  border-right:0;
  border-radius:2px;
}

.profile-action.logout span::after{
  content:"";
  position:absolute;
  right:0;
  top:7px;
  width:11px;
  height:2px;
  background:currentColor;
  box-shadow:4px -4px 0 -2px currentColor,4px 4px 0 -2px currentColor;
}

.profile-action.close span::before,
.profile-action.close span::after{
  content:"";
  position:absolute;
  left:2px;
  right:2px;
  top:8px;
  height:3px;
  border-radius:999px;
  background:currentColor;
}

.profile-action.close span::before{transform:rotate(45deg)}
.profile-action.close span::after{transform:rotate(-45deg)}

.collapsible-card{
  display:none;
}

.collapsible-card.is-visible{
  display:block;
}

.scrim-hero{
  min-height:760px;
  padding:78px max(18px, calc((100vw - 1280px) / 2)) 48px;
  background:
    linear-gradient(90deg, rgba(0,0,0,.98), rgba(0,0,0,.72) 38%, rgba(8,16,40,.82)),
    linear-gradient(140deg, rgba(34,211,238,.1), transparent 38%, rgba(91,70,255,.18)),
    url("images/scrim-bg-red-blue.png?v=2") center/cover no-repeat;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.hero-inner{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(260px, 420px) 360px;
  align-items:center;
  gap:42px;
}

.hero-kicker,.section-kicker{
  margin:0;
  color:var(--cyan);
  font-size:12px;
  font-weight:900;
  letter-spacing:.42em;
}

.hero-copy h2{
  margin:22px 0 18px;
  font-size:76px;
  line-height:.92;
  font-weight:900;
}

.hero-copy h2 span{
  color:var(--cyan);
}

.hero-text{
  max-width:470px;
  color:#f4f7fb;
  font-size:17px;
  line-height:1.55;
}

.hero-buttons{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:10px;
  margin-top:30px;
  overflow-x:auto;
  scrollbar-width:none;
}

.hero-buttons::-webkit-scrollbar{
  display:none;
}

.hero-buttons .btn{
  flex:0 0 auto;
  min-height:44px;
  padding:0 13px;
  font-size:12px;
  white-space:nowrap;
}

.scrim-logo-card{
  margin:0;
  min-height:270px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  background:transparent;
}

.scrim-logo-card img{
  width:min(340px, 88%);
  height:auto;
  object-fit:contain;
}

.scrim-logo-card img[src="#"]{
  visibility:hidden;
}

.hero-side{
  display:grid;
  gap:12px;
}

.hero-mini-card,.info-card,.panel{
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(8,9,16,.94), rgba(2,4,10,.96));
  box-shadow:var(--shadow);
}

.hero-mini-card{
  min-height:160px;
  padding:24px 20px;
  border-radius:10px;
}

.hero-action-card{
  display:grid;
  gap:22px;
  align-content:start;
}

.mini-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.mini-head p,.mini-title,.info-card p,.panel-title p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  font-weight:900;
  letter-spacing:.18em;
}

.hero-mini-card h3{
  margin:22px 0 8px;
  color:var(--gold);
  font-size:34px;
  line-height:1;
}

.hero-mini-card > p:last-child{
  margin:8px 0 0;
  color:#c9d2df;
  line-height:1.45;
}

.hero-empty-deal{
  display:grid;
  gap:10px;
  margin-top:18px;
}

.hero-empty-deal h3{
  margin:0;
  color:#fff;
  font-size:21px;
  line-height:1.1;
}

.hero-empty-deal p{
  margin:0;
  color:#c9d2df;
  font-size:14px;
  line-height:1.45;
}

.hero-deal-versus{
  margin-bottom:8px;
}

.hero-deal-versus strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}

.hero-deal-date{
  margin:0 0 12px !important;
  color:#dbe6f5 !important;
  font-size:13px;
}

.hero-deal-button{
  margin-top:14px;
}

.hero-action-stack{
  display:grid;
  gap:12px;
}

.hero-action-button{
  width:100%;
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(34,211,238,.7);
  border-radius:7px;
  background:rgba(0,0,0,.5);
  color:#fff;
  padding:0 20px;
  font-size:15px;
  font-weight:900;
  letter-spacing:0;
  text-align:center;
  box-shadow:0 14px 32px rgba(0,0,0,.28);
  transition:.18s ease;
}

.hero-action-button:hover{
  border-color:var(--cyan);
  background:rgba(34,211,238,.1);
  color:var(--cyan);
  transform:translateY(-1px);
}


.versus-row{
  margin:22px 0 12px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  text-align:center;
}

.versus-row span{
  color:var(--cyan);
  font-size:30px;
  font-weight:900;
}

.info-drawer{
  max-height:0;
  opacity:0;
  overflow:hidden;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-top:0;
  transition:max-height .28s ease, opacity .22s ease, margin-top .22s ease;
}

.info-drawer.is-visible{
  max-height:260px;
  opacity:1;
  margin-top:34px;
}

.info-card{
  min-height:106px;
  border-color:rgba(34,211,238,.36);
  border-radius:10px;
  padding:22px 20px;
}

.info-card strong{
  display:block;
  margin-top:12px;
  font-size:18px;
  line-height:1.25;
}

.penalty-info-card > span{
  display:block;
  margin-top:8px;
  color:#8f9aaa;
  font-size:11px;
  font-weight:900;
  line-height:1.45;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.scrim-progress{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:0;
  border:1px solid var(--line-cyan);
  border-radius:10px;
  background:rgba(0,0,0,.72);
  overflow:hidden;
}

.scrim-progress div{
  min-height:68px;
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:12px;
  align-content:center;
  padding:16px;
}

.scrim-progress span{
  grid-row:span 2;
  color:var(--cyan);
  font-size:26px;
  font-weight:900;
}

.scrim-progress strong{
  font-size:15px;
}

.scrim-progress p{
  margin:2px 0 0;
  color:var(--muted);
  font-size:12px;
}

.workspace{
  padding:52px max(18px, calc((100vw - 1280px) / 2)) 90px;
  background:#000;
}

.deal-app-view{
  min-height:calc(100vh - 80px);
  padding:34px max(18px, calc((100vw - 1280px) / 2)) 110px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.96), rgba(1,6,14,.98)),
    #000;
}

.support-app-view{
  min-height:calc(100vh - 80px);
  padding:34px max(18px, calc((100vw - 1280px) / 2)) 120px;
  background:#000;
}
.support-shell{border:1px solid rgba(34,211,238,.34);border-radius:10px;background:linear-gradient(145deg,rgba(5,15,28,.97),#000);overflow:hidden}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px}
.support-card{min-width:0;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(0,0,0,.45)}
.support-card h3{margin:0 0 5px}.support-card>p{margin:0 0 12px;color:#9aa4b5;font-size:12px}
.support-chat-log{display:grid;gap:8px;max-height:360px;overflow:auto;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#02050a}
.support-message{padding:9px;border-radius:7px;background:rgba(34,211,238,.08)}
.support-message.is-admin{background:rgba(70,245,157,.1)}
.support-message strong,.support-message small{font-size:10px;color:var(--cyan)}.support-message p{margin:4px 0;font-size:13px}.support-message small{color:#788394}
.support-chat-form,.group-chat-form,.admin-support-reply{display:grid;grid-template-columns:.55fr 1fr auto;gap:7px;margin-top:10px}
.group-question-contact{
  border-bottom-color:rgba(34,211,238,.34);
  background:linear-gradient(90deg,rgba(34,211,238,.1),rgba(2,7,14,.92));
}
.question-room-avatar{
  display:block;
  background-color:#06121b;
  background-image:url("images/question-chat-profile.png?v=20260727-1");
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
.group-question-screen .deal-chat-composer{
  grid-template-columns:minmax(0,1fr) 48px;
}
.admin-support-thread{margin-bottom:12px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px}.admin-support-thread h4{margin:0 0 8px}

.review-app-view{
  min-height:calc(100vh - 80px);
  padding:34px max(18px, calc((100vw - 1280px) / 2)) 130px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.96), rgba(1,6,14,.98)),
    #000;
}

.admin-app-view{
  min-height:calc(100vh - 80px);
  padding:34px max(18px, calc((100vw - 1280px) / 2)) 130px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.96), rgba(1,6,14,.98)),
    #000;
}

.admin-shell{
  display:grid;
  gap:16px;
}

.admin-head,
.admin-card{
  border:1px solid rgba(34,211,238,.34);
  border-radius:10px;
  background:linear-gradient(145deg, rgba(5,15,28,.95), rgba(0,0,0,.98));
  box-shadow:0 18px 54px rgba(0,0,0,.35);
}

.admin-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:20px;
}

.admin-head-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.admin-head h2{
  margin:4px 0 0;
  font-size:32px;
  line-height:1;
}

.admin-head p:last-child{
  margin:8px 0 0;
  color:#8d98aa;
  font-size:13px;
}

.admin-grid{
  display:grid;
  grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
  gap:16px;
}

.admin-card{
  padding:18px;
}

.admin-toggle-summary{
  margin:0;
  padding:4px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}

.admin-toggle-summary::-webkit-details-marker{display:none}

.admin-toggle-summary::after{
  content:'+';
  flex:0 0 auto;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(34,211,238,.45);
  border-radius:8px;
  color:var(--cyan);
  font-size:22px;
}

.admin-toggle-card[open] > .admin-toggle-summary{
  margin-bottom:16px;
}

.admin-toggle-card[open] > .admin-toggle-summary::after{
  content:'-';
}

.admin-team-list,
.admin-scrim-list{
  display:grid;
  gap:10px;
}

.admin-team-row,
.admin-scrim-row{
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(0,0,0,.32);
  padding:12px;
}

.admin-team-row{
  display:block;
}

.admin-team-row-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.admin-team-row-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.admin-team-edit-toggle{
  min-height:34px;
  padding:0 14px;
  border-color:rgba(34,211,238,.55);
  color:var(--cyan);
  font-size:11px;
}

.admin-team-create,
.admin-team-edit{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
  align-items:end;
}

.admin-team-search-wrap{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}

.admin-team-search-wrap label{
  color:#fff;
  font-size:12px;
}

.admin-team-search-wrap input{
  min-height:42px;
}

.admin-team-search-wrap small{
  min-width:64px;
  color:var(--cyan);
  text-align:right;
  font-size:11px;
}

.admin-team-create{
  margin-bottom:14px;
  padding:12px;
  border:1px solid rgba(34,211,238,.22);
  border-radius:8px;
  background:rgba(34,211,238,.04);
}

.admin-team-edit{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.08);
}

.admin-team-create .btn,
.admin-team-edit .btn{
  min-height:42px;
}

.admin-team-row strong,
.admin-scrim-row strong{
  display:block;
  color:#fff;
  font-size:15px;
}

.admin-team-row span,
.admin-team-row small,
.admin-scrim-row span,
.admin-scrim-row small{
  display:block;
  margin-top:4px;
  color:#9aa4b5;
  font-size:12px;
  font-weight:800;
}

.admin-scrim-edit{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
  align-items:end;
  margin-top:10px;
}

.admin-scrim-edit .admin-info-field{
  grid-column:span 2;
}

.admin-scrim-edit > .btn{
  min-height:42px;
}

.admin-point-edit{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:8px;
  align-items:end;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
}

.admin-result-complete{
  display:grid;
  gap:4px;
  margin-top:12px;
  padding:12px;
  border:1px solid rgba(70,245,157,.3);
  border-radius:8px;
  background:rgba(70,245,157,.06);
}

.admin-result-complete span{
  color:var(--green);
  font-size:10px;
  letter-spacing:.16em;
}

.admin-result-complete strong{
  font-size:14px;
}

.admin-result-complete small{
  color:#9aa4b5;
  font-size:11px;
}

.admin-point-edit .btn{
  min-height:42px;
}

.admin-point-hint{
  margin:12px 0 0;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#f5b942;
  font-size:12px;
}

.deal-shell{
  min-height:640px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(34,211,238,.34);
  border-radius:10px;
  background:
    linear-gradient(145deg, rgba(5,15,28,.95), rgba(0,0,0,.98)),
    rgba(0,0,0,.9);
  overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.44);
}

.review-shell{
  min-height:540px;
  border:1px solid rgba(34,211,238,.34);
  border-radius:10px;
  background:
    linear-gradient(145deg, rgba(5,15,28,.95), rgba(0,0,0,.98)),
    rgba(0,0,0,.9);
  overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.44);
}

.deal-view-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:22px;
  border-bottom:1px solid rgba(34,211,238,.18);
}

.review-view-head{
  padding:22px;
  border-bottom:1px solid rgba(34,211,238,.18);
}

.review-view-head h2{
  margin:4px 0 0;
  font-size:28px;
  line-height:1;
}

.review-view-head p:last-child{
  margin:8px 0 0;
  color:#8d98aa;
  font-size:13px;
}

.review-content{
  padding:18px;
}

.deal-view-head h2{
  margin:4px 0 0;
  font-size:28px;
  line-height:1;
}

.deal-view-head p:last-child{
  margin:8px 0 0;
  color:#8d98aa;
  font-size:13px;
}

.deal-app-view.is-chat-open .deal-view-head{
  display:none;
}

.deal-contact-list{
  display:grid;
  gap:0;
}

.deal-contact-section-label{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid rgba(34,211,238,.16);
  background:rgba(1,8,15,.94);
  color:#67e8f9;
  padding:8px 18px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.2em;
}
.deal-contact-section-label strong{
  min-width:22px;
  border-radius:999px;
  background:rgba(34,211,238,.14);
  padding:4px 7px;
  text-align:center;
  letter-spacing:0;
}
.deal-contact-empty{
  margin:0;
  border-bottom:1px solid rgba(255,255,255,.07);
  color:#788394;
  padding:16px 18px;
  font-size:12px;
}

.deal-contact-item{
  width:100%;
  min-height:82px;
  display:grid;
  grid-template-columns:52px minmax(0, 1fr) auto;
  align-items:center;
  gap:14px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(0,0,0,.18);
  color:#fff;
  padding:14px 18px;
  text-align:left;
}

.deal-contact-item:hover{
  background:rgba(34,211,238,.07);
}

.deal-contact-avatar{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(34,211,238,.5);
  border-radius:999px;
  background:linear-gradient(180deg, rgba(34,211,238,.18), rgba(0,0,0,.72));
  color:var(--cyan);
  font-size:18px;
  font-weight:900;
}

.deal-contact-main{
  min-width:0;
}

.deal-contact-main strong{
  display:block;
  overflow:hidden;
  color:#fff;
  font-size:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.deal-contact-main span{
  display:block;
  overflow:hidden;
  margin-top:5px;
  color:#91a0b3;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.deal-contact-meta{
  display:grid;
  justify-items:end;
  gap:7px;
  color:#9da8b8;
  font-size:11px;
}

.deal-contact-unread,
.deal-contact-badge{
  min-width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#46f59d;
  color:#021208;
  font-size:11px;
  font-weight:900;
  line-height:1;
  padding:0 7px;
  box-shadow:0 0 0 2px rgba(2,4,10,.96), 0 0 16px rgba(70,245,157,.5);
}

.deal-chat-screen{
  min-height:640px;
  display:grid;
  grid-template-rows:auto minmax(220px, 1fr) auto;
  background:
    linear-gradient(180deg, rgba(3,11,20,.96), rgba(0,0,0,.98)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 1px, transparent 1px 11px);
}

.deal-chat-screen-head{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  align-items:center;
  gap:12px;
  border-bottom:1px solid rgba(34,211,238,.18);
  background:rgba(0,0,0,.48);
  padding:14px 18px;
}

.deal-chat-back{
  min-height:34px;
  padding:0 14px;
}

.deal-chat-screen-head h3{
  overflow:hidden;
  margin:0;
  color:#fff;
  font-size:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.deal-chat-screen-head p{
  margin:4px 0 0;
  color:#91a0b3;
  font-size:12px;
}

.deal-room-submit{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:8px;
  border-bottom:1px solid rgba(34,211,238,.14);
  background:rgba(0,0,0,.38);
  padding:12px 18px;
}

.deal-room-submit input{
  min-height:40px;
  border:1px solid var(--line);
  border-radius:7px;
  background:#02050a;
  color:#fff;
  padding:10px 12px;
  outline:none;
}

.deal-room-submit input:focus{
  border-color:var(--cyan);
  box-shadow:0 0 0 3px rgba(34,211,238,.12);
}

.deal-chat-full-log{
  min-height:300px;
  max-height:calc(100vh - 370px);
  display:flex;
  flex-direction:column;
  gap:8px;
  overflow-y:auto;
  padding:18px;
}

.deal-chat-composer{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:8px;
  border-top:1px solid rgba(34,211,238,.16);
  background:rgba(0,0,0,.62);
  padding:12px 18px 18px;
}

.chat-send-button{
  width:48px;
  min-width:48px;
  padding:0;
}

.chat-send-button svg{
  width:21px;
  height:21px;
}

body.has-bottom-app-nav .deal-app-view,
body.has-bottom-app-nav .review-app-view,
body.has-bottom-app-nav .workspace{
  padding-bottom:max(128px, calc(env(safe-area-inset-bottom) + 128px));
}

.deal-chat-composer input{
  min-height:44px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#02050a;
  color:#fff;
  font-size:16px;
  padding:10px 15px;
  outline:none;
}

.deal-chat-composer input:focus{
  border-color:var(--cyan);
  box-shadow:0 0 0 3px rgba(34,211,238,.12);
}

body.scrim-view-home #scrimWorkspace,
body.scrim-view-home #dealView,
body.scrim-view-home #reviewView,
body.scrim-view-home #adminView,
body.scrim-view-deal #homeView,
body.scrim-view-deal #scrimWorkspace,
body.scrim-view-deal #reviewView,
body.scrim-view-deal #adminView,
body.scrim-view-all #homeView,
body.scrim-view-all #dealView,
body.scrim-view-all #reviewView,
body.scrim-view-all #adminView,
body.scrim-view-review #homeView,
body.scrim-view-review #dealView,
body.scrim-view-review #scrimWorkspace,
body.scrim-view-review #adminView,
body.scrim-view-admin #homeView,
body.scrim-view-admin #dealView,
body.scrim-view-admin #reviewView,
body.scrim-view-admin #scrimWorkspace,
body.scrim-view-admin .bottom-app-nav{
  display:none;
}

body.scrim-view-support #homeView,
body.scrim-view-support #dealView,
body.scrim-view-support #reviewView,
body.scrim-view-support #scrimWorkspace,
body.scrim-view-support #adminView{display:none}

#dealViewContent{
  min-height:0;
  flex:1;
}

.workspace-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  align-items:start;
}

.stack{
  display:grid;
  gap:16px;
}

.workspace-grid > .stack:first-child{
  grid-column:1 / -1;
}

.board-panel{
  grid-column:1 / -1;
}

.side-right{
  grid-column:1 / -1;
}

.panel{
  border-radius:10px;
}

.panel-pad{padding:20px}

.panel-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
  padding:16px;
}

.panel-title h2{
  margin:4px 0 0;
  font-size:24px;
  line-height:1;
}

.board-panel{
  min-height:560px;
  position:relative;
  overflow:hidden;
  border-color:rgba(34,211,238,.32);
  background:
    linear-gradient(145deg, rgba(7,20,39,.92), rgba(1,4,12,.98) 48%),
    rgba(0,0,0,.9);
}

.board-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(34,211,238,.08), transparent 28%),
    radial-gradient(circle at 100% 0, rgba(37,99,235,.1), transparent 36%);
}

.board-panel > *{position:relative;z-index:1}

.board-panel > .panel-title{
  margin-bottom:18px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(34,211,238,.18);
}

.ranking-panel{
  grid-column:1 / -1;
}

.auth-tabs,.filters,.inline-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.all-scrim-back-button{
  min-height:36px;
  padding:0 14px;
  border-color:rgba(34,211,238,.5);
  color:var(--cyan);
  font-size:11px;
}

@media (max-width:820px){
  .all-scrim-back-button{display:none}
}

.tab,.filter{
  min-height:36px;
  border:1px solid var(--line);
  border-radius:7px;
  background:#050911;
  color:#c4cad4;
  padding:0 12px;
  font-weight:900;
}

.tab.is-active,.filter.is-active{
  border-color:var(--cyan);
  background:var(--cyan);
  color:#001016;
}

.form-grid{
  display:grid;
  gap:12px;
  margin-top:14px;
}

.field{
  display:grid;
  gap:6px;
}

.date-time-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(160px, .55fr);
  gap:12px;
}

.field label{
  color:#d4d9e3;
  font-size:12px;
  font-weight:900;
}

.field input,.field select,.field textarea{
  width:100%;
  min-height:43px;
  border:1px solid var(--line);
  border-radius:7px;
  background:#02050a;
  color:#fff;
  padding:10px 12px;
  outline:none;
}

.field textarea{
  min-height:78px;
  resize:vertical;
}

.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--cyan);
  box-shadow:0 0 0 3px rgba(34,211,238,.12);
}

.scrim-list{
  display:grid;
  gap:12px;
}

.scrim-card,.request-row,.deal-room,.history-row,.rank-row{
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:rgba(0,0,0,.66);
  padding:14px;
}

.scrim-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(34,211,238,.52);
  border-radius:8px;
  background:
    linear-gradient(105deg, rgba(5,30,58,.96), rgba(0,5,16,.96) 58%),
    rgba(0,0,0,.82);
  padding:0;
  box-shadow:inset 4px 0 0 rgba(34,211,238,.88), 0 14px 34px rgba(0,0,0,.34);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.scrim-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg, transparent 0%, #22d3ee 32%, transparent 49%, #2563eb 68%, transparent 100%);
  opacity:.24;
  transform:translateX(-105%);
  animation:electricSweepBlue 3.8s linear infinite;
}

.scrim-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(118deg, transparent 0 32%, rgba(255,255,255,.07) 38%, transparent 45%),
    linear-gradient(90deg, rgba(0,174,255,.1), transparent 36%);
}

.scrim-card-main,.scrim-card-detail{
  position:relative;
  z-index:1;
}

.scrim-card-completed::before{opacity:.14;animation-duration:5.2s}
.scrim-card-open{
  border-color:rgba(34,211,238,.8);
  box-shadow:inset 4px 0 0 var(--cyan), 0 0 28px rgba(34,211,238,.1), 0 14px 34px rgba(0,0,0,.34);
}

.scrim-card:hover{
  transform:translateY(-2px);
  border-color:var(--cyan);
  box-shadow:inset 4px 0 0 var(--cyan), 0 18px 38px rgba(0,0,0,.42), 0 0 28px rgba(34,211,238,.14);
}

.scrim-card-main{
  min-height:126px;
  display:grid;
  grid-template-columns:72px minmax(210px,1.25fr) minmax(170px,.8fr) auto minmax(112px,auto);
  align-items:center;
  gap:18px;
  padding:18px 22px;
}

.scrim-number{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(34,211,238,.58);
  border-radius:6px;
  background:linear-gradient(180deg, rgba(34,211,238,.2), rgba(0,4,14,.76));
  color:#fff;
  font-size:20px;
  font-weight:900;
  box-shadow:inset 0 0 16px rgba(34,211,238,.06);
}

.scrim-identity{
  min-width:0;
  padding-right:20px;
  border-right:1px solid rgba(34,211,238,.4);
}

.scrim-format{
  display:block;
  margin-bottom:5px;
  color:var(--cyan);
  font-size:12px;
  font-weight:900;
}

.scrim-identity h3{
  overflow:hidden;
  margin:0;
  color:#fff;
  font-size:25px;
  line-height:1.05;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

.scrim-identity p{
  overflow:hidden;
  margin:7px 0 0;
  color:#8f9bad;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.scrim-schedule{
  display:grid;
  gap:4px;
  color:var(--cyan);
  text-transform:uppercase;
}

.scrim-schedule strong{
  font-size:14px;
}

.scrim-schedule span{
  color:#fff;
  font-size:18px;
  font-weight:900;
}

.scrim-status{
  justify-self:center;
}

.scrim-card-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

.scrim-detail-button,.scrim-join-button,.scrim-action-state{
  min-width:106px;
  min-height:44px;
}

.scrim-detail-button{
  border-color:rgba(34,211,238,.62);
  background:rgba(0,8,20,.72);
  color:#fff;
}

.scrim-detail-button:hover{
  border-color:var(--cyan);
  background:rgba(34,211,238,.12);
  color:var(--cyan);
}

@keyframes electricSweepBlue{
  0%{transform:translateX(-105%)}
  55%,100%{transform:translateX(105%)}
}

@media (prefers-reduced-motion:reduce){
  .scrim-card::before{animation:none;opacity:.08}
}

.scrim-action-state{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:7px;
  color:#9aa5b4;
  padding:0 14px;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}

.scrim-action-state.open{border-color:rgba(70,245,157,.36);color:var(--green)}
.scrim-action-state.pending{border-color:rgba(255,216,77,.38);color:var(--gold)}
.scrim-action-state.confirmed{border-color:rgba(34,211,238,.44);color:var(--cyan)}

.scrim-card-detail{
  display:grid;
  grid-template-columns:minmax(150px,.7fr) minmax(220px,1.35fr) minmax(150px,.7fr) auto;
  gap:20px;
  border-top:1px solid rgba(34,211,238,.22);
  background:rgba(0,0,0,.42);
  padding:16px 22px 18px 112px;
}

.deal-point-mode{
  color:var(--cyan) !important;
  font-size:10px !important;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.scrim-card-detail[hidden]{display:none}

.scrim-detail-item{
  min-width:0;
}

.scrim-detail-item > span:first-child{
  display:block;
  margin-bottom:5px;
  color:#7f8999;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}

.scrim-detail-item strong{
  font-size:13px;
  text-transform:uppercase;
}

.scrim-detail-flags{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}

.scrim-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
}

.scrim-head h3,.request-row h3,.deal-room h3,.history-row h3{
  margin:0;
  font-size:17px;
}

.meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0;
  color:#b5bfcd;
  font-size:12px;
}

.chip{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#071018;
  color:#ccd3df;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}

.chip.open{border-color:rgba(70,245,157,.42);background:rgba(70,245,157,.12);color:var(--green)}
.chip.pending{border-color:rgba(255,216,77,.45);color:var(--gold)}
.chip.confirmed{border-color:rgba(34,211,238,.45);color:var(--cyan)}
.chip.completed{border-color:rgba(255,255,255,.3);color:#fff}
.chip.rejected{border-color:rgba(255,93,104,.45);color:#ff9ba2}
.chip.reported{border-color:rgba(255,216,77,.45);background:rgba(255,216,77,.1);color:var(--gold)}
.chip.no_show_pending{border-color:rgba(255,93,104,.55);background:rgba(255,93,104,.12);color:#ff9ba2}
.chip.no_show_accepted{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff}

.btn:disabled{
  cursor:not-allowed;
  opacity:.45;
  color:#8a94a3;
}

.auth-tabs .register-closed{
  cursor:not-allowed;
  border-color:rgba(255,255,255,.1);
  background:rgba(255,255,255,.025);
  color:#667080;
  opacity:.68;
}

.auth-tabs .register-closed::after{
  content:"";
  width:7px;
  height:7px;
  margin-left:8px;
  border-radius:999px;
  background:#ff5d68;
  box-shadow:0 0 9px rgba(255,93,104,.75);
}

.request-row p,.deal-room p,.history-row p,.rank-row p,.scrim-card p,.empty{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}

.request-row + .request-row,.deal-room + .deal-room,.history-row + .history-row,.rank-row + .rank-row{
  margin-top:10px;
}

.room-box{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:12px 0;
}

.room-box .secret:only-child{
  grid-column:1 / -1;
}

.deal-matchup{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
  text-align:center;
}

.deal-matchup strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  text-transform:uppercase;
}

.deal-matchup span{
  color:var(--cyan);
  font-size:24px;
  font-weight:900;
  line-height:1;
}

.deal-time{
  margin:6px 0 12px !important;
  color:#dbe6f5 !important;
  font-size:12px !important;
}

.deal-toggle-panel{
  margin-top:12px;
}

.deal-chat{
  display:grid;
  gap:12px;
  margin-top:14px;
  border:1px solid rgba(34,211,238,.28);
  border-radius:8px;
  background:
    linear-gradient(180deg, rgba(4,16,28,.92), rgba(0,0,0,.78)),
    rgba(0,0,0,.68);
  padding:12px;
}

.deal-chat-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(34,211,238,.18);
}

.deal-chat-head strong{
  display:block;
  color:#fff;
  font-size:14px;
  text-transform:uppercase;
}

.deal-chat-head p{
  margin:5px 0 0;
  color:#8793a4;
  font-size:11px;
  line-height:1.4;
}

.deal-chat-log{
  min-height:124px;
  max-height:260px;
  display:flex;
  flex-direction:column;
  gap:8px;
  overflow-y:auto;
  padding:4px;
  scrollbar-width:thin;
  scrollbar-color:rgba(34,211,238,.42) rgba(255,255,255,.06);
}

.chat-bubble{
  max-width:min(78%, 360px);
  display:grid;
  gap:4px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:#0a1220;
  padding:9px 11px;
  box-shadow:0 10px 20px rgba(0,0,0,.22);
}

.chat-bubble.mine{
  align-self:flex-end;
  border-color:rgba(34,211,238,.42);
  background:linear-gradient(180deg, rgba(34,211,238,.18), rgba(4,24,35,.92));
}

.chat-bubble.theirs{
  align-self:flex-start;
  border-color:rgba(255,216,77,.24);
  background:linear-gradient(180deg, rgba(255,216,77,.1), rgba(10,13,20,.94));
}

.chat-bubble span{
  color:var(--cyan);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}

.chat-bubble.theirs span{
  color:var(--gold);
}

.chat-bubble p{
  color:#fff;
  font-size:13px;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.chat-bubble small{
  color:#7d8796;
  font-size:10px;
  font-weight:700;
}

.quick-chat-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.quick-chat{
  min-height:32px;
  border:1px solid rgba(34,211,238,.32);
  border-radius:999px;
  background:rgba(34,211,238,.08);
  color:#d8f8ff;
  padding:0 12px;
  font-size:12px;
  font-weight:900;
}

.quick-chat:hover{
  border-color:var(--cyan);
  color:var(--cyan);
}

.deal-chat-form{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:8px;
  margin:0;
}

.deal-chat-form input{
  width:100%;
  min-height:42px;
  border:1px solid var(--line);
  border-radius:7px;
  background:#02050a;
  color:#fff;
  padding:10px 12px;
  outline:none;
}

.deal-chat-form input:focus{
  border-color:var(--cyan);
  box-shadow:0 0 0 3px rgba(34,211,238,.12);
}

.result-confirm-box{
  display:grid;
  gap:10px;
  margin-top:12px;
  border:1px solid rgba(255,216,77,.32);
  border-radius:8px;
  background:rgba(255,216,77,.06);
  padding:12px;
}

.secret{
  border:1px solid rgba(34,211,238,.35);
  border-radius:8px;
  background:rgba(34,211,238,.1);
  padding:11px;
}

.secret span{
  display:block;
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  margin-bottom:4px;
}

.secret strong{
  font-size:18px;
}

.rank-row{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:12px;
}

.points{
  color:var(--gold);
  font-weight:900;
  font-size:20px;
}

#historyList{
  margin-top:12px;
}

.session-float{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:40;
  max-width:240px;
  border:1px solid rgba(34,211,238,.35);
  border-radius:10px;
  background:rgba(0,0,0,.78);
  padding:10px 12px;
  box-shadow:var(--shadow);
  text-align:right;
}

.session-float strong{
  color:var(--cyan);
}

.session-float p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:12px;
}

.logout-float{
  position:fixed;
  right:18px;
  bottom:86px;
  z-index:41;
}

.toast{
  position:fixed;
  left:50%;
  bottom:max(96px, calc(env(safe-area-inset-bottom) + 96px));
  z-index:120;
  transform:translateX(-50%) translateY(80px);
  opacity:0;
  pointer-events:none;
  border:1px solid rgba(34,211,238,.45);
  border-radius:8px;
  background:#050911;
  color:#fff;
  padding:12px 14px;
  box-shadow:var(--shadow);
  transition:.22s ease;
}

body.has-bottom-app-nav .toast{
  bottom:max(112px, calc(env(safe-area-inset-bottom) + 112px));
}

.toast.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}

.toast.profile-required-note{box-sizing:border-box;overflow-wrap:anywhere;max-height:calc(100dvh - 160px);overflow-y:auto}

.hidden{display:none !important}

@media (max-width:1180px){
  .hero-inner{grid-template-columns:1fr 320px}
  .scrim-logo-card{grid-column:1 / -1;order:3}
  .workspace-grid{grid-template-columns:1fr}
  .board-panel{grid-column:1 / -1;order:-1}
  .side-right{grid-column:auto}
  .profile-grid{grid-template-columns:1fr}
  .profile-flow{
    grid-template-columns:1fr;
  }
  .profile-wide-card,
  .profile-wide-card:first-child,
  .profile-wide-card:last-child{
    width:100%;
    min-width:0;
  }
  .profile-wide-card #requestList,
  .profile-wide-card #dealRooms,
  .profile-wide-card .request-row,
  .profile-wide-card .deal-room{
    min-width:0;
    width:100%;
  }
  .player-card{flex-basis:calc((100% - 32px) / 3)}
  .ranking-full-grid{grid-template-columns:1fr}
  .scrim-card-main{grid-template-columns:60px minmax(190px,1fr) minmax(150px,.8fr) auto}
  .scrim-status{display:none}
  .scrim-card-actions{grid-column:4;grid-row:1}
}

@media (max-width:820px){
  :root{
    --scrim-top-nav-height:69px;
    --scrim-content-top-offset:69px;
    --scrim-bottom-nav-space:max(96px, calc(env(safe-area-inset-bottom) + 96px));
  }
  .auth-gate{
    min-height:100svh;
    padding:0 12px 112px;
  }
  .auth-gate-nav{
    min-height:auto;
    padding:14px 0;
    align-items:flex-start;
  }
  .auth-gate-nav .brand h1{
    font-size:23px;
  }
  .auth-gate-nav .brand img{
    width:44px;
    height:44px;
  }
  .auth-card{
    margin:16px auto 0;
    min-height:auto;
    max-height:calc(100svh - 116px);
    grid-template-columns:1fr;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .auth-welcome{
    min-height:210px;
    gap:18px;
    padding:22px 24px;
    border-right:0;
    border-bottom:1px solid rgba(34,211,238,.26);
    border-radius:0 0 72px 72px;
  }
  .auth-welcome > .btn{
    display:none;
  }
  .auth-welcome h1{
    font-size:30px;
    line-height:1.05;
  }
  .auth-welcome p{
    max-width:none;
    font-size:15px;
    line-height:1.45;
  }
  .auth-form-side{
    padding:24px;
  }
  .auth-form-side h2{
    padding-right:42px;
    font-size:28px;
    line-height:1.1;
  }
  .auth-helper{
    margin:8px 0 14px;
    font-size:13px;
    line-height:1.4;
  }
  .auth-form-side .auth-tabs{
    gap:8px;
  }
  .auth-form-side .tab{
    min-width:0;
    padding:0 8px;
    font-size:15px;
  }
  .scrim-app{
    padding-top:var(--scrim-content-top-offset);
  }
  body.is-guest .scrim-app{
    padding-top:calc(var(--scrim-content-top-offset) + 36px);
  }
  .scrim-nav{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:70;
    min-height:var(--scrim-top-nav-height);
    align-items:center;
    gap:8px;
    padding:12px;
  }
  .guest-login-note{
    position:fixed;
    top:var(--scrim-top-nav-height);
    left:0;
    right:0;
    z-index:69;
    min-height:36px;
  }
  .auth-gate-nav .nav-actions{
    display:none;
  }
  .scrim-nav .nav-actions{
    display:flex;
    margin-left:auto;
  }
  .desktop-app-nav{
    display:none;
  }
  .scrim-nav .nav-actions .nav-link{
    display:none;
  }
  .scrim-nav .brand img{
    width:44px;
    height:44px;
  }
  .scrim-nav .brand h1{
    font-size:23px;
  }
  .nav-link{
    padding:0 11px;
    font-size:12px;
  }
  .profile-nav-button{
    padding:0 12px;
    max-width:120px;
  }
  .profile-name{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .profile-card,.ranking-full-card{
    width:calc(100% - 20px);
    max-height:calc(100svh - 112px);
    margin:10px auto 96px;
    padding:14px;
  }
  .ranking-podium{
    grid-template-columns:1fr;
  }
  .ranking-podium-card{
    padding:16px;
  }
  .ranking-table-head{
    display:none;
  }
  .ranking-table-row{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px 12px;
    padding:14px;
  }
  .ranking-position{grid-column:1}
  .ranking-table-team{grid-column:2 / 4}
  .ranking-table-team img{
    width:38px;
    height:38px;
  }
  .ranking-cell{
    min-height:48px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.08);
    border-radius:6px;
    background:rgba(255,255,255,.025);
  }
  .ranking-cell::after{
    content:attr(data-label);
    margin-top:3px;
    color:#6f7888;
    font-size:8px;
    letter-spacing:.12em;
  }
  .ranking-cell.points{grid-column:1;grid-row:2}
  .ranking-cell.wins{grid-column:2;grid-row:2}
  .ranking-cell.losses{grid-column:3;grid-row:2}
  .profile-card-head h2{
    font-size:24px;
  }
  .profile-card-head{
    align-items:center;
    gap:10px;
    margin-bottom:12px;
    padding-bottom:12px;
  }
  .profile-title-row{
    flex-wrap:nowrap;
    gap:8px;
  }
  .profile-rank-badge{
    min-height:28px;
    padding:0 10px;
    font-size:11px;
    white-space:nowrap;
  }
  .profile-rank-badge::before{
    width:13px;
    height:13px;
    margin-right:6px;
  }
  .profile-head-actions{
    flex-wrap:nowrap;
    align-items:center;
  }
  .profile-close-top{
    min-height:28px;
    font-size:10px;
  }
  .profile-close-top,
  .profile-action.notify{
    min-width:92px;
    min-height:28px;
    padding:0 8px;
    font-size:10px;
  }
  .profile-action.notify{
    min-height:30px;
    padding:0 9px;
    font-size:10px;
  }
  .profile-info-card{
    grid-template-columns:1fr;
    gap:10px;
    padding:12px;
  }
  .profile-info-text{
    grid-template-columns:1fr;
    gap:8px;
  }
  .profile-info-text div{
    grid-template-columns:72px minmax(0, 1fr);
    align-items:center;
  }
  .profile-edit-small{
    width:100%;
    min-height:30px;
  }
  .profile-logout-sticky{
    bottom:max(102px, calc(env(safe-area-inset-bottom) + 102px));
    width:min(430px, calc(100% - 28px));
  }
  .player-roster{gap:12px}
  .roster-stage{padding-inline:34px}
  .player-card{
    flex-basis:100%;
    opacity:1;
    transform:none;
  }
  .player-card:hover,.player-card.is-active{transform:none}
  .roster-arrow{width:28px;height:54px}
  .roster-scroll-hint{left:34px;right:34px}
  .roster-team-stats{
    grid-template-columns:1fr;
  }
  .profile-flow{
    grid-template-columns:1fr;
  }
  .profile-wide-card{
    min-width:0;
  }
  .profile-head-actions{
    flex-wrap:wrap;
    justify-content:flex-end;
  }
  .roster-note{
    display:none;
  }
  .scrim-hero{
    padding-top:42px;
  }
  .hero-inner,.workspace-grid,.info-drawer,.scrim-progress{
    grid-template-columns:1fr;
  }
  .hero-inner,.hero-copy,.hero-side{
    min-width:0;
    width:100%;
  }
  .hero-buttons{
    width:100%;
    max-width:100%;
    gap:5px;
    overflow:visible;
  }
  .hero-buttons .btn{
    flex:1 1 0;
    min-width:0;
    min-height:40px;
    padding:0 3px;
    font-size:clamp(8px, 2.2vw, 10px);
    letter-spacing:0;
  }
  .date-time-row{
    grid-template-columns:1fr;
  }
  .hero-copy h2{
    font-size:52px;
  }
  .scrim-logo-card{
    min-height:180px;
  }
  .hero-action-button{
    min-height:50px;
    font-size:19px;
  }
  .info-drawer.is-visible{
    max-height:620px;
  }
  .session-float,.logout-float{
    display:none;
  }
  .workspace{
    padding-bottom:120px;
  }
  body.scrim-view-deal.has-bottom-app-nav{
    overflow:hidden;
    overscroll-behavior:none;
    padding-bottom:0;
  }
  body.chat-keyboard-open{
    --scrim-bottom-nav-space:0px;
  }
  body.chat-keyboard-open .bottom-app-nav{
    opacity:0;
    pointer-events:none;
    transform:translateX(-50%) translateY(120%);
  }
  .deal-app-view{
    height:calc(100svh - var(--scrim-content-top-offset) - var(--scrim-bottom-nav-space));
    height:calc(100dvh - var(--scrim-content-top-offset) - var(--scrim-bottom-nav-space));
    min-height:0;
    overflow:hidden;
    padding:8px 10px 8px;
  }
  .support-app-view{padding:8px 10px var(--scrim-bottom-nav-space)}
  .support-grid{grid-template-columns:1fr;padding:10px}
  .support-chat-form,.group-chat-form,.admin-support-reply{grid-template-columns:1fr}
  body.scrim-view-deal.has-bottom-app-nav .deal-app-view{
    padding:8px 10px 8px;
  }
  .review-app-view{
    min-height:calc(100svh - var(--scrim-content-top-offset));
    min-height:calc(100dvh - var(--scrim-content-top-offset));
    padding:8px 10px var(--scrim-bottom-nav-space);
  }
  .review-shell{
    min-height:auto;
    border-radius:8px;
  }
  .review-view-head{
    padding:14px;
  }
  .review-view-head h2{
    font-size:24px;
  }
  .review-view-head p:last-child{
    font-size:12px;
    line-height:1.35;
  }
  .review-content{
    padding:10px;
  }
  .admin-app-view{
    padding:8px 10px var(--scrim-bottom-nav-space);
  }
  .admin-head{
    align-items:stretch;
    flex-direction:column;
    padding:14px;
  }
  .admin-head-actions{
    width:100%;
  }
  .admin-head-actions .btn{
    flex:1;
  }
  .admin-grid{
    grid-template-columns:1fr;
  }
  .admin-card{
    padding:12px;
  }
  .admin-scrim-edit{
    grid-template-columns:1fr;
  }
  .admin-scrim-edit .admin-info-field{
    grid-column:auto;
  }
  .admin-point-edit{
    grid-template-columns:1fr;
  }
  .admin-team-create,
  .admin-team-edit{
    grid-template-columns:1fr;
  }
  .admin-team-search-wrap{
    grid-template-columns:1fr;
    gap:6px;
  }
  .admin-team-search-wrap small{
    min-width:0;
    text-align:left;
  }
  .admin-team-row-head{
    align-items:flex-start;
  }
  .admin-team-row-actions{
    flex-direction:column;
    align-items:flex-end;
  }
  .deal-shell{
    height:100%;
    min-height:0;
    border-radius:8px;
  }
  .deal-view-head{
    flex:0 0 auto;
    padding:12px 14px;
  }
  .deal-view-head .section-kicker{
    margin-bottom:5px;
  }
  .deal-view-head p:last-child{
    margin-top:0;
    font-size:12px;
    line-height:1.35;
  }
  #dealViewContent{
    overflow:hidden;
  }
  .deal-contact-item{
    grid-template-columns:46px minmax(0, 1fr) auto;
    min-height:76px;
    padding:12px;
  }
  .deal-contact-list{
    max-height:100%;
    overflow-y:auto;
  }
  .deal-contact-avatar{
    width:46px;
    height:46px;
    font-size:16px;
  }
  .deal-chat-screen{
    height:100%;
    min-height:0;
    grid-template-rows:auto minmax(0, 1fr) auto;
  }
  .deal-chat-full-log{
    min-height:0;
    max-height:none;
    padding:14px;
    padding-bottom:24px;
  }
  .deal-chat-composer{
    grid-template-columns:minmax(0, 1fr) 48px;
    padding-inline:14px;
  }
  .deal-chat-composer{
    position:relative;
    bottom:auto;
    z-index:10;
    border:1px solid rgba(34,211,238,.18);
    border-radius:14px;
    margin:0 10px 6px;
    padding:10px;
    background:rgba(2,7,14,.96);
    box-shadow:0 12px 30px rgba(0,0,0,.45), 0 0 18px rgba(34,211,238,.12);
  }
  body.chat-keyboard-open .deal-chat-screen{
    grid-template-rows:auto minmax(0, 1fr);
    padding-bottom:86px;
  }
  body.chat-keyboard-open .deal-chat-full-log{
    overflow:hidden;
    padding-bottom:14px;
    touch-action:none;
  }
  body.chat-keyboard-open .deal-chat-composer{
    position:fixed;
    left:10px;
    right:10px;
    bottom:6px;
    margin:0;
    z-index:140;
  }
  .room-box{
    grid-template-columns:1fr;
  }
  .deal-chat-head,
  .deal-chat-form{
    grid-template-columns:1fr;
  }
  .deal-chat-head{
    display:grid;
  }
  .chat-bubble{
    max-width:92%;
  }
  .scrim-card-main{
    min-height:0;
    grid-template-columns:48px 1fr;
    gap:12px;
    padding:16px;
  }
  .scrim-number{width:44px;height:44px;font-size:16px}
  .scrim-identity{padding-right:0;border-right:0}
  .scrim-identity h3{font-size:20px}
  .scrim-schedule{grid-column:2}
  .scrim-schedule span{font-size:16px}
  .scrim-card-actions{grid-column:1 / -1;grid-row:auto;justify-content:stretch}
  .scrim-card-actions > *{flex:1}
  .scrim-card-detail{grid-template-columns:1fr;padding:16px}
  .scrim-detail-flags{justify-content:flex-start}
}

@media (max-width:430px) and (max-height:940px){
  :root{
    --scrim-content-top-offset:97px;
  }
  .gtml-slot-card{
    width:calc(100% - 20px);
    max-height:calc(100dvh - 20px);
    margin:10px auto;
    padding:14px;
  }
  .gtml-slot-head{
    gap:10px;
    margin-bottom:12px;
  }
  .gtml-slot-head h2{
    font-size:25px;
  }
  .gtml-slot-head p:last-child{
    font-size:13px;
  }
  .gtml-slot-head .btn{
    min-height:36px;
    padding:0 12px;
    font-size:11px;
  }
}

@media (max-width:820px){
  input,
  select,
  textarea{
    font-size:16px !important;
  }
  .auth-gate{
    background:
      linear-gradient(180deg, rgba(0,0,0,.82), rgba(0,0,0,.64), rgba(2,6,23,.86)),
      url("images/scrim-bg-mobile.png?v=1") center/cover no-repeat,
      #02040a;
  }
  .scrim-hero{
    background:
      linear-gradient(180deg, rgba(0,0,0,.74), rgba(0,0,0,.52) 45%, rgba(2,6,23,.82)),
      linear-gradient(135deg, rgba(236,72,153,.08), transparent 46%, rgba(34,211,238,.12)),
      url("images/scrim-bg-mobile.png?v=1") center top/cover no-repeat;
  }
}

/* Scrim visual refresh: keep existing view and interaction states. */
:root{--bg:#080d18;--panel:#101a2a;--panel-2:#142135;--line:#26364c;--muted:#9aaac0;--cyan:#59e0ef;--shadow:0 16px 45px rgba(0,0,0,.22)}
body{background:var(--bg);font-weight:500}
p,label,.empty,.meta,.deal-time{font-weight:500}
button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.scrim-hero{min-height:0;padding:64px max(24px,calc((100vw - 1280px)/2)) 40px;background:linear-gradient(90deg,rgba(8,13,24,.98),rgba(8,13,24,.82) 52%,rgba(8,13,24,.88)),url("images/scrim-bg-red-blue.png?v=2") center/cover;border-bottom:1px solid var(--line)}
.hero-inner{grid-template-columns:minmax(0,1.5fr) minmax(190px,.75fr) minmax(250px,.85fr);gap:32px}
.hero-copy{min-width:0}
.hero-kicker{font-size:10px;letter-spacing:.18em;line-height:1.8;display:flex;align-items:center;gap:10px}
.hero-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px rgba(89,224,239,.5);flex-shrink:0}
.hero-copy h2{font-size:clamp(40px,4.2vw,64px);line-height:1.03;letter-spacing:-.045em;margin:24px 0}
.hero-copy h2 span{color:var(--cyan)}
.hero-text{font-size:15px;line-height:1.8;max-width:450px;color:#aebed2}
.hero-buttons{flex-wrap:wrap;overflow:visible;gap:10px;margin-top:28px}
.hero-buttons .btn{min-height:46px;padding:0 18px;font-size:11px;letter-spacing:.04em;border-radius:8px}
.hero-buttons .btn.primary{background:var(--cyan);color:#08131d;box-shadow:0 5px 24px rgba(89,224,239,.14);border-color:var(--cyan)}
.hero-buttons .btn.ghost{color:var(--muted);border-color:transparent;background:transparent}
.scrim-logo-card{min-height:300px;position:relative;flex-direction:column;gap:20px;background:radial-gradient(ellipse,rgba(89,224,239,.08),transparent 68%);border-radius:24px}
.scrim-logo-card img{width:min(250px,90%);filter:drop-shadow(0 15px 32px rgba(0,0,0,.45))}
.scrim-logo-card figcaption{text-align:center;display:grid;gap:9px}
.scrim-logo-card figcaption span{font-size:8px;letter-spacing:.16em;color:var(--muted)}
.scrim-logo-card figcaption strong{font-size:11px;letter-spacing:.08em;color:#d7e3f2}
.hero-side{gap:16px}
.hero-mini-card,.info-card,.panel{background:linear-gradient(145deg,rgba(20,33,53,.95),rgba(13,23,39,.98));border-color:var(--line);border-radius:16px;box-shadow:var(--shadow)}
.hero-mini-card{padding:20px;min-height:0}
.hero-action-card{gap:18px}
.mini-head p,.mini-title{color:var(--muted);font-size:10px;letter-spacing:.12em}
.hero-action-stack{gap:8px}
.hero-action-button{min-height:46px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);text-align:left;padding:12px 14px;font-size:11px;letter-spacing:.03em;display:flex;align-items:center;justify-content:space-between}
.hero-action-button::after{content:"↗";font-size:17px;color:var(--cyan)}
.hero-action-button:hover{background:rgba(89,224,239,.07);border-color:var(--cyan)}
.hero-deal-card p,.hero-empty-deal p{color:var(--muted);line-height:1.7;font-size:12px}
.hero-empty-deal h3{font-size:18px}
.scrim-progress{margin-top:32px;background:rgba(16,26,42,.8);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
.scrim-progress div{padding:20px;min-height:86px;border-right:1px solid var(--line)}
.scrim-progress div:last-child{border-right:0}
.scrim-progress span{font-size:22px;color:#56718e}
.scrim-progress strong{font-size:11px;letter-spacing:.08em}
.scrim-progress p{font-size:11px;margin-top:5px}
.info-card{padding:18px;border-color:var(--line)}
.info-card p{font-size:10px;letter-spacing:.08em;color:var(--cyan)}
.info-card strong{font-size:14px;line-height:1.5}
.panel-title h2{font-size:26px;letter-spacing:-.025em}
.section-kicker{font-size:10px;letter-spacing:.16em}
.scrim-card{border-radius:12px;border-color:var(--line);background:var(--panel)}
.scrim-card::before,.scrim-card::after{display:none}
.filter{border-radius:8px}
.auth-card{border-radius:20px;border-color:var(--line)}
.auth-welcome{border-radius:0;border-color:var(--line)}
@media(max-width:1100px){.hero-inner{grid-template-columns:minmax(0,1fr) 300px}.scrim-logo-card{display:none}.hero-side{grid-column:auto;order:initial}.hero-copy h2{font-size:56px}}
@media(max-width:820px){
.scrim-hero{padding:32px 20px 28px;background:linear-gradient(180deg,rgba(8,13,24,.87),#080d18 80%),url("images/scrim-bg-mobile.png?v=1") center top/cover}
.hero-inner{grid-template-columns:1fr;gap:26px}.hero-copy h2{font-size:clamp(36px,9vw,60px);margin:18px 0}.hero-kicker{font-size:9px;letter-spacing:.1em}.hero-text{font-size:14px;max-width:100%}.hero-buttons{display:grid;grid-template-columns:1fr 1fr;margin-top:22px;gap:10px}.hero-buttons .btn{width:100%;padding:0 10px;min-height:46px}.hero-side{grid-template-columns:1fr;gap:12px}.hero-action-stack{grid-template-columns:1fr;gap:8px}.scrim-progress{grid-template-columns:1fr 1fr;margin-top:22px}.scrim-progress div{padding:16px;min-height:76px}.scrim-progress div:nth-child(2){border-right:0}.scrim-progress div:nth-child(-n+2){border-bottom:1px solid var(--line)}.info-drawer{grid-template-columns:1fr 1fr;gap:10px}.info-drawer.is-visible{max-height:600px;margin-top:22px}.info-card{padding:14px;min-height:110px}.info-card strong{font-size:12px}.panel-pad{padding:18px}.hero-mini-card{padding:18px}.hero-deal-card{min-height:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* GNEX identity: shared home fonts, electric cyan, blue actions and dark glass. */
:root{--bg:#02040a;--panel:#081426;--panel-2:#0c1c32;--line:#1b324b;--cyan:#22d3ee;--muted:#9bb0c7;--line-cyan:rgba(34,211,238,.3)}
body,button,input,select,textarea,p,label,.empty,.meta,.deal-time{font-family:Inter,system-ui,sans-serif}
h1,h2,h3,h4,.hero-copy h2,.player-card strong,.scrim-progress strong{font-family:"Barlow Condensed",Impact,sans-serif;font-weight:800}
.btn,.nav-link,.hero-action-button,.filter,.chip,.profile-nav-button{font-family:Inter,system-ui,sans-serif}
.scrim-nav{background:#030b19f5;border-bottom:1px solid #1b324b}
.brand{gap:18px}.brand img{width:90px;height:30px;border:0;border-radius:0;padding:0;background:transparent}.brand>div{border-left:1px solid #ffffff25;padding-left:18px}.brand h1{font-family:Inter,system-ui,sans-serif;color:#fff;font-size:11px;letter-spacing:1.4px}.brand p{font-size:10px;letter-spacing:1.4px;color:var(--muted)}
.desktop-app-nav{gap:20px}.desktop-app-nav .nav-link{border:0;background:transparent;border-radius:0;font-size:10px;letter-spacing:1.5px;color:var(--muted);padding:10px 0}.desktop-app-nav .nav-link.is-active{color:#33d7ff;background:transparent;border:0;box-shadow:inset 0 -2px 0 #33d7ff}
.scrim-hero{background:radial-gradient(circle at 18% 18%,rgba(34,211,238,.18),transparent 34%),radial-gradient(circle at 82% 8%,rgba(168,85,247,.12),transparent 30%),linear-gradient(135deg,#0f172af5,#020617fa 55%,#0a0514fa);border-bottom-color:rgba(34,211,238,.2)}
.hero-copy h2{font-size:clamp(56px,6vw,86px);line-height:.95;letter-spacing:-.015em;text-transform:uppercase}.hero-copy h2 span{color:#67e8f9;text-shadow:0 0 32px rgba(34,211,238,.18)}
.hero-kicker{color:#67e8f9;font-weight:700}.hero-text{color:#a5b4c8;font-size:14px}
.hero-buttons .btn{border-radius:5px 12px 5px 12px;font-weight:700}
.hero-buttons .btn.primary,.btn.primary{background:linear-gradient(110deg,#147df2,#2abcec);border-color:#2abcec;color:#fff;box-shadow:0 6px 24px #06b6d426}
.hero-buttons .btn.primary:hover,.btn.primary:hover{filter:brightness(1.12);color:#fff}
.hero-buttons #toggleCreateBtn{background:#22d3ee12;border-color:#22d3ee70;color:#67e8f9}
.hero-mini-card,.panel,.info-card{background:radial-gradient(ellipse at top left,#0d447933,transparent 75%),linear-gradient(145deg,#08162c,#040b17);border:1px solid #226080;border-radius:14px;box-shadow:0 10px 28px #00000052}
.hero-action-button{background:#02061788;border-color:#1b324b;border-radius:5px 12px 5px 12px;color:#dceaf9}.hero-action-button:hover{border-color:#67e8f9;background:#22d3ee1a}
.scrim-logo-card{display:flex;background:radial-gradient(ellipse,rgba(34,211,238,.13),transparent 68%)}
.scrim-progress{background:#050a12;border-color:#1b324b}.scrim-progress span{font-family:"Barlow Condensed",Impact,sans-serif;font-size:30px;color:#22d3ee}.scrim-progress strong{font-size:17px;letter-spacing:.06em}
.scrim-card{background:linear-gradient(135deg,#08162c,#030a15);border-color:#226080}.scrim-identity h3,.panel-title h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:30px}
.auth-card,.ranking-full-card,.profile-card,.roster-card,.gtml-slot-card,.result-review-card{background:linear-gradient(135deg,#08162c,#020617);border-color:#226080}.auth-welcome{background:radial-gradient(circle at 18% 18%,#22d3ee26,transparent 60%),#030b19}.auth-welcome h1{font-size:48px}
@media(max-width:1100px){.scrim-logo-card{display:none}}
@media(max-width:820px){.hero-copy h2{font-size:clamp(52px,12vw,76px)}.scrim-hero{background:radial-gradient(circle at 10% 10%,#22d3ee24,transparent 45%),radial-gradient(circle at 95% 45%,#a855f714,transparent 40%),linear-gradient(160deg,#0f172a,#020617 65%)}.brand{gap:10px}.brand img{width:66px}.brand>div{padding-left:10px}.brand h1,.brand p{font-size:8px;letter-spacing:.8px}}

/* All Scrim board: purposeful empty state and compact matchmaking header. */
body.scrim-view-all .workspace{min-height:calc(100dvh - 120px);padding-top:46px;background:radial-gradient(ellipse at 75% 0%,#12609d26,transparent 55%),radial-gradient(ellipse at 5% 40%,#22d3ee0a,transparent 45%),#02040a}
#scrimBoard.board-panel{min-height:0;padding:0;border-color:#1b3b58;border-radius:18px;background:linear-gradient(145deg,#08182b,#040c18);box-shadow:0 24px 70px #00000040}
#scrimBoard.board-panel::before{background:radial-gradient(ellipse at 95% 0%,#147df21a,transparent 55%)}
#scrimBoard>.panel-title{padding:30px 32px;margin:0;border-bottom:1px solid #1b324b;align-items:center;background:linear-gradient(100deg,#0c284244,transparent)}
#scrimBoard .section-kicker{color:#33d7ff;font-size:10px;letter-spacing:.18em}
#scrimBoard .panel-title h2{font-size:44px;margin-top:8px;line-height:1.05;text-transform:uppercase}
.board-intro{margin:9px 0 0;color:#9bb0c7;font-size:12px;line-height:1.6}
#scrimBoard .filters{gap:6px;flex-wrap:wrap;justify-content:flex-end}
#scrimBoard .filter{min-height:38px;padding:0 18px;border:1px solid #213a52;background:#081220;color:#9bb0c7;font-size:11px;font-weight:700;border-radius:7px}
#scrimBoard .filter.is-active{background:#22d3ee19;color:#67e8f9;border-color:#22d3ee80;box-shadow:inset 0 -2px 0 #22d3ee}
#scrimBoard .all-scrim-back-button{background:transparent;border:0;color:#9bb0c7;font-size:10px;margin-right:12px;padding:0 4px}
#scrimList{padding:24px;display:grid;gap:14px}
.scrim-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 20px 20px;background:radial-gradient(ellipse at 50% 15%,#147df212,transparent 65%);border:1px dashed #264660;border-radius:12px}
.scrim-empty-emblem{width:90px;height:90px;display:grid;place-items:center;margin-bottom:24px;background:linear-gradient(140deg,#147df21c,#22d3ee08);border:1px solid #226080;border-radius:24px;transform:rotate(-8deg);box-shadow:0 0 45px #22d3ee0a}
.scrim-empty-emblem svg{width:54px;height:54px;color:#67e8f9;transform:rotate(8deg)}
.scrim-empty-state h3{font-family:"Barlow Condensed",Impact,sans-serif;font-size:38px;line-height:1.1;margin:12px 0;color:#edf6ff}
.scrim-empty-description{max-width:430px;color:#9bb0c7;font-size:13px;line-height:1.8;margin:0 0 24px}
.scrim-empty-state .btn{min-height:46px;padding:0 25px;border-radius:5px 12px 5px 12px;font-size:11px;letter-spacing:.05em}
.scrim-empty-steps{display:flex;justify-content:center;gap:30px;margin-top:32px;padding-top:20px;border-top:1px solid #1b324b;width:min(100%,520px)}
.scrim-empty-steps span{color:#33d7ff;font-size:11px;white-space:nowrap}.scrim-empty-steps b{font-weight:500;color:#8ca1b9;margin-left:6px}
body.scrim-view-all .guest-login-note{background:#091c2e;border-bottom:1px solid #226080;color:#9ac9e5;font-size:12px;font-weight:500}
@media(max-width:820px){body.scrim-view-all .workspace{padding:24px 16px 110px}#scrimBoard>.panel-title{padding:22px 20px;flex-direction:column;align-items:flex-start;gap:20px}#scrimBoard .panel-title h2{font-size:36px}#scrimBoard .filters{justify-content:flex-start;width:100%}#scrimList{padding:14px}.scrim-empty-state{padding:28px 16px 20px}.scrim-empty-state h3{font-size:32px}.scrim-empty-steps{gap:12px;flex-wrap:wrap}.scrim-empty-steps span{font-size:10px}#scrimBoard .filter{flex:1}#scrimBoard .section-kicker{font-size:9px}}

/* Deal lobby refresh; keep the active chat viewport and composer layout. */
body.scrim-view-deal .deal-app-view:not(.is-chat-open){min-height:calc(100dvh - 120px);padding-top:40px;background:radial-gradient(ellipse at 80% 0%,#147df21c,transparent 60%),#02040a}
.deal-app-view:not(.is-chat-open) .deal-shell{min-height:0;height:auto;border:1px solid #1b3b58;border-radius:18px;background:linear-gradient(145deg,#08182b,#040c18);box-shadow:0 24px 70px #00000040}
.deal-app-view:not(.is-chat-open) .deal-view-head{padding:28px 32px;border-color:#1b324b;background:linear-gradient(100deg,#0c284244,transparent)}
.deal-app-view:not(.is-chat-open) .deal-view-head h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:44px;line-height:1.05;text-transform:uppercase;margin:8px 0}
.deal-view-head .section-kicker{font-size:10px;letter-spacing:.18em;color:#33d7ff}
.deal-view-head p:last-child{color:#9bb0c7;line-height:1.7}
.deal-app-view:not(.is-chat-open) #dealViewContent{overflow:visible}
.deal-welcome{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;padding:32px;align-items:center}
.deal-login-card{padding:28px 32px;border:1px solid #226080;border-radius:14px;background:radial-gradient(ellipse at top left,#0d447944,transparent 75%),#061121}
.deal-welcome-icon{width:64px;height:64px;display:grid;place-items:center;border:1px solid #226080;border-radius:16px;background:#22d3ee0d;color:#67e8f9;margin-bottom:24px}
.deal-welcome-icon svg{width:38px;height:38px}
.deal-login-card h3{font-family:"Barlow Condensed",Impact,sans-serif;font-size:42px;line-height:1.05;margin:14px 0;color:#edf6ff}.deal-login-card h3 span{color:#67e8f9}
.deal-login-card>p:not(.section-kicker){font-size:13px;line-height:1.8;max-width:380px;color:#9bb0c7;margin:0 0 24px}
.deal-login-card .btn{min-height:46px;gap:24px;border-radius:5px 12px 5px 12px;font-size:11px;letter-spacing:.04em}
.deal-login-card>small{display:block;margin-top:14px;color:#839bb6;font-size:10px;line-height:1.6}
.deal-feature-list{display:grid;gap:14px}
.deal-feature-list article{display:flex;align-items:flex-start;gap:18px;padding:22px;border:1px solid #1b324b;border-radius:12px;background:#050e1c}
.deal-feature-number{font-family:"Barlow Condensed",Impact,sans-serif;font-size:28px;color:#33d7ff;line-height:1.1}
.deal-feature-list p{margin:0 0 6px;font-size:9px;letter-spacing:.15em;color:#6f93b4;font-weight:700}
.deal-feature-list h4{font-family:"Barlow Condensed",Impact,sans-serif;margin:0 0 6px;font-size:24px;color:#e7f2ff}
.deal-feature-list article div>span{font-size:12px;line-height:1.7;color:#9bb0c7}
.deal-app-view:not(.is-chat-open) .deal-contact-list{padding:24px}
.deal-app-view:not(.is-chat-open) .deal-contact-item{background:#08162c;border:1px solid #226080;border-radius:12px;margin-bottom:12px}
.deal-app-view:not(.is-chat-open) .deal-contact-empty{padding:28px;text-align:center;border:1px dashed #264660;border-radius:12px;color:#9bb0c7}
body.scrim-view-deal .guest-login-note{background:#091c2e;border-bottom:1px solid #226080;color:#9ac9e5;font-size:12px;font-weight:500}
@media(max-width:820px){body.scrim-view-deal .deal-app-view:not(.is-chat-open){height:auto;overflow:visible;padding:24px 16px 110px}.deal-app-view:not(.is-chat-open) .deal-view-head{padding:22px 20px}.deal-app-view:not(.is-chat-open) .deal-view-head h2{font-size:36px}.deal-welcome{grid-template-columns:1fr;padding:16px;gap:16px}.deal-login-card{padding:24px 20px}.deal-login-card h3{font-size:36px}.deal-login-card .btn{width:100%}.deal-feature-list article{padding:18px;gap:14px}.deal-app-view:not(.is-chat-open) .deal-contact-list{padding:16px}}

/* Mobile hero: game label and logo replace the large text heading. */
.mobile-hero-logo{display:none}
@media(max-width:820px){
.hero-copy>h2{display:none}
.hero-copy>.hero-kicker{font-weight:800;font-size:10px;letter-spacing:.08em;line-height:1.7}
.mobile-hero-logo{display:block;width:min(220px,65%);height:auto;object-fit:contain;margin:22px auto 24px;filter:drop-shadow(0 12px 28px #00000066)}
}

/* GNEX Laga-style header login action. */
body.is-guest .scrim-nav #profileBtn{min-width:92px;min-height:42px;padding:0 20px;border:0;border-radius:0;background:linear-gradient(110deg,#147df2,#2abcec);color:#fff;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:1px;transition:filter .18s ease,transform .18s ease}
body.is-guest .scrim-nav #profileBtn:hover{filter:brightness(1.15);transform:translateY(-1px)}
body.is-guest .scrim-nav #profileBtn:focus-visible{outline:none;background:linear-gradient(110deg,#2698ff,#67e8f9);box-shadow:inset 0 0 0 3px #fff}
body.is-guest .scrim-nav #profileBtn:active{transform:translateY(0)}
@media(max-width:820px){body.is-guest .scrim-nav #profileBtn{min-width:84px;min-height:42px;max-width:none;padding:0 18px;font-size:10px}}

.scrim-nav #profileBtn.has-team-logo{width:46px;height:46px;min-width:46px;min-height:46px;max-width:none;padding:4px;border:1px solid #2689b2;border-radius:12px;background:#06152b;clip-path:none;overflow:visible}
.scrim-nav #profileBtn.has-team-logo .profile-name{display:none}
#profileNavLogo{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
#profileNavLogo[hidden]{display:none}
.scrim-nav #profileBtn.has-team-logo .profile-badge{position:absolute;top:-6px;right:-6px}

.scrim-gtml-poster{margin:0;width:100%;border:1px solid #244b70;border-radius:14px;overflow:hidden;background:#061124}.scrim-gtml-poster img{display:block;width:100%;height:auto;object-fit:contain}

/* Scrim home: balanced artwork, clear actions and compact mobile hierarchy. */
#homeView.scrim-hero{padding:48px max(24px,calc((100vw - 1200px)/2)) 32px;background:radial-gradient(ellipse at 12% 20%,#0a879425,transparent 55%),radial-gradient(ellipse at 95% 60%,#3154b51a,transparent 50%),#050c19}
#homeView .hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);align-items:center;gap:64px}
#homeView .hero-copy{position:relative;padding:12px 0}
#homeView .hero-kicker{margin:0 0 20px;color:#3bdaf2;letter-spacing:.12em}
#homeView .hero-copy>h2{display:block;font-size:clamp(48px,5vw,72px);line-height:1;letter-spacing:-.025em;margin:0 0 22px}
#homeView .hero-text{max-width:480px;margin:0;color:#a8bdd5;font-size:14px;line-height:1.85}
#homeView .hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
#homeView .hero-buttons .btn{min-height:48px;min-width:150px;border-radius:10px}
#homeView .hero-buttons .primary{background:linear-gradient(110deg,#1687f6,#20bbdf);color:white;border-color:#2ac5eb;box-shadow:0 8px 24px #008ed521}
#homeView .scrim-logo-card{display:none}
#homeView .hero-side{display:block;min-width:0}
#homeView .scrim-gtml-poster{border-radius:18px;border-color:#254568;box-shadow:0 18px 48px #0005}
#homeView .scrim-progress{margin-top:32px;border-radius:14px;background:#091423;border-color:#20364d;overflow:hidden}
#homeView .scrim-progress>div{padding:20px 24px}
#homeView .scrim-progress strong{font-size:17px;letter-spacing:.03em}
#homeView .scrim-progress p{color:#91aac5;font-size:11px}
@media(max-width:820px){
  #homeView.scrim-hero{padding:26px 20px 28px}
  #homeView .hero-inner{grid-template-columns:1fr;gap:24px}
  #homeView .hero-copy{padding:0}
  #homeView .hero-kicker{font-size:9px;letter-spacing:.06em;margin-bottom:18px}
  #homeView .mobile-hero-logo{display:block;float:right;width:94px;height:94px;margin:0 0 10px 10px}
  #homeView .hero-copy>h2{font-size:40px;line-height:1.02;margin-bottom:18px}
  #homeView .hero-copy>h2 span{display:block;max-width:235px}
  #homeView .hero-text{clear:both;font-size:13px;line-height:1.8}
  #homeView .hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
  #homeView .hero-buttons .btn{min-width:0;font-size:10px;padding:0 10px}
  #homeView .scrim-gtml-poster{max-width:300px;margin:0 auto;border-radius:14px}
  #homeView .scrim-progress{display:grid;grid-template-columns:1fr 1fr;margin-top:24px}
  #homeView .scrim-progress>div{padding:16px;border-bottom:1px solid #20364d}
  #homeView .scrim-progress>div:nth-child(even){border-right:0}
  #homeView .scrim-progress>div:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:360px){#homeView .mobile-hero-logo{width:76px;height:76px}#homeView .hero-copy>h2{font-size:34px}#homeView.scrim-hero{padding-inline:16px}}

.home-ranking{margin-top:40px;border:1px solid #20364d;border-radius:16px;overflow:hidden;background:#091321}
.home-ranking-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;background:linear-gradient(110deg,#0b2034,#091321)}
#homeView .home-ranking-head .hero-kicker{margin:0 0 8px;font-size:9px}
.home-ranking-head h2{margin:0;font:800 30px/1.1 'Barlow Condensed',sans-serif;color:#edf6ff}
.home-ranking-head div>p:last-child{margin:10px 0 0;font-size:12px;color:#94acc8}
.home-ranking-head .btn{white-space:nowrap;border-radius:8px;font-size:10px}
.home-ranking-scroll{overflow-x:auto}
.home-ranking table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}
.home-ranking th{padding:16px 24px;font-size:10px;letter-spacing:.12em;color:#829ebd;background:#07101d}
.home-ranking td{padding:16px 24px;border-top:1px solid #1b2b40;color:#afc1d7}
.home-ranking th:nth-child(n+3),.home-ranking td:nth-child(n+3){text-align:right}
.home-rank-team{display:flex;align-items:center;gap:14px;min-width:180px;color:#ebf5ff}
.home-rank-team img{width:38px;height:38px;object-fit:contain;border-radius:9px;background:#102237;padding:4px}
.home-rank-number{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#122135;font-weight:800;color:#9fb4ce}
.home-rank-top .home-rank-number{background:#13cbea19;color:#35d9f2;border:1px solid #25cbe533}
.home-ranking td.home-rank-win{color:#64d7ae}.home-ranking td.home-rank-point{color:#40d7f0;font-weight:800;font-size:17px}
.home-ranking tbody tr:hover{background:#102137}
.home-ranking td.home-ranking-empty{text-align:center;padding:36px 24px;color:#91a9c4;line-height:1.8}
.home-ranking .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:820px){.home-ranking{margin-top:26px}.home-ranking-head{padding:20px;align-items:flex-start;flex-direction:column;gap:16px}.home-ranking-head h2{font-size:26px}.home-ranking th,.home-ranking td{padding:14px 16px}.home-ranking table{min-width:600px}}

@media(max-width:820px){
  .home-ranking-scroll{overflow-x:hidden}
  .home-ranking table{min-width:0;width:100%;table-layout:fixed}
  .home-ranking th:nth-child(3),.home-ranking th:nth-child(4),.home-ranking th:nth-child(5),.home-ranking td:nth-child(3),.home-ranking td:nth-child(4),.home-ranking td:nth-child(5){display:none}
  .home-ranking th:first-child,.home-ranking td:first-child:not([colspan]){width:54px;padding:14px 10px}
  .home-ranking th:last-child,.home-ranking td:last-child:not([colspan]){width:68px;padding:14px 12px;text-align:right}
  .home-ranking th:nth-child(2),.home-ranking td:nth-child(2){padding:14px 8px}
  .home-rank-team{min-width:0;gap:9px}
  .home-rank-team img{width:30px;height:30px;flex-shrink:0}
  .home-rank-team strong{min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.5}
  .home-ranking td.home-ranking-empty{width:auto;padding:24px 18px;white-space:normal;overflow-wrap:anywhere;font-size:12px}
}

/* Explicit mobile tracks avoid hidden table columns reserving width. */
@media(max-width:820px){
  .home-ranking table,.home-ranking thead,.home-ranking tbody{display:block;width:100%}
  .home-ranking tr{display:grid;grid-template-columns:48px minmax(0,1fr) 68px;align-items:center;width:100%;box-sizing:border-box}
  .home-ranking th,.home-ranking td{display:block;box-sizing:border-box;width:auto!important;border-top:0}
  .home-ranking tbody tr{border-top:1px solid #1b2b40}
  .home-ranking th:first-child,.home-ranking td:first-child:not([colspan]){padding:16px 10px}
  .home-ranking th:nth-child(2),.home-ranking td:nth-child(2){padding:16px 8px;text-align:left}
  .home-ranking th:last-child,.home-ranking td:last-child:not([colspan]){padding:16px 16px 16px 4px;text-align:right}
  .home-ranking td[colspan]{grid-column:1/-1;text-align:center}
  .home-rank-number{width:28px;height:28px;font-size:12px}
  .home-ranking-head{gap:14px}
  .home-ranking-head .btn{min-height:40px}
}
.ranking-demo-label{display:block;margin-top:4px;color:#7fa3c5;font:600 8px/1.3 Inter,sans-serif;letter-spacing:.08em}

/* Match board: restrained typography and clear match hierarchy. */
#scrimBoard .board-intro{letter-spacing:0;text-transform:none;font-weight:400;line-height:1.75;font-size:13px;max-width:440px}
#scrimBoard>.panel-title{background:linear-gradient(120deg,#0b2034,#071423);padding:26px;border-bottom:1px solid #1c3850}
#scrimBoard .panel-title h2{font-size:34px;letter-spacing:-.02em;margin:10px 0}
#scrimBoard .filters{padding:4px;background:#050f1d;border:1px solid #1d344a;border-radius:11px;gap:4px}
#scrimBoard .filter{border:0;background:transparent;border-radius:8px;min-height:38px;color:#8fa8c4}
#scrimBoard .filter.is-active{background:#103950;color:#5ee6fa;box-shadow:none;border:0}
#scrimList{padding:20px;gap:16px}
#scrimBoard .scrim-card{border:1px solid #21415b;border-radius:14px;border-left:1px solid #21415b;background:linear-gradient(145deg,#091b2c,#061220);box-shadow:0 8px 20px #0002;overflow:hidden}
#scrimBoard .scrim-card-main{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;padding:20px;align-items:center}
#scrimBoard .scrim-number{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#10324b;border:1px solid #24536d;font:700 12px Inter,sans-serif;color:#58def6}
#scrimBoard .scrim-identity h3{font-size:26px;line-height:1.15;margin:7px 0 5px;overflow-wrap:anywhere}
#scrimBoard .scrim-identity p{font-size:11px;color:#92aac4;margin:0;letter-spacing:0}
#scrimBoard .scrim-format{font:700 9px Inter,sans-serif;letter-spacing:.06em;color:#5be2f5;background:#123246;border-radius:5px;padding:4px 7px}
#scrimBoard .scrim-schedule{grid-column:2;display:flex;align-items:center;gap:12px;margin-top:4px}
#scrimBoard .scrim-schedule strong{font:600 10px Inter,sans-serif;color:#9cb4ce}
#scrimBoard .scrim-schedule span{font:700 12px Inter,sans-serif;color:#e9f5ff;padding-left:12px;border-left:1px solid #2a435a}
#scrimBoard .scrim-status{display:inline-block;grid-column:3;grid-row:1;justify-self:end;font:700 9px Inter,sans-serif;padding:6px 10px;background:#15382e;color:#7be3b4;border-radius:20px;border:1px solid #265340}
#scrimBoard .scrim-card-actions{grid-column:1/-1;display:flex;gap:10px;padding-top:16px;margin-top:2px;border-top:1px solid #1d354b}
#scrimBoard .scrim-card-actions .btn{flex:1;min-height:42px;border-radius:9px;font-size:11px;margin:0}
#scrimBoard .scrim-card-detail{border-top:1px solid #1d354b;padding:20px;background:#071321}
@media(max-width:820px){#scrimBoard>.panel-title{padding:22px 20px;gap:16px}#scrimBoard .panel-title h2{font-size:30px}#scrimList{padding:14px}#scrimBoard .scrim-card-main{padding:16px;gap:12px;grid-template-columns:40px minmax(0,1fr) auto}#scrimBoard .scrim-identity h3{font-size:24px}#scrimBoard .scrim-schedule{grid-column:1/-1;justify-content:space-between;background:#0d2436;padding:12px;border-radius:8px;margin-top:2px}#scrimBoard .scrim-card-actions{padding-top:12px}#scrimBoard .scrim-status{padding:5px 8px;font-size:8px}}
@media(max-width:360px){#scrimBoard .scrim-card-main{grid-template-columns:36px minmax(0,1fr);gap:10px}#scrimBoard .scrim-status{grid-column:2;grid-row:auto;justify-self:start}#scrimBoard .scrim-identity h3{font-size:22px}}

#scrimBoard .scrim-live-banner{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #663148;border-radius:9px;background:linear-gradient(110deg,#351626,#11283b)}
.scrim-live-label{display:flex;align-items:center;gap:6px;font:800 10px Inter,sans-serif;color:#ff779e;letter-spacing:.08em}
.scrim-live-label i{width:6px;height:6px;border-radius:50%;background:#ff537f;box-shadow:0 0 8px #ff537f77}
.scrim-live-channel{display:flex;align-items:center;gap:8px;color:#ecf7ff;font:700 11px Inter,sans-serif}
.scrim-live-channel svg{width:17px;height:17px;color:#fff;filter:drop-shadow(-1px 0 #25f4ee) drop-shadow(1px 0 #fe2c55)}
.scrim-live-channel small{font-size:9px;font-weight:400;color:#97aec6}

#scrimBoard .scrim-schedule .scrim-schedule-game{display:inline-flex;align-items:center;gap:8px;border-left:0;padding-left:0;white-space:nowrap}
.scrim-schedule-game b{font:700 10px Inter,sans-serif;color:#59dff4}
.scrim-schedule-game i{font-style:normal;font-weight:400;color:#46637c}

#scrimBoard .scrim-identity{min-width:0}
#scrimBoard .scrim-identity .scrim-matchup{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 8px;font-size:23px;line-height:1.2}
.scrim-matchup-team{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%}
.scrim-matchup-team img{display:block;width:30px;height:30px;object-fit:contain;flex-shrink:0;border-radius:7px;background:#102c41;padding:3px;box-sizing:border-box}
.scrim-matchup-team>span{min-width:0;overflow-wrap:anywhere}
#scrimBoard .scrim-matchup-vs{font:700 10px Inter,sans-serif;color:#6288a8;flex-shrink:0}
@media(max-width:820px){#scrimBoard .scrim-identity .scrim-matchup{font-size:20px;gap:7px}.scrim-matchup-team img{width:28px;height:28px}.scrim-matchup-team{gap:6px}}

#scrimBoard .scrim-card-main{grid-template-columns:minmax(0,1fr) auto}
#scrimBoard .scrim-identity .scrim-matchup{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;width:100%;align-items:center}
#scrimBoard .scrim-matchup-team{display:flex;min-width:0;gap:8px}
#scrimBoard .scrim-matchup-team:last-child{flex-direction:row-reverse;text-align:right}
#scrimBoard .scrim-matchup-team img{width:34px;height:34px;border-radius:50%;border:1px solid #26506c;padding:4px;background:#102c41}
#scrimBoard .scrim-matchup-team>span{flex:1;line-height:1.2}
#scrimBoard .scrim-schedule{grid-column:1/-1}
#scrimBoard .scrim-status{grid-column:2}
@media(max-width:820px){#scrimBoard .scrim-card-main{grid-template-columns:minmax(0,1fr) auto}#scrimBoard .scrim-identity .scrim-matchup{gap:8px;font-size:20px}#scrimBoard .scrim-matchup-team{gap:6px}#scrimBoard .scrim-matchup-team img{width:30px;height:30px}}
@media(max-width:360px){#scrimBoard .scrim-identity .scrim-matchup{font-size:18px;gap:5px}#scrimBoard .scrim-matchup-team img{width:28px;height:28px}#scrimBoard .scrim-matchup-team{gap:4px}#scrimBoard .scrim-status{grid-column:2;grid-row:1}}

/* Balanced match card: metadata first, symmetrical teams below. */
#scrimBoard .scrim-card-main{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:18px}
#scrimBoard .scrim-identity{display:flex;flex-direction:column;width:100%;padding-top:34px}
#scrimBoard .scrim-identity>p{position:absolute;left:18px;top:20px;margin:0;max-width:calc(100% - 94px);font:600 10px/1.4 Inter,sans-serif;letter-spacing:.03em;color:#9ab3ce}
#scrimBoard .scrim-status{position:absolute;right:18px;top:16px;margin:0;justify-self:auto}
#scrimBoard .scrim-identity .scrim-matchup{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:12px;padding:12px 0 10px;margin:0;font-size:24px;min-height:50px}
#scrimBoard .scrim-matchup-team{gap:10px}
#scrimBoard .scrim-matchup-team img{width:42px;height:42px;background:#0c2439;border:1px solid #29546f;padding:5px;box-shadow:0 3px 12px #0003}
#scrimBoard .scrim-matchup-vs{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#11273b;color:#8aaccc;font-size:10px}
#scrimBoard .scrim-schedule{margin:0;display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:9px;background:#0b2234}
#scrimBoard .scrim-card-actions{margin:0;padding-top:12px;gap:10px}
#scrimBoard .scrim-live-banner{padding:11px 12px}
@media(max-width:820px){#scrimBoard .scrim-identity .scrim-matchup{font-size:22px;gap:10px}#scrimBoard .scrim-matchup-team img{width:38px;height:38px}#scrimBoard .scrim-matchup-team{gap:8px}}
@media(max-width:360px){#scrimBoard .scrim-card-main{padding:14px}#scrimBoard .scrim-identity>p{left:14px;top:18px}#scrimBoard .scrim-status{right:14px;top:14px}#scrimBoard .scrim-matchup-team{gap:5px}#scrimBoard .scrim-matchup-team img{width:30px;height:30px}#scrimBoard .scrim-identity .scrim-matchup{font-size:18px;gap:5px;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)}#scrimBoard .scrim-matchup-vs{width:26px;height:26px}#scrimBoard .scrim-schedule{padding:10px 8px}#scrimBoard .scrim-schedule strong{font-size:9px}}

/* Laga-style matchup: crest above name on each side. */
#scrimBoard .scrim-identity .scrim-matchup{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:14px;align-items:center;padding:18px 0 14px;font:800 12px/1.4 Inter,sans-serif}
#scrimBoard .scrim-matchup-team,#scrimBoard .scrim-matchup-team:last-child{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}
#scrimBoard .scrim-matchup-team img{width:58px;height:58px;border-radius:50%;padding:6px;border:1px solid #16bdd3;background:#061725;box-shadow:0 0 20px #00cce817}
#scrimBoard .scrim-matchup-team>span{width:100%;font:800 12px/1.45 Inter,sans-serif;color:#ecf3ff;overflow-wrap:anywhere}
#scrimBoard .scrim-matchup-vs{width:auto;height:auto;background:transparent;border-radius:0;color:#20d4f2;font:800 28px/1 'Barlow Condensed',Impact,sans-serif}
@media(max-width:360px){#scrimBoard .scrim-identity .scrim-matchup{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:8px}#scrimBoard .scrim-matchup-team img{width:50px;height:50px}#scrimBoard .scrim-matchup-team>span{font-size:11px}}

#scrimBoard .scrim-complete-profile{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:44px;padding:12px 14px;border:1px solid #28647b;border-radius:9px;background:#103449;color:#74e5f4;font:600 11px/1.5 Inter,sans-serif;text-align:left;cursor:pointer}
#scrimBoard .scrim-complete-profile:hover{background:#16465b;border-color:#38c3dd}
#scrimBoard .scrim-complete-profile:focus-visible{outline:2px solid #43d7ee;outline-offset:3px}
#scrimBoard .scrim-detail-flags:has(.scrim-complete-profile){display:block}

/* Keep the mobile match and join action above the navigation. */
@media(max-width:700px){
 body.scrim-view-all-scrim main{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
 #scrimBoard>.panel-title{padding:16px!important;gap:12px!important}
 #scrimBoard .section-kicker{margin-bottom:6px;font-size:10px}
 #scrimBoard h2{font-size:26px;margin:0 0 6px}
 #scrimBoard .board-intro{font-size:12px;line-height:1.4;margin:0}
 #scrimBoard .filters{padding:3px;min-height:0}
 #scrimBoard .filter{padding:9px 12px;min-height:34px;font-size:11px}
 #scrimBoard .scrim-list{padding:12px!important;gap:12px}
 #scrimBoard .scrim-card-main{padding:14px;gap:8px}
 #scrimBoard .scrim-identity{padding-top:25px}
 #scrimBoard .scrim-identity>p{left:14px;top:16px;font-size:9px}
 #scrimBoard .scrim-status{right:14px;top:12px;padding:5px 9px;font-size:9px}
 #scrimBoard .scrim-identity .scrim-matchup{padding:8px 0 6px;gap:8px;min-height:0}
 #scrimBoard .scrim-matchup-team{gap:6px}
 #scrimBoard .scrim-matchup-team img{width:44px;height:44px;padding:4px}
 #scrimBoard .scrim-matchup-team>span{font-size:11px}
 #scrimBoard .scrim-matchup-vs{font-size:24px}
 #scrimBoard .scrim-schedule{padding:9px 10px;font-size:10px}
 #scrimBoard .scrim-schedule strong{font-size:11px}
 #scrimBoard .scrim-live-banner{padding:8px 10px;font-size:10px}
 #scrimBoard .scrim-live-channel{gap:6px;font-size:11px}
 #scrimBoard .scrim-live-channel svg{width:16px;height:16px}
 #scrimBoard .scrim-card-actions{padding-top:4px;gap:8px}
 #scrimBoard .scrim-card-actions .btn{min-height:38px;padding:10px 12px;font-size:11px}
}
@media(max-width:820px){body.scrim-view-all{overflow:hidden}body.scrim-view-all #scrimWorkspace{padding:0!important;margin:0!important}body.scrim-view-all #scrimBoard{position:fixed;top:var(--scrim-content-top-offset,69px);bottom:calc(96px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto;min-height:0;margin:0!important;padding:0!important;display:flex;flex-direction:column;overflow:hidden;border-radius:0 0 16px 16px}body.scrim-view-all #scrimBoard>.panel-title{flex:none;padding:12px 16px!important;gap:10px!important}body.scrim-view-all #scrimBoard .section-kicker{margin-bottom:4px}body.scrim-view-all #scrimBoard .panel-title h2{font-size:27px!important;margin:0 0 4px}body.scrim-view-all #scrimBoard .board-intro{font-size:11px;margin:0;line-height:1.4}body.scrim-view-all #scrimBoard .filters{width:100%}body.scrim-view-all #scrimList{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;align-content:start;padding:12px!important;scrollbar-width:thin}}
@media(max-width:820px){body.scrim-view-all #scrimBoard{top:calc(var(--scrim-content-top-offset,69px) + 12px);border-radius:16px}body.scrim-view-all #scrimList{grid-auto-rows:max-content;grid-template-rows:none;align-items:start}body.scrim-view-all #scrimList>.scrim-card{height:auto;min-height:max-content;flex-shrink:0}body.scrim-view-all #scrimBoard .scrim-card-main{height:auto;min-height:max-content;flex-shrink:0}body.scrim-view-all #scrimBoard .scrim-live-banner,body.scrim-view-all #scrimBoard .scrim-card-actions{flex-shrink:0}}
@media(max-width:820px){body.scrim-view-all #scrimBoard{top:calc(var(--scrim-top-nav-height,68px) + 8px)}body.scrim-view-all.is-guest #scrimBoard{top:calc(var(--scrim-top-nav-height,68px) + 44px)}}
@media(max-width:820px){body.scrim-view-all #scrimBoard{bottom:calc(88px + env(safe-area-inset-bottom))}body.scrim-view-all #scrimBoard>.panel-title{padding:10px 14px!important;gap:7px!important}body.scrim-view-all #scrimBoard .section-kicker{font-size:8px!important;letter-spacing:.12em;margin:0 0 3px!important}body.scrim-view-all #scrimBoard .panel-title h2{font-size:23px!important;line-height:1.05;margin:0 0 4px!important}body.scrim-view-all #scrimBoard .board-intro{font-size:10px!important;line-height:1.35}body.scrim-view-all #scrimBoard .filters{padding:3px;min-height:0;gap:3px}body.scrim-view-all #scrimBoard .filter{min-height:30px;padding:7px 10px;font-size:10px}body.scrim-view-all #scrimList{padding:10px!important;gap:10px}}
.toast.profile-required-note{display:flex;align-items:flex-start;gap:12px;width:min(420px,calc(100vw - 32px));max-width:420px;padding:16px;border:1px solid #26738b;border-left:4px solid #43d9ef;border-radius:15px;background:linear-gradient(125deg,#102a3e,#071421);box-shadow:0 10px 35px #0008;color:#ecf6ff;z-index:10100}.profile-note-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#1a5564;color:#70ebff;font-size:24px}.profile-note-copy{flex:1;min-width:0}.profile-note-copy strong{display:block;font:800 13px/1.4 Inter,sans-serif}.profile-note-copy p{margin:6px 0 0;color:#b9cedb;font:400 12px/1.6 Inter,sans-serif}.profile-note-close{flex:none;width:25px;height:25px;border:0;border-radius:7px;background:#ffffff0b;color:#b5d6e0;font-size:20px;cursor:pointer}@media(max-width:820px){.toast.profile-required-note{bottom:calc(92px + env(safe-area-inset-bottom));padding:13px;gap:10px}.profile-note-copy strong{font-size:12px}.profile-note-copy p{font-size:11px}}

@keyframes scrimHomeEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scrimLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:no-preference){#homeView .hero-kicker,#homeView .hero-copy h1,#homeView .hero-text,#homeView .hero-buttons,#homeView .hero-side{animation:scrimHomeEnter .55s ease-out both}#homeView .hero-copy h1{animation-delay:.06s}#homeView .hero-text{animation-delay:.12s}#homeView .hero-buttons{animation-delay:.18s}#homeView .hero-side{animation-delay:.22s}#homeView .mobile-hero-logo{animation:scrimLogoFloat 4s ease-in-out infinite}#homeView .btn{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}#homeView .btn:active{transform:scale(.975)}@media(hover:hover){#homeView .btn:hover{transform:translateY(-2px);box-shadow:0 5px 17px #00ccec18}}}

#homeView .scrim-feature-card{position:relative;isolation:isolate;overflow:hidden;grid-column:1/3;border:1px solid #1b536b;border-radius:22px;padding:32px;background:radial-gradient(ellipse at 90% 20%,#164c6a55,transparent 60%),linear-gradient(125deg,#091b2a,#06111e);box-shadow:0 15px 40px #0003}#homeView .scrim-feature-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071725ed 0%,#071725c9 45%,transparent 85%);pointer-events:none}#homeView .scrim-logo-card{display:none!important}#homeView .scrim-feature-card .mobile-hero-logo{display:block;position:absolute;top:18px;right:20px;float:none;width:100px;height:100px;margin:0;object-fit:contain;mix-blend-mode:screen;z-index:2}#homeView .scrim-feature-card .hero-kicker{position:relative;max-width:65%;font-size:10px;margin:0 0 22px}#homeView .scrim-feature-card>h2{position:relative;font-size:58px;line-height:.98;margin:0 0 20px;max-width:65%}#homeView .scrim-feature-card>h2 span{display:block}#homeView .scrim-feature-card .hero-text{position:relative;max-width:58%;font-size:13px;line-height:1.75;margin:0}#homeView .scrim-feature-card .hero-buttons{position:relative;margin-top:22px;max-width:60%;z-index:3}.scrim-feature-art{position:absolute;right:-7%;bottom:-12%;width:56%;height:105%;z-index:-2;pointer-events:none}.scrim-feature-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 24px #48c5ff25)}@media(max-width:700px){#homeView .scrim-feature-card{grid-column:auto;padding:22px 18px;border-radius:17px}#homeView .scrim-feature-card .mobile-hero-logo{width:75px;height:75px;top:12px;right:12px}#homeView .scrim-feature-card .hero-kicker{font-size:7px;line-height:1.6;max-width:70%;margin-bottom:20px}#homeView .scrim-feature-card>h2{font-size:36px;max-width:74%;margin-bottom:19px}#homeView .scrim-feature-card>h2 span{max-width:none}#homeView .scrim-feature-card .hero-text{max-width:100%;font-size:11px;line-height:1.8;background:linear-gradient(90deg,#07172590,transparent)}#homeView .scrim-feature-card .hero-buttons{max-width:none;gap:8px;margin-top:18px}#homeView .scrim-feature-card .hero-buttons .btn{min-height:42px;font-size:9px;border-radius:9px}.scrim-feature-art{width:80%;height:83%;right:-26%;bottom:9%;opacity:.65}#homeView .scrim-feature-card::after{background:linear-gradient(90deg,#071725ed,#071725ab 50%,#07172535)}}@keyframes scrimFeatureDrift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@media(prefers-reduced-motion:no-preference){.scrim-feature-art img{animation:scrimFeatureDrift 6s ease-in-out infinite}#homeView .scrim-feature-card{animation:scrimHomeEnter .6s ease-out both}}

#homeView .hero-side{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:stretch;width:100%;max-width:none;margin:0}#homeView .hero-side .scrim-gtml-poster{width:100%;max-width:360px;justify-self:start;margin:0;border-radius:14px;overflow:hidden}#homeView .hero-side .scrim-gtml-poster img{display:block;width:100%;height:100%;object-fit:cover}#homeView .hero-side .scrim-progress{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);width:100%;margin:0;max-width:none;border-radius:14px;overflow:hidden}#homeView .hero-side .scrim-progress>div{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:9px;align-content:center;padding:12px 14px;border-right:0;border-bottom:1px solid #1b3c50}#homeView .hero-side .scrim-progress>div:last-child{border-bottom:0}#homeView .hero-side .scrim-progress span{grid-column:1;grid-row:1/3;align-self:center;font-size:26px}#homeView .hero-side .scrim-progress strong{grid-column:2;font-size:15px}#homeView .hero-side .scrim-progress p{grid-column:2;margin:3px 0 0;font-size:10px}@media(max-width:700px){#homeView .hero-side{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10px}#homeView .hero-side .scrim-gtml-poster{max-width:none;border-radius:12px}#homeView .hero-side .scrim-progress{border-radius:12px}#homeView .hero-side .scrim-progress>div{padding:8px;grid-template-columns:23px minmax(0,1fr);column-gap:5px}#homeView .hero-side .scrim-progress span{font-size:21px}#homeView .hero-side .scrim-progress strong{font-size:12px}#homeView .hero-side .scrim-progress p{font-size:8px;line-height:1.3}}

#homeView .scrim-feature-art-upright{right:-1%;bottom:-18%;width:43%;height:132%;transform:rotate(180deg)}#homeView .scrim-feature-art-upright img{object-fit:contain;filter:drop-shadow(0 0 18px #45cfff35)}#homeView .scrim-feature-card .mobile-hero-logo{filter:drop-shadow(0 7px 8px #000c) drop-shadow(0 0 3px #6cdeffaa) drop-shadow(0 0 15px #00aeff55)}@media(max-width:700px){#homeView .scrim-feature-art-upright{right:-15%;bottom:-11%;width:66%;height:112%;opacity:.8}#homeView .scrim-feature-card .mobile-hero-logo{filter:drop-shadow(0 5px 6px #000c) drop-shadow(0 0 3px #7ce6ffbb) drop-shadow(0 0 11px #00aeff55)}}

#homeView .scrim-feature-art-upright{right:-4%;bottom:0;width:55%;height:100%;transform:none}#homeView .scrim-feature-art-upright img{position:absolute;left:18%;top:-30%;width:65%;height:160%;object-fit:contain;transform:rotate(-90deg);animation:none}#homeView .scrim-feature-card .mobile-hero-logo{mix-blend-mode:normal}#homeView .hero-side .scrim-progress{display:grid!important;visibility:visible!important;opacity:1!important}@keyframes scrimHeroHorizontal{0%,100%{transform:rotate(-90deg) translateX(0)}50%{transform:rotate(-90deg) translateX(4px)}}@media(prefers-reduced-motion:no-preference){#homeView .scrim-feature-art-upright img{animation:scrimHeroHorizontal 6s ease-in-out infinite}}@media(max-width:700px){#homeView .scrim-feature-art-upright{right:-29%;bottom:2%;width:105%;height:94%;opacity:.7}}

#homeView .hero-side{align-items:start}#homeView .hero-side .scrim-gtml-poster{aspect-ratio:1;height:auto}#homeView .hero-side .scrim-gtml-poster img{height:auto;aspect-ratio:1;object-fit:contain}#homeView .hero-side .scrim-progress{min-height:0;align-self:stretch}#homeView .hero-side .scrim-progress>div{min-height:0}@media(max-width:700px){#homeView .hero-side .scrim-progress>div{padding:7px}}

#homeView .hero-side{grid-template-columns:minmax(0,360px) minmax(0,220px);gap:12px;justify-content:start}#homeView .hero-side .scrim-progress{grid-template-rows:repeat(4,minmax(0,1fr));height:100%;max-height:360px}#homeView .hero-side .scrim-progress>div{padding:8px 10px;column-gap:7px;grid-template-columns:26px minmax(0,1fr)}#homeView .hero-side .scrim-progress span{font-size:23px}#homeView .hero-side .scrim-progress strong{font-size:13px}#homeView .hero-side .scrim-progress p{font-size:9px;margin-top:2px}@media(max-width:700px){#homeView .hero-side{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:10px}#homeView .hero-side .scrim-progress{height:auto;max-height:none}#homeView .hero-side .scrim-progress>div{padding:6px;grid-template-columns:19px minmax(0,1fr);column-gap:4px}#homeView .hero-side .scrim-progress span{font-size:18px}#homeView .hero-side .scrim-progress strong{font-size:10px}#homeView .hero-side .scrim-progress p{font-size:7px;line-height:1.3}}

#homeView .scrim-feature-card{overflow:visible}#homeView .scrim-feature-card::after{border-radius:22px}#homeView .scrim-feature-art-upright{right:-10%;bottom:-8%;width:65%;height:120%;z-index:0;opacity:.95;overflow:visible}#homeView .scrim-feature-card>.hero-kicker,#homeView .scrim-feature-card>h2,#homeView .scrim-feature-card>.hero-text{z-index:1}#homeView .scrim-feature-card .hero-text{background:linear-gradient(90deg,#071725d9,#0717258a 75%,transparent)}#homeView .scrim-feature-art-upright img{filter:drop-shadow(0 10px 16px #0009) drop-shadow(0 0 18px #45cfff30)}@media(max-width:700px){#homeView .scrim-feature-art-upright{right:-8%;bottom:12%;width:90%;height:108%;opacity:.85}#homeView .scrim-feature-card::after{border-radius:17px}#homeView .scrim-feature-card>h2{text-shadow:0 2px 12px #020817}#homeView .scrim-feature-card .hero-buttons{z-index:3}#homeView .scrim-feature-card{margin-top:12px}}

#homeView .hero-side{align-items:start;grid-template-rows:auto}#homeView .hero-side .scrim-gtml-poster{padding:0;border:0;background:transparent;box-shadow:none;line-height:0}#homeView .hero-side .scrim-gtml-poster img{border-radius:12px}#homeView .hero-side .scrim-progress{align-self:start;height:100%;min-height:0;max-height:none;box-sizing:border-box}#homeView .hero-side .scrim-progress>div{padding:5px 7px;min-height:0;line-height:1.15}#homeView .hero-side .scrim-progress span{font-size:19px;line-height:1}#homeView .hero-side .scrim-progress strong{font-size:11px;line-height:1.15}#homeView .hero-side .scrim-progress p{font-size:8px;margin:2px 0 0;line-height:1.2}@media(max-width:700px){#homeView .hero-side .scrim-progress{height:100%;border-radius:10px}#homeView .hero-side .scrim-progress>div{padding:4px 6px;grid-template-columns:17px minmax(0,1fr);gap:2px 4px}#homeView .hero-side .scrim-progress span{font-size:16px}#homeView .hero-side .scrim-progress strong{font-size:9px}#homeView .hero-side .scrim-progress p{font-size:7px}}

#homeView .scrim-feature-art-upright{opacity:.38}@media(max-width:700px){#homeView .scrim-feature-art-upright{opacity:.3}}

#homeView .scrim-feature-card .hero-text{background:none;text-shadow:0 1px 3px #000,0 2px 8px #020817b3}

#homeView{overflow-x:clip}#homeView .hero-side .scrim-gtml-poster{align-self:start!important;margin:0!important;padding:0!important;min-height:0!important}#homeView .hero-side .scrim-gtml-poster img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important}#homeView .hero-side .scrim-progress{margin:0!important;align-self:stretch!important}@media(max-width:700px){#homeView.scrim-hero{padding-top:18px!important;padding-left:16px;padding-right:16px}#homeView .hero-inner{gap:18px;width:100%;min-width:0}#homeView .scrim-feature-card{margin-top:0;min-width:0;width:100%;box-sizing:border-box}#homeView .scrim-feature-art-upright{right:-2%;width:83%;height:102%;bottom:12%}#homeView .hero-side{min-width:0;width:100%;gap:8px}#homeView .hero-side .scrim-progress{height:100%!important;min-width:0}#homeView .hero-side .scrim-gtml-poster{width:100%!important;max-width:none!important;aspect-ratio:1}#homeView .home-ranking{min-width:0;max-width:100%}}

#homeView .hero-side .scrim-progress{box-sizing:border-box!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;overflow:hidden}#homeView .hero-side .scrim-progress>div{box-sizing:border-box;min-height:0!important;margin:0!important}

#homeView .hero-side .scrim-gtml-poster{aspect-ratio:auto!important;height:auto!important}#homeView .hero-side .scrim-gtml-poster img{aspect-ratio:auto!important;height:auto!important}@media(max-width:820px){body.scrim-view-home .scrim-app{padding-top:calc(68px + env(safe-area-inset-top))!important}body.scrim-view-home.is-guest .scrim-app{padding-top:calc(104px + env(safe-area-inset-top))!important}#homeView.scrim-hero{padding-top:12px!important}}