/* v0.76 production Main Menu throne hall. The approved art stays untouched while
   the existing navigation and routes remain the interactive foreground. */
#entry-screen{
  --menu-panel-top:clamp(24px,4vh,44px);--menu-panel-left:clamp(20px,3vw,54px);
  --menu-panel-width:clamp(304px,20vw,350px);--menu-brand-height:clamp(100px,13vh,138px);
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;min-height:0!important;
  padding:0!important;margin:0!important;overflow:hidden!important;background:#050207!important;z-index:10;
}
#entry-screen~*{} /* keep selector isolated from gameplay */
body:has(#entry-screen:not(.hidden)){overflow:hidden!important}
body:has(#entry-screen:not(.hidden)) .masthead{display:none!important}
body:has(#entry-screen:not(.hidden)) #notice{position:fixed;z-index:100;right:24px;bottom:22px;min-height:0;padding:10px 14px;background:#0d0910e8;border:1px solid #9d7537;border-radius:8px;pointer-events:none}

.v0732-home{position:absolute;inset:0;overflow:hidden;background:#050207;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;isolation:isolate;contain:paint}
.v0732-bg{position:absolute;z-index:0;inset:-1.5%;background-image:url('/assets/main-menu-throne-hall-v076.jpg');background-size:cover;background-position:center center;background-repeat:no-repeat;filter:saturate(1.04) brightness(.87) contrast(1.035);transform:scale(1.015);transform-origin:57% 48%;animation:v076-menu-drift 24s ease-in-out infinite alternate;will-change:transform}
.v0732-bg::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,1,6,.78) 0,rgba(6,2,10,.52) 22%,rgba(7,2,11,.16) 39%,transparent 58%),linear-gradient(180deg,rgba(2,0,4,.26),transparent 24% 75%,rgba(2,0,4,.34))}
.v0732-bg::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.42;background:radial-gradient(circle at 25% 48%,rgba(189,64,255,.18),transparent 12%),radial-gradient(circle at 96% 49%,rgba(210,85,255,.18),transparent 13%),radial-gradient(ellipse at 68% 44%,rgba(146,55,218,.09),transparent 27%);animation:v076-menu-glow 5.8s ease-in-out infinite alternate}
.v0732-home::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;box-shadow:inset 0 0 11vw rgba(2,0,5,.55)}
.v0732-home::after{content:"";position:absolute;z-index:2;inset:-5%;pointer-events:none;opacity:.2;mix-blend-mode:screen;background-image:radial-gradient(circle,rgba(235,196,103,.8) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(184,88,255,.72) 0 1px,transparent 1.8px);background-size:173px 149px,229px 191px;background-position:18px 32px,91px 74px;animation:v076-menu-particles 18s linear infinite}

.v0732-sidebar{position:absolute;z-index:4;top:var(--menu-panel-top);bottom:var(--menu-panel-top);left:var(--menu-panel-left);width:var(--menu-panel-width);padding:clamp(12px,1.65vh,20px) 15px 13px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(226,182,88,.62);border-radius:10px;background:linear-gradient(145deg,rgba(13,5,19,.8),rgba(5,2,9,.67));box-shadow:inset 0 0 0 1px rgba(255,229,164,.06),0 22px 52px rgba(0,0,0,.55),0 0 28px rgba(112,41,144,.13);backdrop-filter:blur(10px) saturate(1.08)}
.v0732-sidebar::before{content:"◆";position:absolute;top:7px;left:50%;transform:translateX(-50%);color:#d7ab55;font:10px/1 Georgia,serif;text-shadow:0 0 10px rgba(211,122,255,.5)}
.v0732-brand{height:var(--menu-brand-height);display:grid;justify-items:center;align-content:center;text-align:center}
.v0732-crown{color:#e4bd63;font:clamp(27px,2.1vw,38px)/1 Georgia,serif;margin-bottom:1px;text-shadow:0 0 16px rgba(179,91,207,.44)}
.v0732-brand h1{margin:0;color:#f0ce7b;font:700 clamp(30px,2.15vw,39px)/.88 Georgia,serif;letter-spacing:.035em;text-shadow:0 3px 12px #000,0 0 20px rgba(196,126,49,.17)}
.v0732-brand h1 span{display:block}.v0732-brand p{margin:10px 0 0;color:#d7a2ed;font-size:clamp(10px,.76vw,13px);font-weight:800;letter-spacing:.14em}

.v0732-nav{display:flex;flex-direction:column;gap:5px;min-height:0}
.v0732-nav-row{position:relative;width:100%;height:62px!important;min-height:62px!important;padding:7px 11px!important;border:1px solid rgba(204,160,76,.16)!important;border-radius:5px!important;background:linear-gradient(90deg,rgba(17,7,23,.5),rgba(7,3,11,.3))!important;color:#f4eee6!important;display:grid!important;grid-template-columns:39px 1fr 17px;align-items:center;text-align:left;box-shadow:none!important;transform:translateX(0);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important}
.v0732-nav-row:hover,.v0732-nav-row:focus-visible,.v0732-nav-row[aria-expanded="true"]{border-color:#d2a653!important;background:linear-gradient(90deg,rgba(76,31,91,.88),rgba(28,11,36,.67))!important;box-shadow:inset 3px 0 #d985ed,0 0 18px rgba(126,43,153,.4)!important;transform:translateX(4px);outline:none!important}
.v0732-nav-row strong{display:block;font:700 17px/1.04 Georgia,serif;letter-spacing:.045em;color:#f5e5bd}.v0732-nav-row small{display:block;margin-top:4px;color:#c9bdca;font-size:11px;line-height:1.08}
.v0732-icon{display:grid;place-items:center;color:#dcb965;font-size:23px;text-shadow:0 0 12px rgba(157,70,185,.34)}
.v0732-nav-row:hover .v0732-icon,.v0732-nav-row:focus-visible .v0732-icon,.v0732-nav-row[aria-expanded="true"] .v0732-icon{color:#f4d57e}
.v0732-chevron{font-size:24px;color:#c6aacd;font-weight:400}.v0732-small{height:48px!important;min-height:48px!important}.v0732-small strong{font-size:15px}.v0732-small small{font-size:10px}.v0732-small .v0732-icon{font-size:19px}
.v0732-divider{height:1px;background:linear-gradient(90deg,transparent,#d0a34e 16% 68%,transparent);margin:6px 7px}.v0732-version{margin-top:auto;padding-top:8px;color:#a982ae;font-size:10px;letter-spacing:.08em}

.v0732-flyout{position:absolute;z-index:5;left:calc(var(--menu-panel-left) + var(--menu-panel-width) + 14px);width:clamp(306px,20vw,360px);padding:17px;border:1px solid rgba(215,171,85,.72);border-left:3px solid #c971dc;border-radius:7px;background:linear-gradient(145deg,rgba(25,10,32,.94),rgba(7,3,11,.91));box-shadow:0 18px 45px #000a,0 0 30px rgba(112,38,139,.25);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateX(-10px);transition:opacity .16s ease,transform .16s ease,visibility .16s}
.v0732-home[data-menu-flyout="quick"] #quick-match-flyout,.v0732-home[data-menu-flyout="private"] #private-match-flyout{opacity:1;visibility:visible;transform:translateX(0)}
#quick-match-flyout{top:calc(var(--menu-panel-top) + var(--menu-brand-height) + 64px)}#private-match-flyout{top:calc(var(--menu-panel-top) + var(--menu-brand-height) + 130px)}
.v0732-flyout-label{color:#dfb55f;font-size:11px;font-weight:800;letter-spacing:.14em}.v0732-flyout h2{margin:5px 0;color:#fff;font:700 25px/1.05 Georgia,serif}.v0732-flyout p{margin:0 0 13px;color:#c8bdca;font-size:12px;line-height:1.35}
.v0732-flyout-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v0732-flyout-buttons button{height:72px!important;min-height:72px!important;padding:10px 12px!important;border:1px solid #6c4a76!important;border-radius:4px!important;background:linear-gradient(180deg,#221429,#130d18)!important;text-align:left;box-shadow:none!important}
.v0732-flyout-buttons button:hover,.v0732-flyout-buttons button:focus-visible{border-color:#d9aa55!important;background:linear-gradient(180deg,#43244f,#231329)!important;outline:2px solid #9f63b8;outline-offset:1px}.v0732-flyout-buttons strong{display:block;color:#f0d18d;font-size:20px}.v0732-flyout-buttons small{display:block;margin-top:5px;color:#c7bdc8;font-size:11px}

.v0732-account{position:absolute;z-index:4;top:20px;right:22px;height:58px;min-width:270px;padding:6px 6px 6px 10px;display:grid;grid-template-columns:39px 1fr 42px;align-items:center;border:1px solid rgba(184,143,65,.57);border-radius:6px;background:rgba(7,3,10,.68);box-shadow:0 12px 30px rgba(0,0,0,.35);backdrop-filter:blur(8px)}
.v0732-player-mark{width:34px;height:42px;display:grid;place-items:center;color:#e6c15f;border:1px solid #69437a;background:#26152ecf}.v0732-account>div:nth-child(2)>strong{display:block;font-size:14px}.v0732-account>div:nth-child(2)>span{display:block;margin-top:3px;color:#62d979;font-size:10px;font-weight:800}
.v0732-account i,.v0732-server i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#42cf64}.v0732-account button{width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-left:1px solid #3e2e42!important;border-radius:0!important;background:transparent!important;font-size:20px!important;box-shadow:none!important}
.v0732-server{position:absolute;z-index:4;right:22px;bottom:20px;width:178px;padding:9px 12px;border:1px solid rgba(184,143,65,.52);border-radius:5px;background:rgba(7,3,10,.67);backdrop-filter:blur(8px)}.v0732-server small{display:block;color:#d6a94d;font-size:9px;letter-spacing:.12em}.v0732-server strong{display:block;margin-top:3px;color:#59d674;font-size:12px}

#entry-screen.title-menu-reveal .v0732-bg{animation:v076-menu-title-settle var(--title-transition-ms,1000ms) cubic-bezier(.2,.72,.2,1) both}
#entry-screen.title-menu-reveal .v0732-sidebar{animation:v076-menu-nav-enter .64s cubic-bezier(.18,.78,.2,1) .2s both}
#entry-screen.title-menu-reveal .v0732-account,#entry-screen.title-menu-reveal .v0732-server{animation:v076-menu-ui-enter .46s ease .34s both}
@keyframes v076-menu-drift{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.03) translate3d(-.22%,.12%,0)}}
@keyframes v076-menu-glow{from{opacity:.3}to{opacity:.52}}@keyframes v076-menu-particles{from{transform:translate3d(0,1.5%,0)}to{transform:translate3d(-1.2%,-2.5%,0)}}
@keyframes v076-menu-title-settle{from{transform:scale(1.055);filter:saturate(.95) brightness(.74) contrast(1.03)}to{transform:scale(1.015);filter:saturate(1.04) brightness(.87) contrast(1.035)}}
@keyframes v076-menu-nav-enter{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}@keyframes v076-menu-ui-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

/* 1920x1080 is canonical; these compactions preserve the full fixed shell at 1366x768. */
@media(max-height:900px){
  #entry-screen{--menu-panel-top:clamp(18px,3vh,28px);--menu-brand-height:100px}.v0732-sidebar{padding:11px 12px 10px}.v0732-crown{font-size:26px}.v0732-brand h1{font-size:30px}.v0732-brand p{margin-top:7px;font-size:9px}
  .v0732-nav-row{height:56px!important;min-height:56px!important;grid-template-columns:36px 1fr 15px;padding:6px 9px!important}.v0732-small{height:44px!important;min-height:44px!important}.v0732-nav-row strong{font-size:15px}.v0732-nav-row small{font-size:10px}.v0732-icon{font-size:20px}.v0732-version{font-size:9px}
  .v0732-flyout{padding:14px}.v0732-flyout-buttons button{height:64px!important;min-height:64px!important}
}
@media(max-width:1450px){#entry-screen{--menu-panel-left:18px;--menu-panel-width:304px}.v0732-bg{background-position:center center}.v0732-account{top:16px;right:18px;min-width:240px}.v0732-server{right:18px;bottom:16px}}
@media(max-width:1100px){#entry-screen{--menu-panel-left:14px;--menu-panel-width:286px}.v0732-bg{background-position:62% center}.v0732-flyout{width:296px;left:calc(var(--menu-panel-left) + var(--menu-panel-width) + 10px)}.v0732-account{min-width:215px}}
@media(prefers-reduced-motion:reduce){.v0732-bg,.v0732-bg::after,.v0732-home::after{animation:none!important}#entry-screen.title-menu-reveal .v0732-sidebar,#entry-screen.title-menu-reveal .v0732-account,#entry-screen.title-menu-reveal .v0732-server{animation:v076-menu-ui-enter .18s ease both!important}}
body.reduce-motion .v0732-bg,body.reduce-motion .v0732-bg::after,body.reduce-motion .v0732-home::after{animation:none!important}
body.reduce-motion #entry-screen.title-menu-reveal .v0732-sidebar,body.reduce-motion #entry-screen.title-menu-reveal .v0732-account,body.reduce-motion #entry-screen.title-menu-reveal .v0732-server{animation:v076-menu-ui-enter .18s ease both!important}
.stats-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.stats-section-heading span{color:#968c9b;font-size:12px}

/* v0.73.3 Settings layout pass — 1920x1080 reference composition. */
#settings-screen{
  padding:24px 28px!important;
  background:radial-gradient(circle at 72% 28%,rgba(100,39,129,.16),transparent 34%),#09050c!important;
}
#settings-screen::before,
#settings-screen::after{display:none!important}
#settings-screen>.settings-card{
  width:100%!important;
  height:calc(100vh - 48px)!important;
  max-width:none!important;
  max-height:calc(100vh - 48px)!important;
  margin:0!important;
  padding:22px 28px 20px!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:146px auto minmax(0,1fr) auto!important;
  gap:0!important;
  border:1px solid #6d4776!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,rgba(18,11,23,.98),rgba(7,6,10,.99))!important;
}
#settings-screen .settings-heading-v0733{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) minmax(500px,1.45fr) minmax(190px,1fr)!important;
  align-items:start!important;
  min-height:146px!important;
  margin:0!important;
  padding:4px 0 0!important;
}
#settings-screen .settings-heading-label{justify-self:start;text-align:left}
#settings-screen .settings-heading-label .eyebrow{margin:0 0 4px!important}
#settings-screen .settings-heading-label h2{margin:0!important;font-size:clamp(1.35rem,1.55vw,1.8rem)!important}
#settings-screen .settings-brand-v0733{
  justify-self:center!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  gap:14px!important;
  padding-top:4px!important;
  line-height:1!important;
}
#settings-screen .settings-brand-v0733 strong{
  color:#e5bd68!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(2rem,2.55vw,3rem)!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
  text-shadow:0 4px 18px #000!important;
}
#settings-screen .settings-brand-v0733 span{
  color:#c897e6!important;
  font-size:clamp(.78rem,.9vw,1rem)!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
#settings-screen #settings-back{
  justify-self:end!important;
  align-self:start!important;
  width:auto!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
}
#settings-screen .settings-tabs{
  margin:0 0 16px!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
}
#settings-screen .settings-tabs button{
  min-height:38px!important;
  height:38px!important;
  padding:0 18px!important;
}
#settings-screen .settings-pane{
  min-height:0!important;
  overflow:auto!important;
  padding-right:4px!important;
  align-content:start!important;
  gap:9px!important;
}
#settings-screen .settings-pane .setting-row{
  min-height:70px!important;
  padding:11px 16px!important;
  border-radius:8px!important;
}
#settings-screen .settings-footer{
  margin:12px 0 0!important;
  padding:12px 0 0!important;
}
@media(max-width:1100px){
  #settings-screen>.settings-card{grid-template-rows:auto auto minmax(0,1fr) auto!important;overflow:hidden!important}
  #settings-screen .settings-heading-v0733{grid-template-columns:1fr auto!important;min-height:112px!important}
  #settings-screen .settings-brand-v0733{grid-column:1/-1;grid-row:2;justify-self:center;padding-top:10px!important;gap:8px!important}
  #settings-screen #settings-back{grid-column:2;grid-row:1}
}


/* v0.73.2 Settings redo — viewport anchored, no legacy left rail. */
body:has(#settings-screen:not(.hidden)){overflow:hidden!important}
body:has(#settings-screen:not(.hidden)) .masthead{display:none!important}
body:has(#settings-screen:not(.hidden)) #notice{position:fixed!important;right:30px!important;bottom:18px!important;z-index:100!important;min-height:0!important;padding:8px 12px!important}
#settings-screen:not(.hidden){
  position:fixed!important;
  inset:0!important;
  z-index:50!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:28px 34px!important;
  overflow:hidden!important;
  display:block!important;
  background:radial-gradient(circle at 70% 25%,rgba(100,39,129,.14),transparent 36%),#08050b!important;
}
#settings-screen::before,#settings-screen::after{display:none!important;content:none!important}
#settings-screen>.settings-card{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:24px 30px 20px!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:122px 48px minmax(0,1fr) 58px!important;
  gap:0!important;
}
#settings-screen .settings-heading-v0733{
  position:relative!important;
  min-height:0!important;
  height:122px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:start center!important;
}
#settings-screen .settings-heading-label{display:none!important}
#settings-screen .settings-brand-v0733{
  position:static!important;
  justify-self:center!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:12px!important;
  padding:4px 0 0!important;
  text-align:center!important;
}
#settings-screen .settings-brand-v0733 strong{
  font-size:clamp(2rem,2.35vw,2.8rem)!important;
}
#settings-screen .settings-brand-v0733 span{
  color:#c897e6!important;
  font-size:clamp(.9rem,1vw,1.08rem)!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
#settings-screen #settings-back{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:auto!important;
  min-width:118px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
}
#settings-screen .settings-tabs{
  width:100%!important;
  height:48px!important;
  margin:0!important;
  padding:0!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
#settings-screen .settings-tabs button{height:38px!important;min-height:38px!important;padding:0 18px!important}
#settings-screen .settings-pane{
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:8px 0 0!important;
  display:grid!important;
  grid-auto-rows:minmax(68px,1fr)!important;
  gap:9px!important;
  align-content:stretch!important;
}
#settings-screen .settings-pane.hidden{display:none!important}
#settings-screen .settings-pane .setting-row{
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(250px,auto)!important;
  align-items:center!important;
  column-gap:24px!important;
  overflow:hidden!important;
}
#settings-screen .settings-pane .setting-row>div:first-child{min-width:0!important}
#settings-screen .settings-pane .setting-row select{justify-self:end!important;max-width:280px!important;min-width:150px!important}
#settings-screen .speed-options{justify-self:end!important;display:flex!important;flex-wrap:nowrap!important;gap:4px!important;min-width:0!important}
#settings-screen .speed-options button{min-width:58px!important;height:38px!important;min-height:38px!important;padding:0 9px!important}
#settings-screen .settings-footer{
  width:100%!important;
  height:58px!important;
  margin:0!important;
  padding:12px 0 0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
}
@media(max-width:1450px){
  #settings-screen:not(.hidden){padding:20px 24px!important}
  #settings-screen>.settings-card{padding:18px 22px 16px!important;grid-template-rows:102px 44px minmax(0,1fr) 52px!important}
  #settings-screen .settings-heading-v0733{height:102px!important}
  #settings-screen .settings-brand-v0733{gap:8px!important}
  #settings-screen .settings-brand-v0733 strong{font-size:2rem!important}
  #settings-screen .settings-brand-v0733 span{font-size:.82rem!important}
  #settings-screen .settings-pane .setting-row{grid-template-columns:minmax(0,1fr) minmax(220px,auto)!important;padding:8px 12px!important}
  #settings-screen .speed-options button{min-width:50px!important;padding:0 6px!important}
}

/* v0.73.2 Settings hallway + compact 1080p composition. */
#settings-screen:not(.hidden){
  padding:34px!important;
  display:grid!important;
  place-items:center!important;
  background:
    linear-gradient(rgba(4,2,7,.34),rgba(4,2,7,.46)),
    url('/assets/settings-hallway.png?v=0732-r5') center/cover no-repeat!important;
}
#settings-screen>.settings-card{
  width:min(980px,calc(100vw - 160px))!important;
  height:min(860px,calc(100vh - 110px))!important;
  max-width:980px!important;
  margin:auto!important;
  padding:24px 30px 20px!important;
  grid-template-rows:122px 48px minmax(0,1fr) 58px!important;
  background:linear-gradient(145deg,rgba(15,8,20,.88),rgba(6,4,9,.92))!important;
  border:1px solid rgba(172,111,190,.72)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.68),0 0 34px rgba(97,39,119,.18)!important;
  backdrop-filter:blur(4px)!important;
}
#settings-screen .settings-tabs{justify-content:center!important}
#settings-screen .settings-pane .setting-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  column-gap:clamp(72px,5vw,112px)!important;
  padding:10px 18px!important;
  background:rgba(10,6,13,.72)!important;
}
#settings-screen .settings-pane .setting-row>div:first-child{max-width:620px!important}
#settings-screen .settings-pane .setting-row select{min-width:150px!important;max-width:220px!important}
#settings-screen .speed-options{max-width:390px!important}
#settings-screen .settings-footer{padding-inline:2px!important}
@media(max-width:1200px){
  #settings-screen:not(.hidden){padding:24px!important}
  #settings-screen>.settings-card{width:min(980px,calc(100vw - 48px))!important;height:calc(100vh - 48px)!important}
  #settings-screen .settings-pane .setting-row{column-gap:48px!important}
}

/* v0.73.2 Stats — same compact 1080p treatment as Settings. */
body:has(#records-screen:not(.hidden)){overflow:hidden!important}
body:has(#records-screen:not(.hidden)) .masthead{display:none!important}
body:has(#records-screen:not(.hidden)) #notice{position:fixed!important;right:30px!important;bottom:18px!important;z-index:100!important;min-height:0!important;padding:8px 12px!important}
#records-screen:not(.hidden){
  position:fixed!important;inset:0!important;z-index:50!important;width:100vw!important;height:100vh!important;max-width:none!important;min-height:0!important;margin:0!important;padding:34px!important;overflow:hidden!important;display:grid!important;place-items:center!important;
  background:linear-gradient(rgba(4,2,7,.34),rgba(4,2,7,.46)),url('/assets/stats-background.png') center/cover no-repeat!important;
}
#records-screen::before,#records-screen::after{display:none!important;content:none!important}
#records-screen>.records-card{
  position:relative!important;width:min(980px,calc(100vw - 160px))!important;height:min(860px,calc(100vh - 110px))!important;max-width:980px!important;max-height:none!important;margin:auto!important;padding:24px 30px 20px!important;overflow:hidden!important;
  display:grid!important;grid-template-rows:122px auto 54px minmax(0,1fr)!important;gap:0!important;
  background:linear-gradient(145deg,rgba(15,8,20,.88),rgba(6,4,9,.92))!important;border:1px solid rgba(172,111,190,.72)!important;box-shadow:0 24px 70px rgba(0,0,0,.68),0 0 34px rgba(97,39,119,.18)!important;backdrop-filter:blur(4px)!important;
}
#records-screen .records-heading-v0732{position:relative!important;height:122px!important;display:grid!important;place-items:start center!important;margin:0!important;padding:0!important}
#records-screen .records-brand-v0732{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;padding-top:4px!important;text-align:center!important}
#records-screen .records-brand-v0732 strong{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(2rem,2.35vw,2.8rem)!important;line-height:1!important;color:#f2d894!important;letter-spacing:.025em!important;text-shadow:0 4px 18px #000!important}
#records-screen .records-brand-v0732 span{color:#c897e6!important;font-size:clamp(.9rem,1vw,1.08rem)!important;font-weight:800!important;letter-spacing:.18em!important;text-transform:uppercase!important}
#records-screen #records-back{position:absolute!important;top:0!important;right:0!important;width:auto!important;min-width:118px!important;height:38px!important;min-height:38px!important;padding:0 14px!important}
#records-screen .records-stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:0 0 14px!important;min-height:0!important}
#records-screen .record-stat{min-width:0!important;padding:11px 12px!important;border-radius:8px!important;background:rgba(10,6,13,.72)!important;border:1px solid rgba(255,255,255,.13)!important;text-align:center!important}
#records-screen .record-stat strong{font-size:1.5rem!important;color:#f2d894!important}
#records-screen .record-stat span{font-size:.82rem!important;color:#d7cbe0!important}
#records-screen .stats-section-heading{height:54px!important;margin:0!important;padding:0 2px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;border-top:1px solid rgba(255,255,255,.1)!important}
#records-screen .stats-section-heading h3{margin:0!important;font-size:1.15rem!important;color:#f2d894!important}
#records-screen .stats-section-heading span{font-size:.82rem!important;color:#c897e6!important}
#records-screen .records-list{min-height:0!important;overflow:auto!important;display:grid!important;align-content:start!important;gap:9px!important;padding:4px 4px 4px 0!important}
#records-screen .records-list>p{margin:0!important;padding:22px!important;text-align:center!important;background:rgba(10,6,13,.62)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;color:#d7cbe0!important}
#records-screen .record-row{grid-template-columns:minmax(130px,.8fr) minmax(180px,1.5fr) minmax(110px,.7fr) minmax(90px,.6fr)!important;gap:14px!important;padding:11px 14px!important;border-radius:8px!important;background:rgba(10,6,13,.72)!important}
@media(max-width:1200px){#records-screen:not(.hidden){padding:24px!important}#records-screen>.records-card{width:min(980px,calc(100vw - 48px))!important;height:calc(100vh - 48px)!important}}

/* 0.73.2 Quick Match nested selection */
.v0732-home[data-menu-flyout="quick-1v1"] #quick-1v1-style-flyout{opacity:1;visibility:visible;transform:translateX(0)}
#quick-1v1-style-flyout{top:calc(var(--menu-panel-top) + var(--menu-brand-height) + 64px);left:calc(var(--menu-panel-left) + var(--menu-panel-width) + 14px)}
.quick-lock-summary{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 14px;align-items:center;padding:12px 14px;border:1px solid rgba(191,155,255,.28);border-radius:8px;background:rgba(15,9,20,.58)}
.quick-lock-summary span{font-size:11px;letter-spacing:.12em;color:#bca8c4}.quick-lock-summary strong{color:#f0d18d}

/* v0.73.2 Quick Match pop-out cleanup: finder stays on the Main Menu; no legacy setup page. */
.v0732-home[data-menu-flyout="quick-finder"] #quick-finder-flyout{opacity:1;visibility:visible;transform:translateX(0)}
#quick-finder-flyout{top:calc(var(--menu-panel-top) + var(--menu-brand-height) + 64px);left:calc(var(--menu-panel-left) + var(--menu-panel-width) + 14px);width:clamp(326px,23vw,420px)}
.v0732-quick-finder .quick-lock-summary{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 12px;align-items:center;margin:12px 0;padding:10px 12px;border:1px solid rgba(217,170,85,.28);background:rgba(0,0,0,.2)}
.v0732-quick-finder .quick-lock-summary span{font-size:10px;letter-spacing:.14em;color:#9e8fa3}
.v0732-quick-finder .quick-lock-summary strong{font-size:14px;color:#f0d18d}
.quick-match-controls-popout{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:end!important}
.quick-match-controls-popout label{grid-column:1 / -1!important;display:grid!important;gap:6px!important;color:#c7bdc8!important;font-size:12px!important}
.quick-match-controls-popout input{height:42px!important;min-height:42px!important;padding:0 12px!important;border:1px solid #6c4a76!important;border-radius:4px!important;background:#120d16!important;color:#fff!important}
.quick-match-controls-popout button{height:42px!important;min-height:42px!important;padding:0 14px!important}
.v0732-quick-finder .quick-match-status{margin-top:12px;padding:10px 12px;border-left:3px solid #9b55b3;background:rgba(155,85,179,.09);color:#d8cddd;font-size:12px;line-height:1.4}
.v0732-finder-back{margin-top:12px!important;height:36px!important;min-height:36px!important;padding:0 10px!important;border:0!important;background:transparent!important;color:#baa9bf!important;text-align:left!important;box-shadow:none!important}
.v0732-finder-back:hover{color:#f0d18d!important}

.v0732-nav-row.hidden{display:none!important}

#home-private-local{grid-column:1 / -1}
#home-private-local strong{font-size:17px}
/* Private Match action labels can wrap at the fixed-shell widths.  Do not let
   the compact-height flyout rule squeeze their subtitle into the next card. */
#private-match-flyout .v0732-flyout-buttons{grid-auto-rows:minmax(96px,auto);align-items:stretch}
#private-match-flyout .v0732-flyout-buttons button{height:auto!important;min-height:96px!important;min-width:0;display:flex!important;flex-direction:column;justify-content:center}
#private-match-flyout .v0732-flyout-buttons strong{line-height:1.08;overflow-wrap:normal}
#private-match-flyout .v0732-flyout-buttons small{line-height:1.22;overflow-wrap:anywhere}
@media(max-width:640px){#private-match-flyout .v0732-flyout-buttons{grid-template-columns:minmax(0,1fr)}#home-private-local{grid-column:auto}}
/* Private Match has three descriptive choices. In a short desktop/iframe
   viewport, center the complete panel and contain any localization overflow
   inside it instead of stranding the local option below the viewport. */
@media(max-height:620px) and (min-width:641px){#private-match-flyout{top:max(8px,calc(50svh - 190px));bottom:auto;box-sizing:border-box;max-height:calc(100svh - 16px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}}