@layer legacy{
/* Approved Round One refinement · 2026-10-17. Original page backgrounds remain unchanged. */
html:not([data-theme="light"]) body {
  --red:#e02a38; --red-hi:#f8313e; --red-ink:#ff6873;
  --muted:#9ba2ae; --line:rgba(220,228,240,.11); --line-2:rgba(220,228,240,.2);
}
.site-top { border-bottom-color:var(--line-2); }
#nav a[aria-current="page"] { background:transparent; }
#nav a[aria-current="page"]:after { box-shadow:none; }
.page-head { margin-top:34px; gap:12px; }
.page-head h1 { font-size:42px; line-height:1.08; }
.page-head>p:last-child,.page-head>div>p:last-child { max-width:62ch; line-height:1.65; }
.panel,.hero-board,.tablewrap,.tile,.evc,.evrow,.pcard,.mcard {
  box-shadow:0 8px 24px rgba(0,0,0,var(--panel-depth,.24));
}
.panel { gap:18px; padding:24px; }
.panel-head h2,.panel>h2 { font-size:21px; }
.panel>h2:first-child:before,.panel-head h2:before { content:none; }
.panel.hot h2:before { content:''; width:6px; height:6px; margin-right:10px; background:var(--blue); display:inline-block; vertical-align:middle; }
.panel:after,.hero-board:after,.teams a:before,.tlist a:before,.tile:before { content:none; }
.btn { border-radius:8px; }
.btn.primary { font-weight:600; }
.btn.primary:hover { box-shadow:0 4px 16px rgba(248,49,62,.18); }
.eyebrow { letter-spacing:.12em; }
.eyebrow:before { box-shadow:none; }
.subnav.tabs { margin-bottom:20px; }
.subnav.tabs a { padding-top:13px; padding-bottom:13px; }
.subnav.tabs>.ink:after { opacity:.2; }
.pill { border-radius:5px; font-weight:500; }
.pill.live { box-shadow:0 0 10px rgba(248,49,62,.2); }

.idcard {
  padding:28px; border-radius:14px;
  background:radial-gradient(120% 140% at 0% 0%,rgba(248,49,62,.11),transparent 55%),linear-gradient(180deg,var(--surface-2),var(--surface));
  box-shadow:0 12px 30px rgba(0,0,0,.3);
}
.idcard:before { width:3px; box-shadow:0 0 9px rgba(248,49,62,.3); }
.idcard:after { opacity:.6; }
.idcard h1 { font-size:42px; }
.idcard .eyebrow { font-size:11px; color:var(--muted); }
.idcard .t-meta { font-size:13px; gap:8px 12px; }
.pp-head .pav.xl { width:96px; height:96px; border-width:1px; box-shadow:0 0 0 6px rgba(248,49,62,.045); }
.jump { margin-top:10px; margin-bottom:22px; background:var(--bg); }
.jump a { padding-top:14px; padding-bottom:14px; }

/* The home keeps its cinematic composition; its repeated navigation and metrics get crafted details. */
.lx-hero { height:590px; }
.lx-copy { gap:17px; padding-bottom:44px; }
.lx-logo { width:108px; height:104px; margin-bottom:2px; }
.lx-title { font-size:60px; line-height:1.01; }
.lx-title span { text-shadow:0 0 24px rgba(34,211,238,.18); }
.lx-lede { max-width:38ch; font-size:17px; line-height:1.65; }
.lx-copy .cta { margin-top:8px; }
.lx-stripes i:nth-child(1) { box-shadow:0 0 20px rgba(248,49,62,.3); }
.lx-for { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:-48px; }
.lx-for .tile {
  grid-template-columns:minmax(0,1fr) 32px; grid-template-rows:auto 1fr auto;
  gap:12px 12px; padding:22px; min-height:188px; background:var(--surface);
  border-color:var(--line-2); border-radius:12px;
}
.lx-for .tile>.i { grid-column:2; grid-row:1; align-self:center; width:30px; height:30px; padding:5px; border:0; background:none; color:var(--red-ink); }
.lx-for .tile>b { grid-column:1; grid-row:1; font-size:20px; }
.lx-for .tile>span { grid-column:1/-1; grid-row:2; color:var(--ink-2); font-size:13px; line-height:1.55; }
.lx-for .tile>em { grid-column:1/-1; grid-row:3; margin:0; padding-top:12px; border-top:1px solid var(--line); font-size:12.5px; color:var(--ink); text-decoration:none; }
.lx-for .tile:after { right:24px; top:auto; bottom:25px; width:6px; height:6px; transform:rotate(45deg); }
.lx-for .tile:hover { border-color:rgba(248,49,62,.45); background:var(--surface-2); box-shadow:0 9px 24px rgba(0,0,0,.26); }
.lx-for .tile:hover em { color:var(--red-ink); }
.lx-for .tile:hover:after { right:24px; transform:translateX(2px) rotate(45deg); }
.lx-stats,.statrow.oz-stats {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin-top:20px;
  padding:18px 0; border:1px solid var(--line); border-radius:10px; background:var(--surface);
  box-shadow:0 6px 20px rgba(0,0,0,.18);
}
body .lx-stats>div,.statrow.oz-stats>.stat {
  display:flex; flex-direction:row; align-items:center; gap:14px; min-width:0; padding:0 22px;
  border:0; border-radius:0; background:none; box-shadow:none;
}
body .lx-stats>div+div,.statrow.oz-stats>.stat+.stat { border-left:1px solid var(--line-2); }
.lx-stats .stat-n,.statrow.oz-stats .stat-n {
  min-width:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none;
  font-family:var(--mono); font-size:28px; color:var(--ink); line-height:1.15;
}
.lx-stats b { font-size:12px; line-height:1.45; color:var(--muted); }
.block { padding-top:32px; }
.block-head { margin-bottom:18px; }
.block-head h2 { font-size:24px; }
.block-head h2:before { width:5px; height:18px; margin-right:11px; vertical-align:-2px; border-radius:2px; }
.lx-events>li:only-child { grid-column:1/-1; }
.lx-events>li:only-child .evc { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px 20px; padding:22px 24px; }
.lx-events>li:only-child .evc-top { grid-column:1/-1; }
.lx-events>li:only-child .evc>b { grid-column:1; font-size:23px; }
.lx-events>li:only-child .evc-meta { grid-column:1; font-size:13px; }
.lx-events>li:only-child .evc:after { content:'View event →'; grid-column:2; grid-row:2/5; align-self:center; color:var(--blue); font-size:13px; }
.lx-events .nb { padding:0; border:0; background:none; min-width:0; }

/* Stats have one focal rating and readable secondary measures, instead of nested numeric wells. */
.balanced-performance .statrow { grid-template-columns:1.35fr repeat(3,minmax(0,1fr)); gap:0; align-items:stretch; }
.balanced-performance .stat {
  gap:11px; padding:16px; border:0; border-radius:0; background:none; min-width:0;
}
.balanced-performance .stat:first-child {
  border:1px solid rgba(248,49,62,.24); border-radius:9px;
  background:linear-gradient(145deg,rgba(248,49,62,.075),transparent 80%),var(--bg-2);
}
.balanced-performance .stat>span { font-size:11px; letter-spacing:.07em; }
.balanced-performance .stat .stat-n { display:block; min-width:0; padding:0; border:0; background:none; box-shadow:none; color:var(--ink); font-size:28px; }
.balanced-performance .stat:first-child .stat-n { font-family:var(--display); font-size:39px; line-height:1; }
.balanced-performance .stat small { font-size:11px; }
.balanced-performance .vnote { padding-top:4px; font-size:12px; line-height:1.55; }
.pp-body { gap:20px; }
.pp-main,.pp-side { gap:20px; }
.pp-side .panel { padding:22px; }
.pp-side h2 { font-size:18px; }
.pp-side .r1-facts { gap:4px 14px; }
.pp-side .links { gap:8px 16px; margin-top:6px; }
.pp-side .pill { font-size:11px; }

/* A competition index: stronger names and data alignment, quieter repeated actions. */
.tools.filters.panel { padding:16px; gap:14px; background:var(--bg-2); box-shadow:none; }
.tools.filters label { gap:7px; }
.tools.filters input,.tools.filters select { background:var(--surface); }
.evrows { gap:16px; }
.evrow { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) 104px; padding:22px; gap:20px; border-color:var(--line-2); }
.evrow .tl-name { font-size:21px; line-height:1.2; }
.evr-id { gap:10px; }
.evr-id .dia { font-size:13px; color:var(--muted); }
.evr-facts { gap:8px; font-size:12.5px; line-height:1.55; }
body .evrow .evr-facts:nth-child(3) { display:flex; }
.evr-n { gap:7px; }
.evr-n .nb { min-width:0; padding:0; border:0; background:none; font-size:20px; }
.evr-n em { margin-top:5px; padding:8px 12px; border:1px solid var(--line-2); border-radius:7px; background:var(--bg-2); color:var(--ink); font-size:12px; }
.evrow:hover { border-color:rgba(248,49,62,.4); box-shadow:0 9px 24px rgba(0,0,0,.26); }
.evrow:hover .evr-n em { border-color:var(--red); color:var(--red-ink); box-shadow:none; }
.r1-facts.evfacts { gap:12px; margin-top:16px; }
.evfacts>div { padding:16px; border-radius:9px; }
.rank-head .calbox { width:330px; padding:18px; background:var(--surface); border-color:var(--line-2); box-shadow:none; }
.calbox-n .nb { min-width:0; padding:0; border:0; background:none; color:var(--ink); }
.rk-table thead th { text-transform:none; letter-spacing:0; font-size:12px; color:var(--ink-2); }
.ranks td { padding-top:16px; padding-bottom:16px; }
.ranks td.rk { font-size:18px; color:var(--muted); }
.ranks tbody tr:first-child { background:rgba(248,49,62,.035); }
.ranks tbody tr:first-child td.rk { color:var(--red-ink); }
.ranks .pl b { font-size:15px; }
.ranks td.strong { font-size:18px; }
.balanced-initials { width:29px; height:29px; border-radius:50%; display:inline-grid; place-items:center; margin-right:10px; background:var(--surface-2); border:1px solid var(--line-2); color:var(--ink-2); font-family:var(--display); font-size:11px; vertical-align:middle; flex:none; }
.ranks .tm .badge { border:0; background:none; }
.ranks .tm a { background:none; padding-bottom:0; }

/* Match Room: competition identity, then stage, then the action that moves the match forward. */
.rmhead { gap:12px; padding-top:30px; }
.rmgrid .rmcol { gap:20px; }
.rmtop h1 { font-size:38px; }
.rmwhen { gap:10px 18px; padding-bottom:12px; }
.mvhead {
  padding:26px 24px; margin:0; border-radius:12px;
  background:radial-gradient(100% 180% at 0% 50%,rgba(248,49,62,.12),transparent 62%),radial-gradient(100% 180% at 100% 50%,rgba(34,211,238,.09),transparent 62%),var(--surface);
  box-shadow:0 9px 26px rgba(0,0,0,.25);
}
.mvside { gap:14px; }
.mvside b { font-size:26px; }
.mvmid .vs { font-size:24px; color:var(--muted); }
.mvmid p { margin-top:5px; font-size:11px; }
ol.r1-steps.balanced-steps { margin:0 0 22px; padding:18px 3px; border:0; border-bottom:1px solid var(--line-2); border-radius:0; background:none; box-shadow:none; }
.balanced-steps b { width:25px; height:25px; border-width:1px; font-size:11px; }
.balanced-steps li:before { top:12px; height:1px; }
.balanced-steps span { font-size:11px; }
.balanced-steps li.on b { box-shadow:0 0 0 4px var(--blue-bg); }
.rmgrid { grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:20px; }
.panel.hot.balanced-readiness { border-color:rgba(34,211,238,.3); background:linear-gradient(125deg,rgba(34,211,238,.035),transparent 65%),var(--surface); box-shadow:0 9px 26px rgba(0,0,0,.24); }
.balanced-readiness h2 { font-size:23px; }
.balanced-readiness>p { font-size:13px; }
.cicount { gap:0; padding:14px 0; margin:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.cicount>span { padding:0 14px; border:0; border-radius:0; background:none; font-size:12px; color:var(--ink-2); }
.cicount>span:first-child { padding-left:0; }
.cicount>span+span { border-left:1px solid var(--line-2); }
.cicount .nb { min-width:0; padding:0; border:0; background:none; font-size:26px; color:var(--ink); }
.cicount .nb.full { color:var(--good); }
.balanced-readiness>.row { gap:20px; }
.balanced-readiness .btn.primary { min-width:150px; min-height:46px; }
.room-secondary { padding:0; min-height:36px; border:0; background:none; color:var(--muted); font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.room-secondary:hover { background:none; color:var(--ink); }
.lulist li { align-items:center; padding:9px 0; }
.lulist li:last-child { border-bottom:0; }
.lulist .balanced-initials { width:27px; height:27px; }
.lulist .ok { font-size:11.5px; }
.vmap { min-height:108px; padding:14px; }
.vmap b { font-size:17px; }
.chatlist { gap:14px; }
.chatlist .msg { border-color:var(--line); }
.chatlist p { font-size:12.5px; line-height:1.65; }

/* Organizer tools keep the board, with a compact overview and one clear alert surface. */
.statrow.oz-stats { margin:16px 0 10px; }
.statrow.oz-stats>.stat { flex-direction:column; align-items:flex-start; gap:9px; }
.statrow.oz-stats .stat>span { font-size:11px; letter-spacing:.06em; color:var(--muted); }
.ozstatus { padding:18px 22px; gap:9px; background:var(--surface); border-color:var(--line); box-shadow:none; }
.ozstatus h2 { font-size:17px; }
.ozstatus>p { font-size:12.5px; }
.balanced-alert { gap:8px; padding:18px 22px; background:rgba(248,49,62,.06); border-color:rgba(248,49,62,.25); box-shadow:none; }
.balanced-alert>h2 { font-family:var(--body); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--red-ink); }
.balanced-alert h2 .nb { padding:0 5px; min-width:0; border:0; background:none; }
.balanced-alert .ozalerts { margin:0; }
.balanced-alert .ozalerts a { padding:0; width:100%; border:0; background:none; box-shadow:none; transform:none; }
.balanced-alert .ozalerts a:hover { background:none; box-shadow:none; transform:none; }
.balanced-alert .ozalerts b { font-size:15px; text-decoration:none; }
.balanced-alert .ozalerts small { display:inline-block; margin-top:5px; color:var(--muted); font-size:12px; }
.kanban { gap:14px; }
.kanban .kcol { padding:12px; background:var(--bg-2); border-color:var(--line); border-radius:8px; }
.kcol>h3 { font-family:var(--body); font-size:12px; font-weight:500; margin-bottom:12px; }
.kcol>h3 .nb { min-width:0; padding:1px 6px; background:var(--surface-2); border:0; }
.mcard>a { gap:9px; padding:14px; border-radius:8px; background:var(--surface); box-shadow:0 4px 12px rgba(0,0,0,.16); text-decoration:none; }
.mcard>a>b { font-family:var(--display); font-size:17px; text-decoration:none; }
.mcard>a>span:first-child { font-size:11px; }
.mcard .pill { margin-top:4px; font-size:11px; }
.mcard:hover,.mcard>a:hover { transform:none; box-shadow:none; border-color:var(--line-2); }

/* Forms remain familiar; their field and support hierarchy becomes more deliberate. */
.auth { gap:24px; }
.auth-card { padding:34px; gap:19px; }
.auth-card h1 { font-size:36px; }
.auth-card label.f { gap:8px; color:var(--ink-2); }
.auth-card input { min-height:48px; }
.auth-card button[type="submit"] { min-height:48px; }
.auth-card .linkbtn { align-self:center; font-size:12.5px; }
.auth-side { padding:32px; border-color:var(--line); background:linear-gradient(160deg,rgba(248,49,62,.075),transparent 55%),var(--bg-2); }
.auth-side h2 { max-width:17ch; font-size:27px; line-height:1.15; }
.why { gap:24px; margin-top:12px; }
.why li { grid-template-columns:30px minmax(0,1fr); column-gap:12px; }
.why .i { width:28px; height:28px; padding:3px; border:0; background:none; }
.why b { font-size:14px; }
.why span { font-size:12.5px; line-height:1.6; }

/* Light mode keeps the same hierarchy and the existing paper/map character. */
html[data-theme="light"] .panel,html[data-theme="light"] .tablewrap,
html[data-theme="light"] .tile,html[data-theme="light"] .evc,
html[data-theme="light"] .evrow,html[data-theme="light"] .idcard { box-shadow:0 3px 12px rgba(15,25,40,.065); }
html[data-theme="light"] .idcard { background:radial-gradient(120% 140% at 0% 0%,rgba(197,1,2,.07),transparent 60%),var(--surface); }
html[data-theme="light"] .mvhead { background:linear-gradient(100deg,rgba(197,1,2,.045),transparent 42%,rgba(14,116,144,.04)),var(--surface); }
html[data-theme="light"] .balanced-readiness { background:var(--surface); }
html[data-theme="light"] .balanced-alert { background:rgba(197,1,2,.045); }
html[data-theme="light"] .ranks tbody tr:first-child { background:rgba(197,1,2,.025); }

@media(max-width:900px) {
  .lx-title { font-size:51px; }
  .lx-for .tile { padding:20px; min-height:205px; }
  body .lx-stats>div { padding:0 17px; }
  .evrow { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
  .evr-n { flex-direction:row; align-items:center; justify-content:flex-start; gap:12px; }
  .rank-head .calbox { width:auto; }
  .rmgrid { grid-template-columns:1fr; }
}
@media(max-width:540px) {
  .page-head h1 { font-size:34px; }
  .panel { padding:20px; }
  .lx-hero { height:600px; }
  .lx-copy { padding-bottom:52px; }
  .lx-title { font-size:46px; }
  .lx-lede { font-size:16px; }
  .lx-logo { width:98px; height:94px; }
  .lx-for { grid-template-columns:1fr; margin-top:-36px; }
  .lx-for .tile { min-height:0; padding:20px; gap:11px; grid-template-columns:minmax(0,1fr) 30px; }
  .lx-stats { padding:16px 0; }
  body .lx-stats>div { padding:0 10px; flex-direction:column; align-items:flex-start; gap:7px; }
  .lx-stats .stat-n { font-size:25px; }
  .lx-stats b { font-size:11px; }
  .lx-events>li:only-child .evc { padding:20px; grid-template-columns:1fr; }
  .lx-events>li:only-child .evc:after { grid-column:1; grid-row:auto; margin-top:4px; }
  .lx-events>li:only-child .evc>b { font-size:22px; }
  .idcard { padding:22px; }
  .idcard h1 { font-size:34px; }
  .balanced-performance .statrow { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .balanced-performance .stat:first-child { grid-column:1/-1; display:grid; grid-template-columns:1fr auto; gap:6px; margin-bottom:6px; }
  .balanced-performance .stat:first-child .stat-n { grid-column:2; grid-row:1/3; align-self:center; font-size:39px; }
  .balanced-performance .stat { padding:13px 8px; }
  .balanced-performance .stat:first-child { padding:17px; }
  .balanced-performance .stat .stat-n { font-size:25px; }
  .balanced-performance .stat>span { font-size:11px; letter-spacing:.03em; }
  .evrow { grid-template-columns:repeat(2,minmax(0,1fr)); padding:20px; gap:16px; }
  .evrow .evr-id { grid-column:1/-1; }
  .evrow .evr-n { grid-column:1/-1; justify-content:space-between; padding-top:14px; border-top:1px solid var(--line); }
  .evrow .evr-n em { margin-top:0; }
  .ranks td { padding-top:13px; padding-bottom:13px; }
  .rmtop h1 { font-size:34px; }
  .mvhead { padding:22px 12px; gap:8px; }
  .mvside b { font-size:19px; }
  .mvside { gap:11px; }
  ol.r1-steps.balanced-steps { padding:17px 0; }
  .balanced-steps span { font-size:11px; }
  .balanced-readiness .btn.primary { min-width:130px; }
  .cicount .nb { font-size:25px; }
  .cicount>span { gap:8px; padding-right:0; }
  .room-secondary { font-size:12px; }
  .statrow.oz-stats { padding:16px 0; }
  .statrow.oz-stats>.stat { padding:0 10px; gap:8px; }
  .statrow.oz-stats .stat-n { font-size:23px; }
  .statrow.oz-stats .stat>span { font-size:11px; letter-spacing:0; }
  .auth { gap:18px; }
  .auth-card,.auth-side { padding:24px; }
}

/* Bind the approved composition to the live page markup and its dynamic records. */
.rank-player { display:flex; align-items:center; min-width:0; gap:10px; }
.rank-player .balanced-initials { margin:0; }
.rank-player>span:last-child { min-width:0; overflow-wrap:anywhere; }
.performance-context { display:flex; flex-wrap:wrap; gap:8px 22px; margin:4px 0 0; font-size:12px; color:var(--muted); }
.performance-context b { color:var(--ink-2); font-weight:500; }
.lulist li>a { display:inline-flex; align-items:center; gap:10px; min-width:0; }
.lulist li>a>span:last-child { overflow-wrap:anywhere; }
.lulist .pav { width:27px; height:27px; font-size:11px; background:var(--surface-2); color:var(--ink-2); }
.rmcol .balanced-readiness>h2 { font-size:23px; }
.balanced-readiness:not(.hot) h2:before { content:none; }
.mvside { min-width:0; }
.mvside a,.mvside b { min-width:0; overflow-wrap:anywhere; }
.cicount>span { min-width:0; overflow-wrap:anywhere; }
.cicount .nb { flex:none; white-space:nowrap; }
.rmcol .btn { max-width:100%; white-space:normal; text-align:center; }
.balanced-steps span { max-width:100%; overflow-wrap:anywhere; line-height:1.4; }
.balanced-steps .step-short { display:none; }
.balanced-alert .ozalerts { display:grid; gap:14px; }
.balanced-alert .ozalerts .bad { color:var(--red-ink); }
.balanced-alert .ozalerts li.warn { color:var(--warn); }
.balanced-alert .ozalerts li.warn a { background:none; }
.balanced-alert .ozalerts li a { padding:0; background:none; border:0; box-shadow:none; }
.mcard .sv { font-size:17px; }
.mcard>a { border:0; }
@media(max-width:960px) and (min-width:541px) {
  .lx-for .tile>b { font-size:18px; }
  .lx-for .tile { padding:18px; }
}
@media(max-width:720px) {
  .mvhead { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); }
  .mvmid { order:0; }
  .mvside,.mvside:last-child { flex-direction:column; text-align:center; }
  .mvside .badge.xl { width:54px; height:54px; font-size:20px; }
  .mvside b { font-size:19px; }
  .mvfinal { gap:4px; }
  .mvfinal .mvscore { min-width:30px; padding:4px 6px; font-size:26px; }
  .mvfinal i { font-size:22px; }
}
@media(max-width:540px) {
  .balanced-steps .step-short { display:block; }
  .balanced-steps .step-full { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  .lx-copy>* { max-width:100%; }
  .lx-credit { bottom:65px; }
  .lx-stats { gap:0; }
  .balanced-performance .stat>span { overflow-wrap:anywhere; }
  .balanced-performance .stat:first-child .stat-n { font-size:39px; }
  .rmgrid .grid2 { grid-template-columns:minmax(0,1fr); }
  .statrow.oz-stats .stat>span { overflow-wrap:anywhere; }
  .kanban { display:grid; grid-template-columns:minmax(0,1fr); grid-auto-flow:row; grid-auto-columns:auto; overflow:visible; }
  .kanban .kcol { min-width:0; width:auto; max-width:100%; }
}

}