@layer reset,base,layout,components,responsive;

@layer reset {
  *,*::before,*::after{box-sizing:border-box}
  html{color-scheme:dark;scroll-behavior:smooth}
  body,h1,h2,h3,p,dl,dd,figure{margin:0}
  button,input,select,textarea{font:inherit;color:inherit}
  button,a{touch-action:manipulation}
  img{max-width:100%;display:block}
  table{border-collapse:collapse}
}

@layer base {
  :root{
    --bg:#08090a;--bg-deep:#050506;--surface:#111315;--surface-2:#17191c;--surface-3:#1d2023;
    --text:#f0efec;--muted:#a09f9b;--muted-2:#6f706f;--border:#303338;--border-soft:#24272a;
    --red:#d61b23;--red-hot:#ff3940;--red-dark:#6b1116;--green:#39bd7c;--amber:#dca72d;--blue:#5f9fe8;
    --display:"Arial Narrow","Helvetica Neue Condensed",Impact,sans-serif;
    --body:"Trebuchet MS","Segoe UI",sans-serif;--radius:6px;--shadow:0 24px 70px rgba(0,0,0,.34);
  }
  body{min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);font:14px/1.55 var(--body);letter-spacing:.005em}
  body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
  a{color:inherit;text-decoration:none}
  h1,h2,h3{font-family:var(--display);font-stretch:condensed;line-height:.98;text-transform:uppercase;letter-spacing:.025em}
  h1{font-size:clamp(2.4rem,5vw,4.75rem)}h2{font-size:1.55rem}p{color:var(--muted)}
  :focus-visible{outline:2px solid var(--red-hot);outline-offset:3px}
  ::selection{background:var(--red);color:white}
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .muted{color:var(--muted)}small{font-size:.74rem;color:var(--muted)}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
}

@layer layout {
  .app-shell{min-height:100vh;display:grid;grid-template-columns:256px minmax(0,1fr)}
  .sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:256px;display:flex;flex-direction:column;padding:18px 14px;background:#0d0f11;border-right:1px solid var(--border);box-shadow:10px 0 40px rgba(0,0,0,.18)}
  .brand{display:flex;align-items:center;gap:12px;padding:0 7px 18px;margin-bottom:20px;border-bottom:1px solid var(--border-soft)}
  .brand img{width:50px;height:50px;object-fit:cover;border:1px solid #4a1518;box-shadow:0 0 22px rgba(214,27,35,.18)}
  .brand span,.brand strong,.brand small{display:block}.brand strong{font:900 1.4rem/1 var(--display);letter-spacing:.08em}.brand small{margin-top:4px;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem}
  .sidebar nav{display:grid;gap:26px;overflow-y:auto}.nav-section{display:grid;gap:4px}.nav-kicker{padding:0 11px 7px;color:#636566;font-size:.61rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
  .nav-link{min-height:44px;display:flex;align-items:center;gap:12px;padding:0 10px;border:1px solid transparent;border-radius:4px;color:#a5a5a2;font-weight:700;transition:background .18s,color .18s,border .18s,transform .18s}
  .nav-link i{width:29px;height:25px;display:grid;place-items:center;color:#686a6b;border:1px solid #303337;border-radius:2px;font:800 .61rem/1 var(--body);font-style:normal;letter-spacing:.04em}.nav-link:hover,.nav-link.active{color:white;background:#191b1e;border-color:#303338;transform:translateX(2px)}.nav-link.active i{color:white;background:var(--red);border-color:var(--red)}
  .sidebar-footer{display:flex;align-items:center;gap:10px;margin-top:auto;padding:15px 8px 3px;border-top:1px solid var(--border-soft)}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:.73rem}.system-dot{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(57,189,124,.1)}
  .main-column{grid-column:2;min-width:0}.topbar{position:sticky;z-index:40;top:0;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:rgba(8,9,10,.88);border-bottom:1px solid var(--border-soft);backdrop-filter:blur(16px)}
  .topbar-context{display:flex;align-items:center;column-gap:5px;color:#777;font-size:.64rem;letter-spacing:.13em}.topbar-context strong{color:#aaa}.signal-line{width:24px;height:2px;background:var(--red);box-shadow:0 0 10px var(--red)}
  .account-menu{display:flex;align-items:center;gap:16px}.account-menu>a{display:flex;align-items:center;gap:9px}.account-menu>a>span:last-child strong,.account-menu>a>span:last-child small{display:block}.account-menu>a>span:last-child strong{font-size:.76rem}.account-avatar,.player-mark{width:35px;height:35px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;background:#090909;border:1px solid #44484d;border-radius:3px;color:white;font-size:.68rem;font-weight:900}.account-avatar img,.player-mark img{width:100%;height:100%;display:block;object-fit:cover}
  .quiet-action{border:0;background:transparent;color:#777;font-size:.71rem;cursor:pointer}.quiet-action:hover{color:white}
  .menu-button{display:none;width:44px;height:44px;padding:11px;border:1px solid var(--border);background:var(--surface);border-radius:4px}.menu-button span{display:block;height:2px;margin:4px 0;background:white}
  .page{width:min(100%,1480px);margin:0 auto;padding:42px 34px 80px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.page-header>div:first-child{max-width:900px}.page-header h1{margin:5px 0 12px}.page-header p{max-width:680px}.page-header--hero{min-height:185px;position:relative;padding:24px 0;border-bottom:1px solid var(--border)}.page-header--hero::after{content:"#2";position:absolute;z-index:-1;right:2%;bottom:-24px;color:#111316;font:900 12rem/1 var(--display)}
  .dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:18px;margin-bottom:18px}.dashboard-grid--lower{grid-template-columns:1fr 1fr}.event-detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:18px;margin-bottom:18px}.event-detail-grid--single{grid-template-columns:1fr}.catalog-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px}.stacked-panels,.event-section-stack{display:grid;align-content:start;gap:18px}
}

@layer components {
  .eyebrow{color:#9b9b98;font-size:.64rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
  .button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 17px;border:1px solid #44474c;border-radius:3px;background:#1a1c1f;color:white;font-weight:900;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .16s,background .16s,border .16s}.button:hover{transform:translateY(-1px);background:#23262a;border-color:#62666b}.button--primary{background:var(--red);border-color:#ed2d34;box-shadow:0 8px 28px rgba(214,27,35,.2)}.button--primary:hover{background:#ef2c33}.button--danger{background:#4a1217;border-color:#7c252c;color:#ffd7d9}.button--danger:hover{background:#68171e;border-color:#a8343d}.button--ghost{background:transparent}.button--small{min-height:34px;padding:0 10px;font-size:.62rem}.text-link{display:inline-flex;color:#c7c7c3;font-size:.74rem;font-weight:800;text-decoration:underline;text-decoration-color:#4c4e51;text-underline-offset:4px}.text-link:hover{color:white;text-decoration-color:var(--red)}.danger-link{color:#ef757b;background:transparent;border:0;cursor:pointer;padding:0}
  .panel{position:relative;padding:22px;background:linear-gradient(145deg,#131517,#0f1113);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 9px 35px rgba(0,0,0,.1)}.panel--spaced{margin-top:18px}.panel::before{content:"";position:absolute;left:-1px;top:18px;width:2px;height:34px;background:#404348}.panel--feature{overflow:hidden}.panel--feature::after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border:1px solid rgba(214,27,35,.13);border-radius:50%;box-shadow:0 0 0 30px rgba(214,27,35,.025),0 0 0 65px rgba(214,27,35,.018);pointer-events:none}.panel-heading{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.panel-heading h2{margin-top:8px}.panel-actions{display:flex;align-items:center;gap:16px;margin-top:24px}
  .metric-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 18px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#0f1113}.metric-strip article{min-height:118px;padding:18px 20px;border-right:1px solid var(--border);position:relative}.metric-strip article:last-child{border:0}.metric-strip span,.metric-strip small{display:block}.metric-strip span{color:#8d8e8c;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.metric-strip strong{display:block;margin:8px 0 2px;font:900 2.45rem/1 var(--display)}.metric-strip article:first-child strong{color:var(--red-hot)}
  .event-spotlight{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr .6fr;margin-top:27px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.event-spotlight div{padding:17px 16px;border-right:1px solid var(--border)}.event-spotlight div:first-child{padding-left:0}.event-spotlight div:last-child{border:0}.event-spotlight small,.event-spotlight strong{display:block}.event-spotlight small,.brief-grid small,.rule-block small{color:#727473;font-size:.61rem;font-weight:900;letter-spacing:.13em}.event-spotlight strong{margin-top:4px;font-size:.82rem}
  .stat-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:8px 0 24px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat-grid div{padding:17px 8px;text-align:center;border-right:1px solid var(--border)}.stat-grid div:last-child{border:0}.stat-grid strong,.stat-grid span{display:block}.stat-grid strong{font:900 1.55rem/1 var(--display)}.stat-grid span{margin-top:5px;color:var(--muted);font-size:.62rem;text-transform:uppercase}.rating-mark,.count-mark{display:grid;place-items:center;min-height:42px;padding:0 12px;color:white;background:#202327;border:1px solid #3a3e42;border-radius:3px;font:900 .9rem/1 var(--display);letter-spacing:.08em}.rating-mark--large{min-height:52px}.rating-mark::after{content:"RATING";margin-left:6px;color:#7b7d7d;font:800 .5rem/1 var(--body)}
  .player-profile-card{width:min(100%,760px);margin:clamp(30px,8vh,92px) auto;text-align:center;overflow:hidden}.player-profile-card::after{content:"";position:absolute;inset:auto 12% -90px;height:150px;background:radial-gradient(ellipse,rgba(214,27,35,.18),transparent 70%);pointer-events:none}.player-profile-card>.eyebrow{position:relative;z-index:1}.player-profile-title{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:2px}.player-profile-card h1{margin:10px 0 12px}.player-profile-meta{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin:0 0 28px;color:#d0cfcc}.player-profile-meta span{overflow-wrap:anywhere}.player-profile-meta b{margin-right:6px;color:#727473;font-size:.61rem;letter-spacing:.12em;text-transform:uppercase}.player-profile-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.player-profile-stats div{min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--border)}.player-profile-stats div:last-child{border:0}.player-profile-stats strong,.player-profile-stats span{display:block}.player-profile-stats strong{font:900 clamp(2.3rem,6vw,4.6rem)/1 var(--display);color:white}.player-profile-stats span{margin-top:10px;color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.player-profile-link{display:inline-flex;align-items:center;text-decoration:underline;text-decoration-color:#44484d;text-underline-offset:4px}.player-profile-link:hover{color:white;text-decoration-color:var(--red-hot)}.presence-dot{flex:0 0 8px;width:8px;height:8px;aspect-ratio:1;min-width:8px;min-height:8px;max-width:8px;max-height:8px;margin-left:7px;border:1px solid #78dfaa;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(53,185,120,.1),0 0 10px rgba(53,185,120,.65)}
  .data-list{display:grid}.data-row,.match-row{min-height:62px;display:flex;align-items:center;gap:11px;padding:11px 3px;border-top:1px solid var(--border-soft)}.data-row:first-child,.match-row:first-child{border-top:0}.data-row>span:nth-child(2),.match-row>span{flex:1}.data-row strong,.data-row small,.match-row strong,.match-row small{display:block}.data-row>span:last-child{margin-left:auto}.data-row b{font-family:var(--display)}.match-row{justify-content:space-between}.match-row strong{margin-top:3px}.match-row strong i{padding:0 5px;color:var(--red);font-style:normal;text-transform:uppercase}.match-row>b{font:900 1.35rem/1 var(--display)}.status-pin{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 8px rgba(214,27,35,.5)}
  .status{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border:1px solid #3a3d40;border-radius:999px;color:#bbb;background:#1c1f21;font-size:.6rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.status::before{content:"";width:5px;height:5px;margin-right:6px;border-radius:50%;background:#818384}.status--registration_open,.status--active,.status--approved,.status--completed{color:#bdf0d5;background:#10271c;border-color:#24543a}.status--registration_open::before,.status--active::before,.status--approved::before,.status--completed::before{background:var(--green)}.status--live,.status--failed,.status--blocked{color:#ffc3c5;background:#2a1114;border-color:#61242a}.status--live::before,.status--failed::before,.status--blocked::before{background:var(--red-hot)}.status--preview,.status--pending{color:#f4dca4;background:#2b2311;border-color:#5a471c}.status--preview::before,.status--pending::before{background:var(--amber)}
  .alert{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:18px;padding:13px 15px;border:1px solid #3b543f;background:#11241a;border-radius:4px}.alert strong{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}.alert span{color:#c8d8cc}.alert button{border:0;background:transparent;cursor:pointer}.alert--error{border-color:#663036;background:#2a1518}.alert--error span{color:#efc4c7}.validation-summary{margin-bottom:16px;padding:12px;border:1px solid #663036;background:#2a1518;color:#efc4c7;border-radius:4px}
  .filter-bar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:11px 14px;background:#0f1113;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);font-size:.7rem}.search{display:flex;align-items:center;gap:10px;width:min(100%,460px)}.search span{font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.search input{width:100%;min-height:42px;padding:0 13px;background:#181a1d;border:1px solid #33363a;border-radius:3px}
  .event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.event-card{position:relative;min-height:300px;display:flex;flex-direction:column;padding:21px;background:#101214;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .18s,border .18s}.event-card:hover{transform:translateY(-3px);border-color:#55595e}.event-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--red),transparent 70%)}.event-card__top{display:flex;align-items:center;justify-content:space-between}.event-type{color:#8d8f90;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.event-card h2{margin:27px 0 10px;font-size:2rem}.event-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.event-card dl{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:22px;padding:15px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.event-card dl div{padding:0 9px;border-right:1px solid var(--border-soft)}.event-card dl div:first-child{padding-left:0}.event-card dl div:last-child{border:0}.event-card dt{color:#696b6b;font-size:.57rem;font-weight:900;text-transform:uppercase}.event-card dd{margin-top:4px;font-size:.69rem;font-weight:800}.card-link{display:flex;justify-content:space-between;margin-top:auto;padding-top:17px;font-size:.73rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.card-link span{color:var(--red-hot);font-size:1rem}.event-card__admin{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid var(--border-soft)}.event-card__admin a,.event-card__admin button{color:#9a9c9d;font:800 .58rem var(--body);letter-spacing:.04em;text-transform:uppercase}.event-card__admin button{padding:0;border:0;background:none;color:#d17a80;cursor:pointer}
  .section-tabs{display:flex;gap:4px;margin:-10px 0 22px;padding-bottom:9px;border-bottom:1px solid var(--border);overflow-x:auto}.section-tabs a{min-height:39px;display:flex;align-items:center;padding:0 13px;color:#858685;font-size:.68rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.section-tabs a.active,.section-tabs a:hover{color:white;background:#181a1d;border-radius:3px}
  .brief-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border:1px solid var(--border);border-radius:3px;overflow:hidden}.brief-grid>div{min-height:84px;padding:17px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.brief-grid>div:nth-child(3n){border-right:0}.brief-grid>div:nth-last-child(-n+3){border-bottom:0}.brief-grid strong{display:block;margin-top:7px}.rule-block{margin-top:18px;padding:18px;background:#0b0d0e;border:1px solid var(--border-soft)}.rule-block p{margin-top:7px}.registration-panel h2{margin:8px 0}.registration-panel p strong{color:white;font-size:1.2rem}.capacity{width:100%;height:5px;margin:15px 0 20px;border:0;background:#25282b;appearance:none}.capacity::-webkit-progress-bar{background:#25282b}.capacity::-webkit-progress-value{background:var(--red)}.capacity::-moz-progress-bar{background:var(--red)}
  .form-stack{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.span-2{grid-column:1/-1}.form-stack label,.form-grid label,.sync-hero label{display:grid;gap:6px;color:#aaa;font-size:.67rem;font-weight:900;letter-spacing:.04em}.form-stack input,.form-stack select,.form-stack textarea,.form-grid input,.form-grid select,.form-grid textarea,.inline-admin select,.team-edit input,.map-score input,.sync-hero select{width:100%;min-height:44px;padding:8px 11px;background:#0c0e10;border:1px solid #34373b;border-radius:3px}.form-stack textarea,.form-grid textarea{resize:vertical}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#7d2a2e}.form-stack small{font-weight:400}.form-panel{padding:0;overflow:hidden}.form-panel>.form-grid,.form-panel>hr,.form-panel>.form-actions{margin-left:24px;margin-right:24px}.form-panel>.form-grid{padding-top:24px}.form-panel hr{border:0;border-top:1px solid var(--border);margin-top:24px}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding:20px 0}.form-section{display:grid;grid-template-columns:42px 180px 1fr;gap:20px;padding:26px 24px;border-bottom:1px solid var(--border)}.form-section>div:nth-child(2) p{margin-top:5px;font-size:.72rem}.section-number{color:var(--red);font:900 1rem/1 var(--display)}.check-field{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr;gap:9px!important}.check-field input{width:17px!important;min-height:17px!important}.form-stack fieldset{display:grid;gap:8px;padding:12px;border:1px solid var(--border)}.form-stack legend{padding:0 5px;color:#888;font-size:.62rem;text-transform:uppercase}.inline-admin{display:flex;align-items:center;gap:7px}.inline-admin select{min-width:105px;min-height:34px;padding:3px 7px}.inline-admin label{display:flex;align-items:center;gap:4px;font-size:.65rem}
  .table-wrap{width:100%;overflow-x:auto}table{width:100%;min-width:720px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--border-soft);vertical-align:middle}th{color:#707272;font-size:.59rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}td{color:#bbb;font-size:.75rem}td strong,td small{display:block}td strong{color:#ececea}tbody tr:hover{background:rgba(255,255,255,.018)}details summary{cursor:pointer}details pre{max-width:340px;white-space:pre-wrap;font-size:.62rem}.rating-form label{display:grid;gap:3px;color:#777;font-size:.55rem;text-transform:uppercase}.rating-form input{width:88px;min-height:34px;padding:3px 6px;background:#0c0e10;border:1px solid var(--border)}
  .team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.team-card{background:#101214;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.team-card>header{display:flex;align-items:center;gap:14px;padding:19px;background:#17191c;border-bottom:1px solid var(--border)}.team-card header>div{flex:1}.team-card header small,.team-card header h2{display:block}.team-card header small{color:#777;font-size:.58rem;letter-spacing:.12em}.team-card header h2{margin-top:5px}.seed{font:900 1.6rem/1 var(--display);color:var(--red-hot)}.team-rating{font:900 1.2rem/1 var(--display)}.roster-list{padding:4px 18px}.roster-list>div{min-height:67px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border-soft)}.roster-list>div:last-child{border:0}.roster-list>div>span:nth-child(2){flex:1}.roster-list strong,.roster-list small{display:block}.roster-list b{font-family:var(--display)}.team-edit{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:14px 18px;background:#0c0e10;border-top:1px solid var(--border)}.team-edit input{min-height:36px}.team-edit label{display:flex;align-items:center;gap:5px;font-size:.66rem}
  .member-move{display:flex;gap:5px}.member-move select{max-width:105px;min-height:34px;padding:3px 6px;background:#0c0e10;border:1px solid var(--border);font-size:.62rem}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
  .bracket-shell{overflow-x:auto;padding:8px 2px 24px}.bracket{min-width:max-content;display:flex;gap:55px}.bracket-round{width:260px;display:flex;flex-direction:column}.bracket-round>header{min-height:65px;padding:0 5px;border-bottom:1px solid var(--border)}.bracket-round>header span{color:#6e7070;font-size:.58rem;font-weight:900;letter-spacing:.12em}.bracket-round>header h2{margin-top:5px}.bracket-matches{flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:22px;padding:18px 0}.bracket-match{position:relative;display:grid;background:#111315;border:1px solid var(--border);border-radius:3px}.bracket-match::after{content:"";position:absolute;top:50%;right:-56px;width:55px;border-top:1px solid #383b3f}.bracket-round:last-child .bracket-match::after{display:none}.bracket-match>span{display:flex;align-items:center;justify-content:space-between;min-height:45px;padding:0 12px;border-bottom:1px solid var(--border-soft)}.bracket-match>span:nth-child(2){border:0}.bracket-match small{color:#ddd}.bracket-match>span strong{font:900 1rem/1 var(--display)}.bracket-match>b{position:absolute;right:7px;top:-17px;color:#666;font-size:.53rem;text-transform:uppercase}.bracket-match.completed{border-color:#5a2a2e}.bracket-match.completed>span:first-child{box-shadow:inset 2px 0 var(--red)}
  .scoreboard{display:flex;align-items:center;gap:12px;padding:11px 17px;background:#151719;border:1px solid var(--border);border-radius:3px}.scoreboard small{margin-right:4px;color:#777;font-size:.56rem;font-weight:900;letter-spacing:.12em}.scoreboard strong{font:900 2rem/1 var(--display)}.scoreboard span{color:var(--red);font-weight:900}.versus{color:var(--red-hot);font-size:.45em}.callout{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.callout h2{margin:6px 0}.map-series{display:grid;gap:7px}.map-row{min-height:92px;display:grid;grid-template-columns:55px minmax(180px,1fr) minmax(310px,.8fr) auto;align-items:center;gap:18px;padding:14px 18px;background:#101214;border:1px solid var(--border);border-radius:3px}.map-slot{color:#525456;font:900 1.8rem/1 var(--display)}.map-row small{color:var(--red-hot);font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.map-row h2{margin-top:4px}.map-winner{display:block;width:max-content;margin-top:8px;padding:4px 7px;border:1px solid rgba(242,37,48,.35);color:#f7f7f4;font-size:.55rem;font-weight:900;letter-spacing:.08em}.map-score{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px}.map-score label{display:grid;gap:3px;text-align:center}.map-score label span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a8b89;font-size:.56rem;text-transform:uppercase}.map-score input{width:64px;min-height:45px;padding:4px;text-align:center;font:900 1.25rem/1 var(--display)}.map-score b{padding-bottom:11px}.sticky-actions{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:16px;padding:12px;background:rgba(13,15,17,.94);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.sticky-actions span{color:#858685;font-size:.69rem}
  .sync-hero{min-height:190px;display:grid;grid-template-columns:80px minmax(0,1fr) minmax(250px,.45fr);align-items:center;gap:24px;margin-bottom:18px;padding:27px;background:#101214;border:1px solid #403033;border-radius:var(--radius);box-shadow:inset 0 0 80px rgba(214,27,35,.035)}.sync-hero h2{margin:8px 0}.sync-hero form{display:grid;gap:10px}.sync-lock{width:64px;height:64px;display:grid;place-items:center;border:1px solid #603036;transform:rotate(45deg)}.sync-lock span{width:22px;height:22px;background:var(--red);box-shadow:0 0 20px rgba(214,27,35,.35)}
  .empty-state{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state h1,.empty-state h2{margin:8px 0}.empty-state p{margin-bottom:20px}.error-code{color:#3f4244;font:900 4rem/1 var(--display)}
  .danger-zone{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:17px 20px;border:1px solid #52262b;background:#211214;border-radius:4px}.danger-zone strong,.danger-zone span{display:block}.danger-zone span{margin-top:3px;color:#a47f82;font-size:.7rem}
  .auth-page{display:grid;place-items:center;padding:30px;background:#050506}.auth-backdrop{position:fixed;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.97) 0%,rgba(5,5,6,.83) 48%,rgba(5,5,6,.96) 100%),url("/assets/images/2bein-gameplan.png") center/cover no-repeat;filter:saturate(.72)}.auth-shell{position:relative;z-index:1;width:min(100%,590px)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:24px}.auth-brand img{width:62px;height:62px;object-fit:cover;border:1px solid #59191e}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font:900 1.7rem/1 var(--display);letter-spacing:.1em}.auth-brand small{margin-top:5px;text-transform:uppercase;letter-spacing:.12em;font-size:.58rem}.auth-card{padding:30px;background:rgba(14,16,18,.96);border:1px solid #383b3f;border-radius:6px;box-shadow:var(--shadow)}.auth-card--wide{width:min(92vw,720px);margin-left:50%;transform:translateX(-50%)}.auth-card h1{margin:9px 0 12px;font-size:clamp(2.4rem,7vw,4rem)}.auth-card>p{margin-bottom:23px}.auth-card .text-link{margin-top:18px}.auth-links{display:flex;justify-content:space-between;margin-top:18px;color:#9b9c99;font-size:.72rem}.auth-links a:hover{color:white}.auth-shell footer{display:flex;justify-content:center;gap:20px;margin-top:17px;color:#5f6161;font-size:.65rem}
}

@layer responsive {
  @media(max-width:1160px){.event-grid{grid-template-columns:repeat(2,1fr)}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip article:nth-child(2){border-right:0}.metric-strip article:nth-child(-n+2){border-bottom:1px solid var(--border)}.dashboard-grid,.event-detail-grid,.catalog-layout{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.map-row{grid-template-columns:45px 1fr auto}.map-row>.status{grid-column:2}.form-section{grid-template-columns:35px 140px 1fr}}
  @media(max-width:780px){body{font-size:13px}.app-shell{display:block}.main-column{min-height:calc(100vh - 65px)}.sidebar{inset:auto 0 0 0;width:100%;height:65px;padding:7px 8px;display:block;border:0;border-top:1px solid var(--border);overflow-x:auto}.brand,.nav-kicker,.sidebar-footer{display:none}.sidebar nav{display:flex;min-width:max-content;gap:3px}.nav-section{display:contents}.nav-link{min-width:64px;min-height:50px;justify-content:center;flex-direction:column;gap:3px;padding:3px 6px;font-size:.55rem}.nav-link i{width:24px;height:20px}.topbar{height:62px;padding:0 15px}.topbar-context span:last-child,.signal-line{display:none}.account-menu>a>span:last-child,.quiet-action{display:none}.menu-button{display:none}.page{padding:27px 15px 92px}.page-header{align-items:flex-start;flex-direction:column;margin-bottom:22px}.page-header h1{font-size:2.7rem}.page-header--hero{min-height:150px}.page-header--hero::after{font-size:8rem}.dashboard-grid,.dashboard-grid--lower{grid-template-columns:1fr}.event-grid{grid-template-columns:1fr}.event-spotlight{grid-template-columns:1fr}.event-spotlight div,.event-spotlight div:first-child{padding:12px 0;border-right:0;border-bottom:1px solid var(--border)}.event-spotlight div:last-child{border:0}.brief-grid{grid-template-columns:1fr 1fr}.brief-grid>div:nth-child(3n){border-right:1px solid var(--border)}.brief-grid>div:nth-child(2n){border-right:0}.brief-grid>div:nth-last-child(-n+3){border-bottom:1px solid var(--border)}.brief-grid>div:nth-last-child(-n+2){border-bottom:0}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.form-section{grid-template-columns:35px 1fr;padding:20px 16px}.form-section>div:last-child{grid-column:1/-1}.map-row{grid-template-columns:38px 1fr;padding:12px}.map-score{grid-column:1/-1;justify-content:center}.map-row>.status{grid-column:2}.sticky-actions{align-items:stretch;flex-direction:column}.sync-hero{grid-template-columns:1fr;padding:22px}.sync-lock{display:none}.team-edit{grid-template-columns:1fr}.panel{padding:17px}.metric-strip article{padding:15px}.callout{align-items:flex-start;flex-direction:column}.filter-bar{align-items:stretch;flex-direction:column}.search{width:100%}.auth-page{padding:16px}.auth-card{padding:22px}.auth-card--wide{width:100%;margin-left:0;transform:none}}
  @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
}

.diff-count{display:inline-flex;min-width:28px;justify-content:center;padding:2px 5px;border:1px solid var(--border);border-radius:2px;font-weight:900}.diff-count--add{color:#7ee0aa;border-color:#24543a}.diff-count--remove{color:#ff8a8f;border-color:#61242a}
.pool-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:1rem;border:1px solid var(--line);background:rgba(255,255,255,.018)}
.pool-matrix legend{padding:0 .45rem;color:var(--muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.pool-matrix .check-field{align-items:flex-start;padding:.55rem;border:1px solid transparent}
.pool-matrix .check-field:hover{border-color:var(--line-strong);background:rgba(178,0,18,.07)}
.pool-matrix small{display:block;color:var(--muted);margin-top:.2rem}
.compact-action{display:flex;justify-content:flex-end;margin-top:-.8rem}
@media(max-width:720px){.pool-matrix{grid-template-columns:1fr}}
.configuration-panel{margin-bottom:1rem}
.configuration-panel>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;list-style:none}
.configuration-panel>summary::-webkit-details-marker{display:none}
.configuration-panel>summary span:first-child{display:grid;gap:.25rem}
.match-config-grid{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:.7rem;overflow-x:auto;padding:.5rem 0 1rem}
.match-slot-config{display:grid;gap:.55rem;min-width:180px;padding:.8rem;border:1px solid var(--line);background:rgba(255,255,255,.018)}
.match-slot-config legend{padding:0 .35rem;color:var(--red-bright);font:700 .72rem/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase}
.map-status-picker{min-width:286px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;border:0}.map-status-picker legend{grid-column:1/-1;margin-bottom:1px;padding:0;color:#777;font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.map-status-picker label{position:relative;display:block;cursor:pointer}.map-status-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.map-status-picker span{min-height:44px;display:flex;align-items:center;justify-content:center;padding:7px 10px;border:1px solid #34373b;border-radius:2px;background:#0c0e10;color:#9a9b99;font-size:.62rem;font-weight:900;letter-spacing:.045em;text-align:center;text-transform:uppercase;transition:border-color .16s,background .16s,color .16s,transform .16s}.map-status-picker label:hover span{border-color:#65686c;color:#fff;transform:translateY(-1px)}.map-status-picker input:focus-visible+span{outline:2px solid var(--red-hot);outline-offset:2px}.map-status-picker input:checked+span{border-color:#9d2b31;background:#2a1114;color:#fff;box-shadow:inset 3px 0 var(--red-hot)}.map-status-picker input[value="completed"]:checked+span{border-color:#286344;background:#10271c;box-shadow:inset 3px 0 var(--green)}.map-status-picker input[value="not_played"]:checked+span{border-color:#55595e;background:#202327;box-shadow:inset 3px 0 #85898d}.map-status-picker input[value="abandoned"]:checked+span{border-color:#6b4d1f;background:#2b2110;box-shadow:inset 3px 0 var(--amber)}
@media(max-width:900px){.match-config-grid{grid-template-columns:repeat(5,210px)}}
.inline-editor{position:relative;margin-top:.45rem}
.inline-editor>summary{cursor:pointer;color:var(--muted);font-size:.75rem;text-decoration:underline;text-underline-offset:.2rem}
.inline-editor[open]{z-index:3}
.inline-editor>form{min-width:250px;margin-top:.6rem;padding:.8rem;border:1px solid var(--line-strong);background:var(--panel-strong);box-shadow:0 18px 50px rgba(0,0,0,.4)}
.match-admin-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px}
.match-admin-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.match-admin-card h2{margin:.3rem 0 0;font-size:1.45rem}
.match-admin-meta{display:flex;align-items:center;gap:.7rem}.match-total{display:flex;align-items:center;gap:.45rem;padding:.42rem .65rem;border:1px solid var(--line);background:#0c0e0f}.match-total small{color:#777;font-size:.52rem;font-weight:900;letter-spacing:.12em}.match-total strong{font:900 1.25rem/1 var(--display);color:#f5f4ef}
.automation-note{display:grid;gap:12px;margin-bottom:18px}.automation-note>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.automation-note>div strong{font:900 1rem/1 var(--display);text-transform:uppercase}.automation-note>div span{color:var(--red-hot);font-weight:900}.automation-note p{color:var(--muted)}.pending-pairing{display:flex;align-items:center;gap:12px;min-height:62px;padding:12px 0}.pending-pairing p{color:var(--muted)}
@media(max-width:1000px){.match-admin-layout{grid-template-columns:1fr}}

/* Competitive system rework */
.nav-group{border:1px solid transparent;border-radius:4px;color:#a5a5a2}.nav-group summary{min-height:42px;display:flex;align-items:center;gap:12px;padding:0 10px;font-weight:800;list-style:none}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary i{width:29px;height:25px;display:grid;place-items:center;border:1px solid #303337;border-radius:2px;color:#777;font:.8em var(--body);font-style:normal}.nav-group>a{min-height:34px;display:flex;align-items:center;margin:0 8px 4px 18px;color:#858785;font-size:.7rem;font-weight:800}.nav-group>a:hover{color:white}.nav-group[open]{background:#131517;border-color:#26292c}
.competitive-heading{align-items:center}.status-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid #444;border-radius:2px;background:#202225;color:#bbb;font-size:.61rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.status-chip--active,.status-chip--approved,.status-chip--completed{color:#bdf0d5;border-color:#24543a;background:#10271c}.status-chip--preview,.status-chip--warning,.status-chip--fetching{color:#f4dca4;border-color:#5a471c;background:#2b2311}.status-chip--failed,.status-chip--rejected,.status-chip--cancelled{color:#ffc3c5;border-color:#61242a;background:#2a1114}.status-chip--superseded{color:#aaa;border-color:#444;background:#181a1c}
.official-source-strip{display:grid;grid-template-columns:repeat(3,minmax(140px,.55fr)) minmax(250px,1.35fr);margin-bottom:18px;border:1px solid var(--border);background:#0e1012}.official-source-strip>div{min-height:78px;display:flex;flex-direction:column;justify-content:center;padding:14px 18px;border-right:1px solid var(--border)}.official-source-strip>div:last-child{border:0}.official-source-strip span{color:#696b6c;font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.official-source-strip strong,.official-source-strip a{margin-top:5px;color:#ececea;font-weight:800}.official-source-strip a{text-decoration:underline;text-decoration-color:#5a2a2e;text-underline-offset:4px;overflow-wrap:anywhere}
.info-callout,.sync-safety{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px;padding:16px 18px;border:1px solid #493134;background:#171113}.info-callout::before{content:"i";width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--red);color:#fff;font:900 .7rem var(--body)}.info-callout strong,.sync-safety strong{display:block;margin-bottom:3px}.info-callout p,.sync-safety p{font-size:.75rem}
.rule-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.rule-category>header,.map-matrix-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--border)}.rule-category>header h2{margin-top:6px}.rule-category>header>span{color:#666;font-size:.62rem}.allow-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:10px 0 0;list-style:none}.allow-list li{min-height:55px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-soft)}.allow-list strong,.allow-list small{display:block}.allow-mark{width:23px;height:23px;display:grid;place-items:center;border:1px solid #24543a;background:#10271c;color:var(--green);font-size:.68rem}.empty-allowlist{min-height:128px;display:flex;flex-direction:column;justify-content:center;padding:12px 0}.empty-allowlist p{max-width:560px;margin-top:5px;font-size:.73rem}.history-panel{margin-top:18px}.table-action{color:#ddd;text-decoration:underline;text-decoration-color:#623036;text-underline-offset:3px}.change-list{display:grid;gap:7px}.change-list article{min-height:58px;display:flex;align-items:center;gap:12px;padding:9px 11px;border:1px solid var(--border-soft);background:#0d0f11}.change-list article>div{flex:1}.change-list strong,.change-list small{display:block}.change-list p{margin-top:3px;font-size:.66rem}.change-type{min-width:63px;padding:4px 6px;text-align:center;border:1px solid #444;color:#aaa;font-size:.56rem;font-weight:900;text-transform:uppercase}.change-type--add{color:#bdf0d5;border-color:#24543a}.change-type--remove{color:#ffc3c5;border-color:#61242a}.change-type--update{color:#f4dca4;border-color:#5a471c}
.mode-roster{margin-bottom:18px}.mode-chips{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border)}.mode-chips>span{min-height:76px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:12px 15px;border-right:1px solid var(--border);font-weight:900}.mode-chips>span:last-child{border:0}.mode-chips b{grid-row:1/3;color:var(--red);font:900 1.4rem var(--display)}.mode-chips small{display:block}.map-matrix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.map-matrix-card>header{justify-content:flex-start}.map-index{color:var(--red);font:900 1.35rem var(--display)}.map-matrix-card h2{margin-top:5px}.map-mode-list{display:grid;margin-top:12px}.map-mode-list span{min-height:39px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--border-soft);font-size:.72rem;font-weight:800}.map-mode-list i{width:6px;height:6px;background:var(--green);border-radius:50%}
.sync-safety{align-items:center;border-color:#24543a;background:#0f1c15}.sync-launch{margin-bottom:18px}.inline-form{display:flex;align-items:flex-end;gap:10px}.inline-form label{min-width:min(100%,520px);display:grid;gap:6px;color:#aaa;font-size:.67rem;font-weight:900}.inline-form select{min-height:44px;padding:8px 11px;border:1px solid #34373b;background:#0c0e10}.source-note{margin-top:11px;font-size:.68rem;overflow-wrap:anywhere}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px}.section-heading h2{margin-top:6px}.sync-run-list{display:grid;gap:12px}.sync-run>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.sync-run>header>div{display:flex;align-items:center;gap:12px}.sync-run h3{font-size:1.35rem}.sync-run header p{margin-top:4px;font-size:.69rem}.run-number{color:var(--red);font:900 1.1rem var(--display)}.sync-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:16px 0;border:1px solid var(--border)}.sync-metrics span{padding:11px;border-right:1px solid var(--border);color:#777;font-size:.62rem;text-transform:uppercase}.sync-metrics span:last-child{border:0}.sync-metrics b{display:block;color:white;font:900 1.15rem var(--display)}.import-preview{margin-top:10px}.import-preview summary{padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:.68rem;font-weight:900;text-transform:uppercase}.import-preview .change-list{margin-top:9px}.sync-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.error-copy{margin-top:12px;color:#ef9499}.system-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.system-tool h2{margin:18px 0 8px}.system-tool code{display:block;margin-top:17px;padding:11px;border:1px solid var(--border);background:#090b0c;color:#ccc;overflow-wrap:anywhere}.empty-copy{padding:22px;color:#777}
.event-wizard{display:grid;gap:18px}.wizard-step{padding:0}.wizard-step>header{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;padding:20px 22px;border-bottom:1px solid var(--border)}.wizard-step>header h2{margin-top:6px}.wizard-step>header p{margin-top:5px;font-size:.72rem}.step-marker{color:var(--red);font:900 1.3rem var(--display)}.choice-grid{display:grid;gap:10px;padding:18px 22px}.choice-grid--four{grid-template-columns:repeat(4,1fr)}.choice-grid--three{grid-template-columns:repeat(3,1fr)}.choice-grid--two{grid-template-columns:repeat(2,1fr)}.choice-grid--compact{max-width:680px}.choice-card{position:relative;min-height:92px;cursor:pointer}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-card>span{height:100%;display:flex;flex-direction:column;justify-content:center;padding:14px 16px;border:1px solid var(--border);background:#0c0e10;transition:.15s}.choice-card b,.choice-card small,.choice-card em{display:block}.choice-card b{font:900 1.2rem var(--display);text-transform:uppercase}.choice-card small{margin-top:5px}.choice-card em{margin-bottom:5px;color:#737576;font-size:.55rem;font-style:normal;font-weight:900;letter-spacing:.12em}.choice-card input:checked+span{border-color:#a92128;background:#201113;box-shadow:inset 3px 0 var(--red)}.choice-card input:focus-visible+span{outline:2px solid var(--red-hot);outline-offset:2px}.choice-card--team{min-height:110px}.choice-card--team b{font-size:2rem}.version-lock{display:flex;align-items:center;gap:11px;margin:0 22px 18px;padding:11px 13px;border:1px solid #284638;background:#0e1812}.version-lock p{font-size:.7rem}.version-lock strong{color:white}.custom-toggle{display:flex;align-items:center;gap:8px;color:#ddd;font-size:.7rem;font-weight:900}.custom-toggle input{width:17px;height:17px}.series-builder{display:grid;grid-template-columns:repeat(5,minmax(175px,1fr));gap:8px;padding:18px 22px;overflow-x:auto}.series-slot{min-width:175px;display:grid;align-content:start;gap:10px;padding:13px;border:1px solid var(--border);background:#0b0d0e}.series-slot legend{padding:0 6px;color:var(--red-hot);font:900 .7rem var(--display);letter-spacing:.1em}.series-slot label{display:grid;gap:5px;color:#888;font-size:.61rem;font-weight:900;text-transform:uppercase}.series-slot select,.series-slot input{width:100%;min-height:42px;padding:7px 9px;border:1px solid #34373b;background:#111315}.custom-map-preview{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:9px;overflow:hidden;border:1px solid #713038;background:#160d0f}.custom-map-preview[hidden]{display:none}.custom-map-preview img{width:64px;height:50px;display:block;object-fit:cover}.custom-map-preview span{min-width:0}.custom-map-preview small,.custom-map-preview strong{display:block}.custom-map-preview small{color:#a76f73;font-size:.48rem;text-transform:uppercase}.custom-map-preview strong{margin-top:3px;overflow:hidden;color:#fff;font:900 .72rem var(--display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.combo-state{padding-top:8px;border-top:1px solid var(--border-soft);color:#6f927d;font-size:.58rem;font-weight:900;text-transform:uppercase}.wizard-details{padding:22px}.wizard-actions{padding:4px 0 0}
@media(max-width:1160px){.map-matrix-grid{grid-template-columns:repeat(2,1fr)}.choice-grid--four{grid-template-columns:repeat(2,1fr)}.series-builder{grid-template-columns:repeat(5,205px)}}
@media(max-width:780px){.nav-group{display:none}.official-source-strip{grid-template-columns:1fr 1fr}.official-source-strip>div{border-bottom:1px solid var(--border)}.official-source-strip>div:nth-child(2n){border-right:0}.rule-category-grid,.map-matrix-grid,.system-card-grid{grid-template-columns:1fr}.mode-chips{grid-template-columns:1fr}.mode-chips>span{border-right:0;border-bottom:1px solid var(--border)}.allow-list{grid-template-columns:1fr}.sync-metrics{grid-template-columns:repeat(2,1fr)}.inline-form,.section-heading{align-items:stretch;flex-direction:column}.wizard-step>header{grid-template-columns:36px 1fr}.wizard-step>header>:last-child{grid-column:1/-1}.choice-grid--four,.choice-grid--three,.choice-grid--two{grid-template-columns:1fr}.series-builder{grid-template-columns:repeat(5,220px)}}

/* Official rules hub */
.competitive-switcher{display:flex;gap:4px;margin:-8px 0 18px;padding:4px;border:1px solid var(--border);background:#0c0e10;overflow-x:auto}.competitive-switcher a{min-height:39px;display:flex;align-items:center;padding:0 16px;color:#888;font-size:.66rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.competitive-switcher a:hover,.competitive-switcher a.active{color:#fff;background:#211315;box-shadow:inset 0 -2px var(--red)}
.rules-warning{position:relative;display:grid;grid-template-columns:190px 1fr;gap:18px;margin-bottom:18px;padding:17px 19px;border:1px solid #6b4d1c;background:linear-gradient(90deg,#261d0d,#15120d);overflow:hidden}.rules-warning::after{content:"!";position:absolute;right:12px;top:-24px;color:rgba(255,191,72,.08);font:900 7rem/1 var(--display)}.rules-warning strong{color:#f0c76d;text-transform:uppercase;letter-spacing:.05em}.rules-warning p{font-size:.76rem}
.rules-warning--negative{border-color:#61242a;background:linear-gradient(90deg,#2a1114,#151012)}.rules-warning--negative strong{color:#efaaad}.cdl-negative-grid{align-items:start}.restriction-mark{width:28px;height:28px;display:grid;place-items:center;border:1px solid #7b2930;background:#2a1114;color:#ffb4b7;font:900 1rem var(--display)}.event-view-switcher{margin-top:-8px}
.rule-category--accordion{padding:0;overflow:hidden}.rule-category--accordion>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:18px;cursor:pointer;list-style:none}.rule-category--accordion>summary::-webkit-details-marker{display:none}.rule-category--accordion>summary>span{color:#777;font-size:.62rem}.rule-category--accordion[open]>summary{border-bottom:1px solid var(--border);background:#120d0f}.rule-category--accordion[open] .accordion-toggle::after{transform:rotate(0)}.rule-category--accordion .rule-item-list{padding:0 18px 12px}
.rule-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;padding:15px}.rule-toolbar form,.rule-toolbar label{display:grid;gap:6px}.rule-toolbar label{color:#888;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.rule-toolbar select,.rule-toolbar input{width:100%;min-height:43px;padding:8px 11px;border:1px solid #373a3d;background:#0b0d0f;color:#eee}
.rule-toolbar--search-only{grid-template-columns:1fr}
.rule-category{padding-bottom:12px}.rule-category>header>div{min-width:0}.rule-subtitle{margin:14px 0 0;padding:8px 10px;border-left:2px solid #444;background:#111315;color:#aaa;font:900 .62rem var(--body);letter-spacing:.08em;text-transform:uppercase}.rule-subtitle--allowed{border-color:#2b8b59;color:#9ed8b8}.rule-subtitle--blocked{border-color:var(--red);color:#e79da0}.rule-item-list{margin:0;padding:0;list-style:none}.rule-item-list li{min-height:61px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--border-soft)}.rule-item-list img{width:32px;height:32px;border:1px solid #333}.rule-item-list strong,.rule-item-list small{display:block}.rule-item-list small{margin-top:3px;color:#666;font-size:.58rem}.availability{padding:4px 6px;border:1px solid #444;font-size:.54rem;font-weight:900;text-transform:uppercase}.availability--allowed{color:#9ed8b8;border-color:#24543a;background:#10271c}.availability--blocked{color:#efaaad;border-color:#61242a;background:#2a1114}
.ranked-deviation-panel,.settings-panel,.source-register{margin-bottom:18px}.count-badge{min-width:32px;height:32px;display:grid;place-items:center;border:1px solid #713038;color:#fff}.deviation-list{display:grid;gap:8px}.deviation-list article{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #4c2a2f;background:#130e10}.deviation-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--red);color:#fff;font-weight:900}.deviation-list p{margin:3px 0;font-size:.69rem}.deviation-list a{color:#d08f92;font-size:.61rem;text-decoration:underline}.settings-panel>h3{margin:16px 0 8px;color:#aaa;font-size:.72rem;text-transform:uppercase}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}.settings-grid article{min-height:65px;display:flex;flex-direction:column;justify-content:center;padding:10px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.settings-grid span{color:#777;font-size:.58rem;text-transform:uppercase}.settings-grid strong{margin-top:5px;font-size:.75rem}.source-list{display:grid;gap:8px}.source-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:11px;border:1px solid var(--border-soft)}.source-list strong,.source-list a{display:block}.source-list a{margin-top:3px;color:#aaa;font-size:.62rem;overflow-wrap:anywhere}.source-list time{color:#777;font-size:.62rem}.asset-status{display:inline-flex;padding:3px 5px;border:1px solid #444;font-size:.5rem;font-weight:900;text-transform:uppercase}.asset-status--official{color:#9ed8b8;border-color:#24543a}.asset-status--placeholder{color:#aaa}.inline-activate{display:inline}.inline-activate button{border:0;background:none;font:inherit;cursor:pointer}
.mode-map-groups{display:grid;gap:18px}.mode-map-group>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--border)}.mode-map-group>header>strong{color:#777;font-size:.65rem;text-transform:uppercase}.map-chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.map-chip-grid>div{min-height:83px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:12px;border:1px solid var(--border-soft);background:#0d0f11}.map-chip-grid small{color:#888;font-size:.55rem}.map-chip-grid .asset-status{margin-right:4px}.map-chip-grid .map-visual-card{min-height:178px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}.map-visual{position:relative;min-height:112px;background:#111;overflow:hidden}.map-visual::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8))}.map-visual img{width:100%;height:112px;display:block;object-fit:cover}.map-visual .map-index{position:absolute;z-index:1;left:10px;top:10px;display:grid;width:32px;height:32px;place-items:center;background:rgba(10,10,10,.84);border:1px solid rgba(255,255,255,.18)}.map-visual-copy{display:grid;gap:5px;padding:10px 12px}.map-visual-copy strong{font:900 1.05rem var(--display);text-transform:uppercase}.map-visual-copy a{color:#c88c8f;font-size:.56rem;text-decoration:underline;text-underline-offset:3px}
.status-chip--reviewed{color:#9bc8ff;border-color:#244b72;background:#102034}.status-chip--draft{color:#e8d6ad;border-color:#5a471c;background:#2b2311}.status-chip--no_changes{color:#bdf0d5;border-color:#24543a;background:#10271c}
@media(max-width:900px){.settings-grid,.map-chip-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.rules-warning,.rule-toolbar{grid-template-columns:1fr}.rule-item-list li{grid-template-columns:32px minmax(0,1fr)}.rule-item-list .availability{grid-column:2;width:max-content}.settings-grid,.map-chip-grid{grid-template-columns:1fr}.source-list article{grid-template-columns:auto 1fr}.source-list time{grid-column:2}.competitive-switcher{margin-top:0}}
.event-series-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.event-series-card{min-width:0;border:1px solid var(--border);background:#0d0f11;overflow:hidden}.event-series-visual{position:relative;height:140px;background:#111;overflow:hidden}.event-series-visual::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}.event-series-visual img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.78) contrast(1.08);transition:transform .25s,filter .25s}.event-series-card:hover .event-series-visual img{transform:scale(1.035);filter:saturate(1) contrast(1.08)}.event-series-visual>span{position:absolute;z-index:1;left:10px;top:10px;display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(255,255,255,.2);background:rgba(8,9,10,.86);color:var(--red);font:900 1.05rem var(--display)}.event-series-copy{min-height:78px;display:flex;flex-direction:column;justify-content:center;padding:10px 12px}.event-series-copy strong,.event-series-copy small,.event-series-copy em{display:block}.event-series-copy strong{margin-top:3px;font:900 1.05rem var(--display);text-transform:uppercase}.event-series-copy small{color:#aaa;font-size:.56rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.event-series-copy em{margin-top:5px;color:#718579;font-size:.5rem;font-style:normal;text-transform:uppercase}@media(max-width:900px){.event-series-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.event-series-row{grid-template-columns:1fr}}

/* Ranked loadout center */
.ranked-source-note{display:grid;grid-template-columns:190px 1fr;gap:18px;margin-bottom:18px;padding:17px 19px;border:1px solid #244b72;background:linear-gradient(90deg,#101c2a,#0e1217)}.ranked-source-note strong{color:#9bc8ff;text-transform:uppercase;letter-spacing:.05em}.ranked-source-note p{font-size:.76rem}.ranked-meta-grid{display:grid;gap:10px;margin-bottom:18px}.ranked-loadout-card{padding:0;overflow:hidden}.ranked-loadout-card>summary{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;padding:15px 18px;cursor:pointer;list-style:none}.ranked-loadout-card>summary::-webkit-details-marker{display:none}.ranked-loadout-card[open]>summary{border-bottom:1px solid var(--border);background:#120d0f}.ranked-loadout-card h2{margin-top:5px;font-size:1.55rem}.accordion-toggle{position:relative;width:30px;height:30px;border:1px solid #3a3c3f}.accordion-toggle::before,.accordion-toggle::after{content:"";position:absolute;left:8px;right:8px;top:14px;height:2px;background:#b7b7b4;transition:.18s}.accordion-toggle::after{transform:rotate(90deg)}.ranked-loadout-card[open] .accordion-toggle::after{transform:rotate(0)}.meta-position{display:grid;width:42px;height:42px;place-items:center;border:1px solid #713038;background:#1d0e11;color:#fff;font:900 1.15rem var(--display)}.ranked-weapon-visual{display:block;min-height:150px;background:radial-gradient(circle at 50% 70%,rgba(178,0,18,.17),transparent 58%),#090b0c;border-bottom:1px solid var(--border)}.ranked-weapon-visual img{width:100%;height:210px;display:block;object-fit:contain;padding:12px}.build-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.build-card{border:1px solid var(--border-soft);background:#0b0d0f}.build-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border-soft)}.build-card>header strong{color:#f0f0ed;text-transform:uppercase}.build-code{padding:5px 7px;border:1px solid #713038;background:#1d0e11;color:#e5a5aa;font:800 .58rem var(--body);cursor:pointer}.build-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none}.build-card li{min-height:54px;padding:9px 11px;border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.build-card li:nth-child(2n){border-right:0}.build-card li span,.build-card li strong{display:block}.build-card li span{color:#6f7274;font-size:.55rem;text-transform:uppercase}.build-card li strong{margin-top:4px;font-size:.7rem}.attachment-lock{margin:14px;padding:18px;border:1px solid #5a471c;background:#211a0d}.attachment-lock strong{color:#f0c76d;text-transform:uppercase}.attachment-lock p{margin-top:5px;font-size:.72rem}.ranked-loadout-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid var(--border);color:#747779;font-size:.58rem;text-transform:uppercase}.ranked-loadout-card>footer a{color:#d28d92;text-decoration:underline;text-underline-offset:3px}.asset-status--third-party{color:#9bc8ff;border-color:#244b72;background:#102034}.rating-form select{min-width:120px}.rating-form+small{display:block;margin-top:5px;color:#6e7072;font-size:.55rem}
@media(max-width:1050px){.build-stack{grid-template-columns:1fr}}@media(max-width:780px){.ranked-source-note{grid-template-columns:1fr}.ranked-loadout-card>summary{grid-template-columns:auto 1fr auto}.ranked-loadout-card>summary .status-chip{display:none}.build-card ul{grid-template-columns:1fr}.build-card li{border-right:0}.ranked-loadout-card>footer{align-items:flex-start;flex-direction:column}}

/* Mobile-first app experience */
.mobile-bottom-nav{display:none}.mobile-nav-icon{width:23px;height:23px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:color .16s ease,transform .16s ease}.mobile-more-backdrop[hidden]{display:none}.mobile-more-backdrop{position:fixed;z-index:78;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(3px)}.mobile-more-sheet{position:fixed;z-index:79;left:50%;bottom:0;width:min(100%,520px);max-height:min(82vh,720px);display:flex;flex-direction:column;padding:20px 18px calc(18px + env(safe-area-inset-bottom));background:#111315;border:1px solid #3b3e42;border-bottom:0;border-radius:14px 14px 0 0;box-shadow:0 -24px 70px rgba(0,0,0,.55);transform:translate(-50%,105%);visibility:hidden;transition:transform .22s ease,visibility .22s}.mobile-more-sheet.is-open{transform:translate(-50%,0);visibility:visible}.mobile-more-sheet>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border)}.mobile-more-sheet>header h2{margin-top:5px}.mobile-more-sheet>header button{width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:#1a1c1f;font-size:1.5rem}.mobile-more-sheet>nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 0;overflow-y:auto}.mobile-more-sheet>nav>a,.mobile-more-sheet>nav>button{min-height:68px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:10px 13px;border:1px solid var(--border);background:#17191c;text-align:left}.mobile-more-sheet>nav strong,.mobile-more-sheet>nav small{display:block}.mobile-more-sheet>nav strong{text-transform:uppercase}.mobile-more-sheet>nav small{margin-top:3px}.mobile-more-sheet>form .button{width:100%}
.event-glance{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:22px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#0e1012}.event-glance>div{min-height:82px;display:flex;flex-direction:column;justify-content:center;padding:13px 16px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.event-glance>div:nth-child(3n){border-right:0}.event-glance>div:nth-last-child(-n+3){border-bottom:0}.event-glance small,.event-glance strong{display:block}.event-glance small{color:#727473;font-size:.58rem;font-weight:900;letter-spacing:.1em}.event-glance strong{margin-top:5px;font-size:.78rem}.rsvp-actions{display:grid;gap:9px}.rsvp-actions form{margin:0}.rsvp-button{width:100%;min-height:58px;display:grid;grid-template-columns:32px 1fr;align-items:center;padding:8px 13px;border:1px solid #3a3d40;border-radius:4px;background:#181a1d;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}.rsvp-button>span{font-size:1.2rem}.rsvp-button strong{font-size:.78rem}.rsvp-button:hover{transform:translateY(-1px);border-color:#65686c}.rsvp-button.is-selected{border-color:#9e252c;background:#271215;box-shadow:inset 3px 0 var(--red)}.rsvp-button--unavailable.is-selected{border-color:#555;background:#202225;box-shadow:inset 3px 0 #777}.rsvp-button.is-pending{opacity:.7}.rsvp-feedback{min-height:22px;margin-top:10px;color:#9bd5b5;font-size:.69rem;font-weight:800}.rsvp-feedback.is-error{color:#ef9499}.personal-team-card{min-height:72px;display:flex;flex-direction:column;justify-content:center;margin-top:12px;padding:11px 13px;border:1px solid #31463a;background:#101b15}.personal-team-card small,.personal-team-card strong,.personal-team-card span{display:block}.personal-team-card strong{margin:3px 0;font:900 1.15rem var(--display);text-transform:uppercase}.personal-team-card span{color:#8ca597;font-size:.62rem}.whatsapp-share{margin-bottom:18px}.whatsapp-share>summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}.whatsapp-share>summary::-webkit-details-marker{display:none}.whatsapp-share>summary strong{display:block;margin-top:5px;font:900 1.35rem var(--display);text-transform:uppercase}.share-editor{display:grid;grid-template-columns:minmax(190px,.45fr) minmax(320px,1fr) auto;align-items:end;gap:12px;padding-top:18px;border-top:1px solid var(--border)}.share-editor label{display:grid;gap:6px;color:#999;font-size:.64rem;font-weight:900;text-transform:uppercase}.share-editor select,.share-editor textarea{width:100%;min-height:44px;padding:9px 11px;border:1px solid #34373b;background:#0c0e10}.share-editor textarea{min-height:130px;resize:vertical;text-transform:none}.share-editor>small{grid-column:1/-1}.button--whatsapp{background:#146d3d;border-color:#239b5b}.button--whatsapp:hover{background:#19834b;border-color:#31b66d}.remember-field{min-height:56px!important;display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:11px!important;padding:8px 10px;border:1px solid var(--border);background:#101214}.remember-field input{width:24px!important;height:24px!important;min-height:24px!important;accent-color:var(--red)}.remember-field strong,.remember-field small{display:block}.profile-onboarding{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-bottom:18px;padding:13px;border:1px solid #493134;background:#171113}.profile-onboarding span{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--red);color:white}.profile-onboarding strong{font-size:.65rem;text-transform:uppercase}.offline-page{min-height:100vh;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));background:#08090a}.offline-card{width:min(100%,480px);padding:30px;border:1px solid var(--border);background:#111315;text-align:center}.offline-card img{width:96px;height:96px;margin:0 auto 20px;object-fit:cover}.offline-card h1{margin:10px 0}.offline-card p{margin-bottom:22px}

@media(max-width:980px){.share-editor{grid-template-columns:1fr}.share-editor textarea{min-height:150px}}
@media(max-width:780px){
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom));overflow-x:hidden}.sheet-open{overflow:hidden}.sidebar{display:none}.main-column{min-height:100vh}.topbar{height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.topbar-context strong{font-size:.58rem}.account-menu>a{min-width:44px;min-height:44px;justify-content:flex-end}.account-avatar{width:38px;height:38px}.page{padding:22px max(14px,env(safe-area-inset-right)) 24px max(14px,env(safe-area-inset-left))}.event-section-stack,.event-section-stack>.panel,.event-wizard,.event-wizard>.panel{min-width:0;width:100%}.series-builder{max-width:100%}.mobile-bottom-nav{position:fixed;z-index:75;left:0;right:0;bottom:0;height:calc(66px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);padding:5px max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left));border-top:1px solid #35383c;background:rgba(11,13,15,.97);box-shadow:0 -12px 30px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.mobile-bottom-nav a,.mobile-bottom-nav button{position:relative;min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:2px;border:0;background:transparent;color:#858887}.mobile-bottom-nav .mobile-nav-icon{width:23px;height:23px}.mobile-bottom-nav strong{max-width:100%;overflow:hidden;font-size:.55rem;letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase}.mobile-bottom-nav a.active{color:#fff}.mobile-bottom-nav a.active .mobile-nav-icon{color:var(--red-hot);transform:translateY(-1px)}.mobile-bottom-nav a.active::after{content:"";position:absolute;left:28%;right:28%;bottom:1px;height:2px;background:var(--red);box-shadow:0 0 8px var(--red)}.mobile-bottom-nav button[aria-expanded="true"]{color:#fff}.mobile-bottom-nav button[aria-expanded="true"] .mobile-nav-icon{color:var(--red-hot)}.page-header{gap:15px}.page-header h1{font-size:clamp(2.25rem,12vw,3.4rem);overflow-wrap:anywhere}.event-mobile-header .header-actions{width:100%;justify-content:flex-start}.event-glance{grid-template-columns:1fr 1fr;margin-bottom:17px}.event-glance>div{min-height:76px;padding:11px}.event-glance>div:nth-child(3n){border-right:1px solid var(--border)}.event-glance>div:nth-child(2n){border-right:0}.event-glance>div:nth-last-child(-n+3){border-bottom:1px solid var(--border)}.event-glance>div:nth-last-child(-n+2){border-bottom:0}.event-glance strong{font-size:.72rem}.section-tabs a,.competitive-switcher a{min-height:44px}.panel{padding:16px;border-radius:5px}.panel-heading{gap:12px;margin-bottom:17px}.brief-grid>div{min-height:76px;padding:12px}.registration-panel{order:-1}.rsvp-button{min-height:60px}.whatsapp-share{padding:16px}.whatsapp-share>summary{min-height:54px}.share-editor .button{width:100%;min-height:52px}.event-series-row{display:flex;gap:10px;margin-left:-16px;margin-right:-16px;padding:0 16px 4px;overflow-x:auto;scroll-snap-type:x mandatory}.event-series-card{min-width:82%;scroll-snap-align:start}.event-series-visual{height:160px}.event-grid{gap:12px}.event-card{min-height:270px;padding:17px}.event-card h2{margin:20px 0 8px}.event-card dl{margin-top:16px}.team-grid{gap:12px}.team-card>header{padding:15px}.roster-list{padding:4px 13px}.roster-list>div{min-height:70px}.form-stack input,.form-stack select,.form-stack textarea,.form-grid input,.form-grid select,.form-grid textarea{min-height:48px;font-size:16px}.form-actions .button{width:100%;min-height:52px}.check-field{min-height:44px}.check-field input,.custom-toggle input{width:24px!important;height:24px!important;min-height:24px!important}.button--small{min-height:44px}.text-link,.danger-link{min-height:44px;align-items:center}.table-wrap{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px);padding:0 16px}.profile-onboarding{grid-template-columns:auto 1fr;gap:6px 10px}.auth-page{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.auth-card{padding:20px}.auth-brand{margin-top:8px}.auth-brand img{width:56px;height:56px}.auth-card .button{min-height:52px}.mobile-more-sheet>nav{grid-template-columns:1fr}.ranked-loadout-card>summary{min-height:70px;padding:12px}.ranked-weapon-visual img{height:165px}.filter-bar input{font-size:16px}.sticky-actions{bottom:calc(78px + env(safe-area-inset-bottom))}
}

/* App-wide live data updates. */
.live-update-notice{position:fixed;right:22px;bottom:22px;z-index:1400;display:flex;align-items:center;gap:16px;width:min(520px,calc(100vw - 32px));padding:14px 16px 14px 18px;border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:0 18px 48px rgba(0,0,0,.48);color:var(--text);font-size:.78rem;font-weight:650;line-height:1.45}
.live-update-notice span{flex:1;min-width:0}.live-update-notice .button{flex:0 0 auto;min-height:42px;padding:10px 15px}
@media(max-width:780px){.live-update-notice{right:16px;bottom:calc(94px + env(safe-area-inset-bottom));align-items:stretch;flex-direction:column;gap:11px}.live-update-notice .button{width:100%}}

/* Personal Ranked loadouts. */
.profile-loadout-hub{display:grid;justify-items:start;gap:16px;margin-top:24px}.profile-loadout-hub .panel-heading{width:100%;margin:0}.profile-loadout-hub p{max-width:760px;margin:0}
.loadout-source-state{margin:0 0 30px}.loadout-source-state__content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.loadout-source-state__content>div{display:grid;gap:6px;padding:0}.loadout-source-state__content span,.player-loadout-weapon span,.player-loadout-kit dt{color:var(--muted);font-size:.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.loadout-source-state__content p{grid-column:1/-1;margin:0;padding-top:4px}
.player-loadout-builder{margin-bottom:30px;padding:0;overflow:hidden}.player-loadout-builder>summary.panel-heading{min-height:74px;align-items:center;margin:0;padding:var(--content-inset);cursor:pointer;list-style:none}.player-loadout-builder>summary::-webkit-details-marker{display:none}.player-loadout-builder>summary .accordion-toggle{flex:0 0 30px}.player-loadout-builder[open]>summary .accordion-toggle::after{transform:rotate(0)}.player-loadout-builder__content{padding:4px var(--content-inset) var(--content-inset)}.loadout-builder-tools{display:flex;justify-content:flex-end;margin-bottom:14px}.loadout-builder-section{display:grid;gap:14px;margin-top:8px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.loadout-builder-section header{display:grid;gap:5px}.loadout-builder-section h3{font-size:1.12rem}.loadout-builder-section header small{color:var(--muted);font-size:.7rem}.loadout-builder-section .empty-state{min-height:96px;width:100%;grid-column:1/-1;padding:18px;border-radius:var(--radius-control);background:var(--surface-sunken);color:var(--muted)}
.loadout-builder-section header p{margin:2px 0 0;color:var(--muted);font-size:.74rem}.loadout-picker-grid{align-items:start}.loadout-picker-field{position:relative;display:grid;gap:9px;min-width:0}.loadout-picker-field>label{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.loadout-native-select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.loadout-visual-picker{display:grid;gap:8px}.loadout-visual-choice{position:relative;width:100%;min-height:70px;display:flex;align-items:center;gap:14px;padding:10px 42px 10px 14px;border:0;border-radius:var(--radius-control);background:var(--surface-sunken);color:var(--text);text-align:left;box-shadow:none;cursor:pointer;transition:background .16s ease,box-shadow .16s ease,transform .16s ease,opacity .16s ease}.loadout-visual-choice:hover{background:#252529;box-shadow:var(--shadow-action)}.loadout-visual-choice:active{transform:translateY(1px);box-shadow:var(--shadow-input)}.loadout-visual-choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.loadout-visual-choice.is-selected{background:#29292d;box-shadow:var(--shadow-action)}.loadout-visual-choice.is-selected::after{content:'✓';position:absolute;right:14px;top:50%;width:22px;height:22px;display:grid;place-items:center;transform:translateY(-50%);border-radius:50%;background:var(--accent);color:#fff;font-size:.7rem;font-weight:900}.loadout-visual-choice:disabled{opacity:.34;cursor:not-allowed;box-shadow:none;transform:none}.loadout-visual-choice img{width:50px;height:50px;flex:0 0 50px;object-fit:contain}.loadout-visual-choice>span:not(.loadout-visual-choice__empty){display:grid;gap:5px;min-width:0}.loadout-visual-choice strong{font-size:.83rem;line-height:1.2;overflow-wrap:anywhere}.loadout-visual-choice small{color:var(--muted);font-size:.57rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.loadout-visual-choice--empty{min-height:44px;padding-block:8px}.loadout-visual-choice--empty>span{width:28px;color:var(--muted);font-size:1.1rem;text-align:center}.loadout-visual-choice--empty strong{color:var(--muted);font-size:.7rem}
.player-loadout-library,.player-profile-loadouts{margin-top:30px}.player-loadout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.player-loadout-card{display:grid;align-content:start;gap:16px;min-width:0}.player-loadout-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.player-loadout-card__header h3{margin-top:10px;font-size:1.45rem}.player-loadout-weapon{min-height:112px;display:flex;align-items:center;gap:18px;padding:15px 16px;border-radius:var(--radius-inner);background:#090b0c;overflow:hidden}.player-loadout-weapon img{width:48%;max-width:250px;height:82px;object-fit:contain}.player-loadout-weapon div{display:grid;gap:6px}.player-loadout-weapon strong{font-size:1.08rem}.player-loadout-attachments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:0;padding:0;list-style:none}.player-loadout-attachments li{display:flex;align-items:center;gap:10px;min-width:0;padding:0;background:transparent}.player-loadout-attachments img,.loadout-selection-visual img,.player-loadout-visual img{width:48px;height:48px;flex:0 0 48px;object-fit:contain;border-radius:0;background:transparent}.player-loadout-attachments span{display:grid;gap:4px;min-width:0}.player-loadout-attachments small{color:var(--muted);font-size:.57rem;font-weight:900;text-transform:uppercase}.player-loadout-attachments strong{font-size:.72rem;line-height:1.35}.player-loadout-kit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:0}.player-loadout-kit div{min-width:0}.player-loadout-kit__wide{grid-column:1/-1}.player-loadout-kit dd{margin:5px 0 0;font-size:.75rem;font-weight:800;line-height:1.45}.player-loadout-notes{margin:0;padding-top:14px;border-top:1px solid rgba(255,255,255,.05)}.player-loadout-warning{margin:0;padding:12px 14px;border-radius:var(--radius-control);background:rgba(224,167,47,.1);color:#f4dca4;font-size:.7rem}.player-loadout-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:4px}.player-loadout-actions form,.player-loadout-actions button{width:100%;margin:0}
.loadout-selection-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.loadout-selection-preview>.empty-state{grid-column:1/-1}.loadout-selection-visual,.player-loadout-visual{display:flex;align-items:center;gap:10px;min-width:0}.loadout-selection-visual span,.player-loadout-visual span{display:grid;gap:4px;min-width:0}.loadout-selection-visual small,.player-loadout-visual small{color:var(--muted);font-size:.56rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.loadout-selection-visual strong,.player-loadout-visual strong{font-size:.7rem;line-height:1.25;overflow-wrap:anywhere}.player-loadout-visuals{gap:16px 20px}
@media(max-width:780px){.profile-loadout-hub{width:100%}.loadout-source-state__content{grid-template-columns:1fr;gap:14px}.loadout-source-state__content p{grid-column:1}.player-loadout-grid{grid-template-columns:1fr}.player-loadout-card__header{align-items:flex-start}.player-loadout-weapon{min-height:98px}.player-loadout-weapon img{height:66px}.player-loadout-attachments{grid-template-columns:repeat(2,minmax(0,1fr))}.player-loadout-library .section-heading,.player-profile-loadouts .section-heading{align-items:flex-start}.player-loadout-actions .button{min-height:44px}}
@media(max-width:780px){.loadout-selection-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.loadout-picker-grid{grid-template-columns:1fr}.loadout-visual-choice{min-height:66px}.loadout-visual-choice img{width:46px;height:46px;flex-basis:46px}}
@media(max-width:420px){.player-loadout-card__header{display:grid}.player-loadout-kit{grid-template-columns:1fr 1fr}.player-loadout-weapon{gap:12px;padding:13px}.player-loadout-weapon img{width:43%}}
.ios-install-guide{position:fixed;z-index:120;inset:0;display:grid;place-items:end center;padding:18px;background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}.ios-install-guide[hidden]{display:none!important}.ios-install-card{position:relative;width:min(100%,470px);padding:24px;border:1px solid #414449;border-radius:14px;background:#121416;box-shadow:0 25px 80px rgba(0,0,0,.65)}.ios-install-card h2{margin:7px 0 18px}.ios-install-card ol{display:grid;gap:9px;margin:0 0 16px;padding:0;list-style:none}.ios-install-card li{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:58px;padding:8px 10px;border:1px solid var(--border);background:#0c0e10}.ios-install-card li>strong{display:grid;width:30px;height:30px;place-items:center;border:1px solid #713038;color:#fff}.ios-install-card li span{font-size:.75rem}.ios-install-card li i{margin-left:5px;color:#a9cfff;font-style:normal}.ios-install-card p{margin-bottom:17px;font-size:.68rem}.ios-install-card>.button{width:100%}.ios-install-close{position:absolute;top:13px;right:13px;width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:#1b1d20;color:#fff;font-size:1.35rem}
@media(max-width:390px){.brief-grid{grid-template-columns:1fr}.brief-grid>div{border-right:0!important;border-bottom:1px solid var(--border)!important}.brief-grid>div:last-child{border-bottom:0!important}.event-card dl{grid-template-columns:1fr 1fr}.event-card dl div:nth-child(2){border-right:0}.event-card dl div:last-child{grid-column:1/-1;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-soft)}.mobile-bottom-nav strong{font-size:.5rem}}
@media(max-width:780px) and (orientation:landscape){.mobile-bottom-nav{height:calc(58px + env(safe-area-inset-bottom))}.mobile-bottom-nav a,.mobile-bottom-nav button{min-height:48px}.page{padding-top:16px}.topbar{height:calc(52px + env(safe-area-inset-top))}}

/* Responsive content: horizontal scrolling is reserved for deliberate sliders and brackets. */
html,body{max-width:100%;overflow-x:clip}body{min-width:0}.app-shell,.main-column,.page,.panel,.table-wrap{min-width:0;max-width:100%}.table-wrap{width:100%;overflow:visible}table{width:100%;min-width:0}th,td{overflow-wrap:anywhere}details pre{width:100%;max-width:100%;overflow-wrap:anywhere}.section-tabs,.competitive-switcher{flex-wrap:wrap;overflow:visible}.section-tabs a,.competitive-switcher a{white-space:normal;text-align:center}.inline-admin{min-width:0;flex-wrap:wrap}.inline-editor>form{width:100%;min-width:0}.status,.status-chip{max-width:100%;white-space:normal;text-align:center}.match-config-grid,.series-builder{overflow:visible}.match-slot-config,.series-slot{min-width:0}
@media(max-width:1160px){.match-config-grid,.series-builder{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1160px){.map-status-picker{grid-column:2/-1;width:100%;min-width:0}}
@media(max-width:780px){.match-config-grid,.series-builder{grid-template-columns:1fr}.series-builder{padding:16px}.map-status-picker{grid-column:1/-1}.match-admin-card>header,.match-admin-meta{align-items:flex-start;flex-direction:column}.match-admin-meta{width:100%}.match-total{justify-content:center}.wizard-step,.choice-grid,.series-builder{min-width:0}.version-lock{margin-left:16px;margin-right:16px}}
@media(max-width:900px){
  .table-wrap{margin:0;width:100%;padding:0}
  .table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%;min-width:0}
  .table-wrap thead{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
  .table-wrap tbody{display:grid;gap:10px}
  .table-wrap tr{padding:6px 11px;border:1px solid var(--border);border-radius:4px;background:#0d0f11}
  .table-wrap tr:hover{background:#0f1113}
  .table-wrap td{display:grid;grid-template-columns:minmax(92px,.38fr) minmax(0,1fr);gap:8px 13px;padding:11px 2px;border-bottom:1px solid var(--border-soft)}
  .table-wrap td:last-child{border-bottom:0}
  .table-wrap td:empty{display:none}
  .table-wrap td::before{content:attr(data-label);grid-column:1;color:#707272;font-size:.55rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
  .table-wrap td>*{grid-column:2;min-width:0;max-width:100%}
  .table-wrap td>form{width:100%;margin:0}
  .table-wrap .inline-admin{align-items:stretch;flex-direction:column;width:100%}
  .table-wrap .inline-admin select,.table-wrap .inline-admin .button,.table-wrap .rating-form select{width:100%;min-width:0}
  .table-wrap details pre{width:100%;max-width:100%}
}
@media(max-width:460px){.table-wrap td{grid-template-columns:1fr;gap:5px}.table-wrap td::before,.table-wrap td>*{grid-column:1}.map-score{width:100%}.map-score label{min-width:0;flex:1}.map-score input{width:100%}.scoreboard{max-width:100%}}
.custom-map-field[hidden]{display:none!important}
[hidden]{display:none!important}
.ranked-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
@media(max-width:900px){.ranked-meta-grid{grid-template-columns:1fr}}
@media(max-width:780px){
  .bracket-shell{overflow:visible;padding:4px 0 20px}
  .bracket{min-width:0;display:grid;grid-template-columns:1fr;gap:30px}
  .bracket-round{width:100%;min-width:0}
  .bracket-round>header{min-height:58px}
  .bracket-matches{display:grid;grid-template-columns:1fr;gap:24px;padding:14px 0 0}
  .bracket-match::after{top:auto;right:auto;left:50%;bottom:-31px;width:0;height:30px;border-top:0;border-left:1px solid #383b3f}
  .bracket-round:last-child .bracket-match::after{display:none}
}
.status--confirmed{color:#bdf0d5;background:#10271c;border-color:#24543a}.status--confirmed::before{background:var(--green)}
.status--substitute{color:#c6dcff;background:#111e32;border-color:#294b75}.status--substitute::before{background:#65a9ff}
.status--unavailable,.status--cancelled{color:#ffc3c5;background:#2a1114;border-color:#61242a}.status--unavailable::before,.status--cancelled::before{background:var(--red-hot)}
.registration-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 18px;padding:1px;background:var(--border)}.registration-tabs button{display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:0;background:#111315;color:#858887;font:900 .65rem/1.1 var(--body);letter-spacing:.05em;text-transform:uppercase}.registration-tabs button b{display:grid;min-width:24px;height:24px;place-items:center;border-radius:99px;background:#232629;color:#fff}.registration-tabs button.active{box-shadow:inset 0 -3px 0 var(--red);background:#1a1416;color:#fff}.registration-tabs button[data-registration-tab="confirmed"].active{box-shadow:inset 0 -3px 0 var(--green);background:#101b15}.registration-tabs button[data-registration-tab="substitute"].active{box-shadow:inset 0 -3px 0 #65a9ff;background:#101823}.empty-registration-list{margin:0;padding:22px;border:1px solid var(--border-soft);text-align:center}
@media(max-width:620px){.registration-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.registration-tabs button{min-height:62px;flex-direction:column;justify-content:center;gap:6px;padding:8px 4px;font-size:clamp(.5rem,2.4vw,.58rem);letter-spacing:.025em}.registration-tabs button b{min-width:22px;height:22px;font-size:.65rem}}
.series-format-control{display:grid;grid-template-columns:minmax(260px,430px);margin:0 0 18px;padding:16px;border:1px solid var(--border);background:#0d0f11}.series-format-control label{display:grid;gap:5px;margin:0;color:#888;font-size:.61rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.series-format-control select{width:100%;min-height:42px;margin:0;padding:7px 9px;border:1px solid #34373b;border-radius:0;background:#111315;color:#eee}.series-format-control small{display:block;margin-top:2px;color:#777;font-size:.65rem;font-weight:600;letter-spacing:0;line-height:1.5;text-transform:none}.series-format-control select:focus{border-color:#7d2a2e;outline:none}.series-format-control select:disabled{opacity:.72;cursor:not-allowed}
@media(max-width:620px){.series-format-control{grid-template-columns:1fr;padding:13px}}

/* 2Bein Gaming PWA redesign · OpenDesign clan-product */
@layer app-redesign {
  :root{
    --accent:#fd1234;--red:#fd1234;--red-hot:#ff3655;--red-dark:#74091a;
    --bg:#070709;--bg-deep:#040405;--surface:#101013;--surface-2:#17171b;--surface-3:#1d1d22;
    --text:#f7f6f4;--muted:#a5a3a4;--muted-2:#77757a;--border:#2b2b31;--border-soft:#202025;
    --radius-card:22px;--radius-control:14px;--radius-pill:999px;--radius:var(--radius-card);
    --shadow:0 24px 70px rgba(0,0,0,.42);--shadow-soft:0 12px 34px rgba(0,0,0,.25);
    --display:Inter,"SF Pro Display","Segoe UI",system-ui,sans-serif;--body:Inter,"SF Pro Text","Segoe UI",system-ui,sans-serif
  }
  html{background:var(--bg-deep)}
  body{background:radial-gradient(circle at 86% -12%,rgba(253,18,52,.10),transparent 30%),var(--bg);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
  body::before{opacity:.035;background-size:52px 52px}
  h1,h2,h3{font-family:var(--display);font-stretch:normal;line-height:1.04;letter-spacing:-.025em}h1{font-weight:850}h2,h3{font-weight:800}p{line-height:1.65}
  :focus-visible{outline:3px solid rgba(253,18,52,.9);outline-offset:3px}
  .app-shell{grid-template-columns:276px minmax(0,1fr)}
  .sidebar{width:276px;padding:20px 16px;background:rgba(12,12,15,.97);border-color:rgba(255,255,255,.075);box-shadow:18px 0 60px rgba(0,0,0,.32)}
  .brand{gap:13px;padding:4px 7px 20px;margin-bottom:18px}.brand img{width:56px;height:56px;border-color:rgba(253,18,52,.38);border-radius:16px;box-shadow:0 10px 28px rgba(253,18,52,.15)}
  .brand strong{font-size:1.32rem;letter-spacing:.02em}.brand small{color:#8e8c91;font-size:.65rem;letter-spacing:.16em}
  .sidebar nav{gap:22px}.nav-kicker{padding-left:14px;color:#68676c}.nav-link{min-height:48px;padding:0 14px;border:0;border-radius:13px;color:#949298}
  .nav-link:hover,.nav-link.active{color:#fff;background:#1a1a1f;transform:none}.nav-link.active{box-shadow:inset 3px 0 var(--accent),0 9px 26px rgba(0,0,0,.13)}
  .sidebar-footer{margin:16px 4px 0;padding:16px 10px 4px}.main-column{grid-column:2}
  .topbar{height:76px;padding:0 34px;background:rgba(7,7,9,.76);border-color:rgba(255,255,255,.065);backdrop-filter:blur(24px) saturate(120%)}
  .account-avatar,.player-mark{border-color:#38383f;border-radius:12px;background:#17171b}.quiet-action{min-height:38px;padding:0 10px;border-radius:10px}.quiet-action:hover{background:#1b1b20;color:#fff}
  .page{width:min(100%,1500px);padding:46px 38px 90px}.page-header{margin-bottom:32px}.page-header h1{margin-top:8px;text-wrap:balance}
  .panel,.event-card,.team-card,.ranked-loadout-card,.metric-strip,.filter-bar,.event-glance,.match-admin-card,.pool-matrix,.series-format-control,.configuration-panel,.whatsapp-share{border:1px solid rgba(255,255,255,.095);border-radius:var(--radius-card);background:#111114;box-shadow:var(--shadow-soft)}
  .panel{padding:26px}.panel::before{display:none}.panel-heading{margin-bottom:24px}.eyebrow{color:#918f94}
  .button{min-height:46px;padding:0 19px;border-color:#3b3b42;border-radius:var(--radius-control);background:#202025;font-size:.7rem;letter-spacing:.055em;box-shadow:none}.button:hover{background:#29292f;border-color:#505058}
  .button--primary{background:var(--accent);border-color:var(--accent);box-shadow:0 10px 26px rgba(253,18,52,.22)}.button--primary:hover{background:#ff3150;border-color:#ff3150}.button--ghost{background:#17171b}.button--small{min-height:38px;border-radius:11px}
  .filter-bar{min-height:72px;padding:13px 16px}.search input{border-radius:12px;background:#19191e}input,select,textarea{accent-color:var(--accent)}
  .form-stack input,.form-stack select,.form-stack textarea,.form-grid input,.form-grid select,.form-grid textarea,.inline-admin select,.team-edit input,.map-score input,.sync-hero select,.share-editor select,.share-editor textarea,.series-format-control select{min-height:48px;padding:10px 13px;border:1px solid #34343b;border-radius:var(--radius-control);background:#0b0b0e;color:var(--text)}
  .form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.series-format-control select:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px rgba(253,18,52,.13)}select{color-scheme:dark}
  .form-panel{overflow:hidden;padding:0}.form-panel>.form-grid{padding-top:28px}.form-panel>.form-grid,.form-panel>hr,.form-panel>.form-actions{margin-left:28px;margin-right:28px}.form-section{padding:29px 28px}
  .event-grid,.team-grid{gap:20px}.event-card{min-height:310px;padding:24px}.event-card:hover{transform:translateY(-4px);border-color:rgba(253,18,52,.38);box-shadow:0 20px 44px rgba(0,0,0,.35)}.event-card::after{height:3px;background:var(--accent)}
  .card-link span{color:var(--accent)}.team-card{overflow:hidden}.team-card>header{background:#151519}.ranked-loadout-card{overflow:hidden}.ranked-loadout-card>summary{background:#141418}.ranked-loadout-card[open]{border-color:rgba(253,18,52,.28)}
  .ranked-weapon-visual img,.event-series-visual img,.map-card img,.map-preview img{border-radius:15px}.brief-grid{border-radius:18px}.status{min-height:29px;padding:0 10px;border-radius:var(--radius-pill)}.alert{border-radius:16px}
  .section-tabs,.competitive-switcher{gap:7px;padding:6px;border:1px solid var(--border);border-radius:16px;background:#0d0d10}.section-tabs a,.competitive-switcher a{min-height:43px;border-radius:11px}.section-tabs a.active,.section-tabs a:hover,.competitive-switcher a.active,.competitive-switcher a:hover{background:#202025}
  .map-row,.event-series-card,.build-card,.match-slot-config,.series-slot{border-radius:18px;overflow:hidden}.registration-tabs{gap:6px;padding:6px;border:1px solid var(--border);border-radius:16px;background:#0d0d10}.registration-tabs button{border-radius:11px}
}

/* Borderless material hierarchy · intentionally unlayered so it wins over legacy CSS. */
:root{
  --outline:none;
  --surface-page:#0b0b0d;
  --surface-shell:#111113;
  --surface-card:#18181b;
  --surface-raised:#202023;
  --surface-control:#232327;
  --surface-sunken:#101012;
  --muted:#aaa8ac;
  --muted-2:#949297;
  --shadow-raised:0 14px 34px rgba(0,0,0,.22);
  --shadow-raised-soft:3px 3px 9px rgba(0,0,0,.24),-2px -2px 6px rgba(255,255,255,.018);
  --shadow-recessed:inset 3px 3px 8px rgba(0,0,0,.32),inset -2px -2px 6px rgba(255,255,255,.018);
  --shadow-pressed:inset 2px 2px 6px rgba(0,0,0,.36),inset -1px -1px 4px rgba(255,255,255,.015);
  --shadow-panel:var(--shadow-raised);
  --shadow-action:var(--shadow-raised-soft);
  --shadow-input:var(--shadow-recessed);
  --space-1:6px;
  --space-2:10px;
  --space-3:16px;
  --space-4:22px;
  --space-5:30px;
  --radius-inner:16px;
  --border:transparent;
  --border-soft:transparent
}
body{background:radial-gradient(circle at 84% -18%,rgba(253,18,52,.075),transparent 31%),var(--surface-page)}
body .app-shell *,body .auth-shell *,body .install-guide *,body .mobile-more-sheet *{border-color:transparent!important}
.sidebar{background:var(--surface-shell);border:0;box-shadow:18px 0 65px rgba(0,0,0,.28)}
.brand,.sidebar-footer,.topbar{border:0}.topbar{background:rgba(11,11,13,.8);box-shadow:0 12px 36px rgba(0,0,0,.12)}
.nav-link{background:transparent}.nav-link:hover{background:var(--surface-raised)}.nav-link.active{background:var(--surface-raised);box-shadow:0 12px 26px rgba(0,0,0,.2)}
.nav-link.active::before{content:"";width:5px;height:5px;margin-right:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(253,18,52,.6)}
.panel,.event-card,.team-card,.ranked-loadout-card{border:var(--outline);background:var(--surface-card);box-shadow:0 20px 52px rgba(0,0,0,.25)}
.metric-strip,.filter-bar,.event-glance,.match-admin-card,.pool-matrix,.series-format-control,.configuration-panel,.whatsapp-share,.player-profile-card,.event-series-card,.build-card,.map-card,.rule-category,.sync-launch,.official-source-strip{border:var(--outline);background:var(--surface-card);box-shadow:0 18px 42px rgba(0,0,0,.2)}
.panel--feature{background:#1b1b1e}.panel--feature::after{opacity:.28}
.panel::before,.event-card::after{display:none}
.pwa-feature-card,.notification-preferences,.notification-preferences label,.install-guide__card,.install-guide__card li,.mobile-more-sheet,.mobile-more-sheet>nav>a,.mobile-more-sheet>nav>button{border:var(--outline)}
.pwa-feature-card,.notification-preferences,.install-guide__card{background:var(--surface-card)}
.notification-preferences label,.install-guide__card li,.mobile-more-sheet>nav>a,.mobile-more-sheet>nav>button{background:var(--surface-sunken)}
.auth-card{border:var(--outline);background:var(--surface-card);box-shadow:0 30px 90px rgba(0,0,0,.48)}
.button{border:var(--outline);background:var(--surface-control);box-shadow:none}.button:hover{border:var(--outline);background:#2d2d32}.button--primary{border:var(--outline);background:var(--accent);box-shadow:0 12px 30px rgba(253,18,52,.22)}.button--primary:hover{border:var(--outline);background:#ff3150}.button--ghost{border:var(--outline);background:var(--surface-raised)}
.quiet-action:hover{background:var(--surface-control)}
.form-stack input,.form-stack select,.form-stack textarea,.form-grid input,.form-grid select,.form-grid textarea{border:var(--outline);background:var(--surface-control);box-shadow:none}
.inline-admin select,.team-edit input,.map-score input,.sync-hero select,.share-editor select,.share-editor textarea,.series-format-control select,.search input{border:var(--outline);border-radius:var(--radius-control);background:var(--surface-control);box-shadow:none}
.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.inline-admin select:focus,.team-edit input:focus,.map-score input:focus,.sync-hero select:focus,.share-editor select:focus,.share-editor textarea:focus,.series-format-control select:focus,.search input:focus{border:var(--outline);outline:0;box-shadow:0 0 0 3px rgba(253,18,52,.22);background:#29292d}
.status{border:var(--outline);box-shadow:none}.status--registration_open,.status--active,.status--approved,.status--completed,.status--confirmed{border:var(--outline)}.status--live,.status--failed,.status--blocked,.status--unavailable,.status--cancelled{border:var(--outline)}.status--preview,.status--pending,.status--substitute{border:var(--outline)}
.section-tabs,.competitive-switcher,.registration-tabs{border:var(--outline);background:var(--surface-sunken);box-shadow:none}.section-tabs a,.competitive-switcher a,.registration-tabs button{border:var(--outline)}.section-tabs a.active,.section-tabs a:hover,.competitive-switcher a.active,.competitive-switcher a:hover,.registration-tabs button.active{background:var(--surface-control);box-shadow:none}
.data-list{gap:8px}.data-row,.match-row{min-height:66px;padding:12px 14px;border:0;border-radius:14px;background:var(--surface-sunken)}.data-row:first-child,.match-row:first-child{border:0}
.brief-grid,.stat-grid,.player-profile-stats{gap:6px;border:0;background:transparent;overflow:visible}.brief-grid>div,.stat-grid>div,.player-profile-stats>div{border:0;border-radius:14px;background:var(--surface-sunken)}
.event-card dl,.event-card dl div,.event-card__admin,.event-spotlight,.event-spotlight div,.event-glance>div,.team-card>header,.roster-list>div,.ranked-loadout-card>footer,.form-section,.form-panel hr,.map-row,.ranked-loadout-card>summary,.build-card li,.match-slot-config,.series-slot,.rule-block,.attachment-lock,.personal-team-card,.whatsapp-share>summary,.share-editor{border:0}
.event-card dl{gap:5px}.event-card dl div{border-radius:10px;background:var(--surface-sunken)}
.team-card>header,.ranked-loadout-card>summary{background:var(--surface-raised)}
.roster-list{display:grid;gap:7px;padding-top:8px;padding-bottom:8px}.roster-list>div{border-radius:14px;background:var(--surface-sunken)}
.map-row,.match-slot-config,.series-slot,.rule-block,.attachment-lock,.personal-team-card,.build-card li{background:var(--surface-sunken)}
.map-status-picker{gap:8px}.map-status-picker span{border:0;background:var(--surface-control)}.map-status-picker input:checked+span{border:0;background:var(--accent);box-shadow:0 10px 24px rgba(253,18,52,.2)}
.table-wrap table{border:0;border-spacing:0 8px;border-collapse:separate}.table-wrap th,.table-wrap td{border:0}.table-wrap tbody tr{border:0;background:var(--surface-sunken);box-shadow:none}.table-wrap tbody tr:hover{background:var(--surface-raised)}
.check-field,.custom-toggle,.remember-field{border:0;background:var(--surface-sunken);border-radius:14px}
.mobile-bottom-nav{border:0;background:rgba(24,24,27,.96);box-shadow:0 20px 55px rgba(0,0,0,.55)}.mobile-bottom-nav a.active{background:var(--surface-control)}
.mobile-more-sheet{background:var(--surface-card);box-shadow:0 -30px 80px rgba(0,0,0,.55)}
.install-guide__close,.mobile-more-sheet>header button,.menu-button{border:0;background:var(--surface-control)}
.alert,.validation-summary{border:0}.alert{box-shadow:0 18px 42px rgba(0,0,0,.22)}
.capacity{border:0}.pool-matrix .check-field:hover{border:0;background:var(--surface-raised)}
.eyebrow,.nav-kicker,.event-card dt,.event-type,.event-glance small,.brief-grid small,.rule-block small,.map-status-picker legend,.series-format-control label,.table-wrap td::before{color:var(--muted-2)}
body [class] small{color:var(--muted)}
hr{display:none}
.panel,.event-card,.team-card,.ranked-loadout-card{box-shadow:var(--shadow-panel)}
.metric-strip,.filter-bar,.event-glance,.match-admin-card,.pool-matrix,.series-format-control,.configuration-panel,.whatsapp-share,.player-profile-card,.event-series-card,.map-card,.rule-category,.sync-launch,.official-source-strip,.auth-card,.pwa-feature-card,.notification-preferences,.install-guide__card{box-shadow:var(--shadow-panel)}
.button,.quiet-action,.install-guide__close,.mobile-more-sheet>header button,.menu-button{box-shadow:var(--shadow-action)}
.button:active,.quiet-action:active,.install-guide__close:active,.mobile-more-sheet>header button:active,.menu-button:active{transform:translateY(1px);box-shadow:var(--shadow-pressed)}
.button--primary{box-shadow:6px 6px 18px rgba(0,0,0,.3),-3px -3px 10px rgba(255,255,255,.025),0 0 22px rgba(253,18,52,.18)}
.form-stack input,.form-stack select,.form-stack textarea,.form-grid input,.form-grid select,.form-grid textarea{box-shadow:var(--shadow-input)}
.inline-admin select,.team-edit input,.map-score input,.sync-hero select,.share-editor select,.share-editor textarea,.series-format-control select,.search input,.series-slot select,.series-slot input,.member-move select{box-shadow:var(--shadow-input)}
.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.inline-admin select:focus,.team-edit input:focus,.map-score input:focus,.sync-hero select:focus,.share-editor select:focus,.share-editor textarea:focus,.series-format-control select:focus,.search input:focus,.series-slot select:focus,.series-slot input:focus,.member-move select:focus{outline:0;background:#242427;box-shadow:var(--shadow-input),0 0 0 2px rgba(255,255,255,.1)}
.auth-backdrop{background:linear-gradient(180deg,rgba(5,5,7,.38),rgba(5,5,7,.68)),radial-gradient(circle at center,transparent 12%,rgba(5,5,7,.62) 78%),url("/assets/images/2bein-login-background.jpg") center/cover no-repeat;background-color:#050506;filter:saturate(.88) contrast(1.04);transform:scale(1.015)}
.auth-card{background:rgba(17,17,20,.93);backdrop-filter:blur(18px)}
.auth-card input,.auth-card select,.auth-card textarea{background:#19191c;color:#f7f6f4;color-scheme:dark}
.auth-card input:-webkit-autofill,.auth-card input:-webkit-autofill:hover,.auth-card input:-webkit-autofill:focus{-webkit-text-fill-color:#f7f6f4;caret-color:#f7f6f4;-webkit-box-shadow:0 0 0 1000px #19191c inset,var(--shadow-input);transition:background-color 9999s ease-out 0s}
.section-tabs,.competitive-switcher,.registration-tabs{box-shadow:none;padding:5px;border-radius:16px}
.choice-card>span,.map-status-picker span,.registration-tabs button{box-shadow:var(--shadow-action);border-radius:var(--radius-inner)}
.section-tabs a,.competitive-switcher a,.rsvp-button,.mobile-more-sheet>nav>a,.mobile-more-sheet>nav>button,.build-code,.accordion-toggle{box-shadow:var(--shadow-action)}
.section-tabs a.active,.competitive-switcher a.active,.registration-tabs button.active{box-shadow:var(--shadow-action)}
.brief-grid>div,.stat-grid>div,.player-profile-stats>div,.event-card dl div{box-shadow:none}
.data-row,.match-row,.roster-list>div,.map-row,.match-slot-config,.series-slot,.rule-block,.attachment-lock,.personal-team-card,.build-card,.build-card li,.notification-preferences label,.install-guide__card li,.table-wrap tbody tr,.check-field,.custom-toggle,.remember-field{box-shadow:none}
.map-status-picker input:checked+span,.map-status-picker input[value="completed"]:checked+span,.map-status-picker input[value="not_played"]:checked+span,.map-status-picker input[value="abandoned"]:checked+span{box-shadow:var(--shadow-action)}
.choice-card input:checked+span{box-shadow:var(--shadow-action);border-color:transparent;background:var(--surface-control)}
.bracket-match.completed>span:first-child{box-shadow:none;background:var(--surface-raised)}
.pwa-feature-icon{box-shadow:none}
.rsvp-button{border:0;column-gap:16px;box-shadow:var(--shadow-action)}
.rsvp-icon-wrap{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#a8aaad;background:rgba(255,255,255,.035)}
.rsvp-icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rsvp-button--confirmed .rsvp-icon-wrap{color:var(--green);background:rgba(53,185,120,.1)}
.rsvp-button--unavailable .rsvp-icon-wrap{color:#e7656e;background:rgba(231,101,110,.09)}
.rsvp-button--substitute .rsvp-icon-wrap{color:#6da7dc;background:rgba(109,167,220,.09)}
.rsvp-button.is-selected,.rsvp-button--unavailable.is-selected{border:0;box-shadow:var(--shadow-action)}
.choice-card:active>span,.map-status-picker label:active span,.registration-tabs button:active,.section-tabs a:active,.competitive-switcher a:active,.rsvp-button:active{transform:translateY(1px);box-shadow:var(--shadow-pressed)}
.mobile-bottom-nav{box-shadow:var(--shadow-panel)}.mobile-bottom-nav a.active{box-shadow:var(--shadow-action)}
.registration-tabs button[data-registration-tab="confirmed"].active,.registration-tabs button[data-registration-tab="substitute"].active{box-shadow:var(--shadow-action)}
/* Calm type scale and vertical rhythm: compact, readable, and never bulky. */
h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1;letter-spacing:-.035em}
h2{font-size:clamp(1.25rem,2.1vw,1.85rem);line-height:1.08;letter-spacing:-.025em}
h3{font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.15;letter-spacing:-.018em}
p{line-height:1.6}.page-header{gap:var(--space-4);margin-bottom:var(--space-5)}.page-header h1{margin:var(--space-1) 0 var(--space-2)}.page-header p{max-width:66ch}
.panel{padding:var(--space-4)}.panel-heading{gap:var(--space-3);margin-bottom:var(--space-4)}.panel-heading h2{margin-top:var(--space-2)}
.event-card h2{margin:var(--space-4) 0 var(--space-2);font-size:clamp(1.45rem,2.2vw,1.9rem)}
.event-card dl{margin-top:var(--space-3);padding:var(--space-2) 0}.event-card dd{margin-top:var(--space-1)}
.form-stack{gap:var(--space-3)}.form-grid{gap:var(--space-3)}.form-stack label,.form-grid label,.sync-hero label{gap:var(--space-1);line-height:1.35}
.button{font-size:.68rem;letter-spacing:.045em}.eyebrow{font-size:.68rem;line-height:1.35;letter-spacing:.13em}
.status,.nav-kicker,.event-card dt,.event-card__admin a,.event-card__admin button,.mobile-bottom-nav strong,.rating-mark::after,.event-type,.team-card header small,.event-glance small,.brief-grid small,.rule-block small{font-size:.68rem;line-height:1.35}
.metric-strip,.filter-bar,.event-glance,.match-admin-card,.pool-matrix,.series-format-control,.configuration-panel,.whatsapp-share,.player-profile-card,.event-series-card,.build-card,.map-card,.rule-category,.sync-launch,.official-source-strip,.alert,.validation-summary,.danger-zone{border-radius:var(--radius-card);overflow:hidden}
.build-card,.rule-block,.attachment-lock,.series-slot,.match-slot-config,.personal-team-card,.map-row,.bracket-match,.scoreboard,.brief-grid,.data-row,.match-row,.roster-list>div,.event-card dl div,.notification-preferences label,.install-guide__card li{border-radius:var(--radius-inner)}
.form-stack input,.form-stack select,.form-stack textarea,.form-grid input,.form-grid select,.form-grid textarea,.inline-admin select,.team-edit input,.map-score input,.sync-hero select,.share-editor select,.share-editor textarea,.series-format-control select,.search input,.rsvp-button{border-radius:var(--radius-control)}
.ranked-loadout-card>summary{border-radius:var(--radius-card)}.ranked-loadout-card[open]>summary{border-radius:var(--radius-card) var(--radius-card) 0 0}
.accordion-toggle{border-radius:10px}.meta-position,.account-avatar,.player-mark{border-radius:14px}.build-code,.rating-mark,.count-mark{border-radius:10px}
.section-tabs a,.competitive-switcher a,.registration-tabs button{border-radius:11px}
.choice-card>span,.version-lock,.custom-map-preview,.match-total,.profile-onboarding{border-radius:var(--radius-inner)}
.sticky-actions{border-radius:18px}
.event-card dl{gap:0;padding:0;background:var(--surface-sunken);border-radius:var(--radius-inner);overflow:hidden}
.event-card dl div{background:transparent;border-radius:0;box-shadow:none}
.event-card dl div{min-width:0;padding:13px 14px}
.event-card dl div:first-child{padding-left:14px}.event-card dl div:last-child{padding-right:14px}
.event-card dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.event-series-card,.map-visual-card,.map-card,.map-matrix-card{border-radius:var(--radius-card);overflow:hidden}
.event-series-card,.map-visual-card{background:var(--surface-sunken);box-shadow:none}
.event-series-visual img,.map-visual img,.map-card img,.map-preview img{border-radius:0}
.event-series-visual>span,.map-visual .map-index{border-radius:10px}
.series-slot select,.series-slot input,.member-move select{border-radius:var(--radius-control)}
.info-callout{border-radius:var(--radius-inner);box-shadow:none}.info-callout::before{border-radius:8px}
.status-chip{border-radius:10px}
.custom-toggle,.check-field{border-radius:var(--radius-control);box-shadow:var(--shadow-action)}
.choice-card input:focus-visible+span,.map-status-picker input:focus-visible+span{outline:0;box-shadow:var(--shadow-action),0 0 0 2px rgba(255,255,255,.14)}
body .app-shell select,body .auth-shell select{appearance:none;-webkit-appearance:none;min-height:44px;padding-right:42px!important;border:0;border-radius:var(--radius-control);background-color:var(--surface-control);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23b3b1b5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px 8px;color:#f7f6f4;color-scheme:dark;box-shadow:var(--shadow-input)}
body .app-shell select:focus,body .auth-shell select:focus{outline:0;background-color:#242427;box-shadow:var(--shadow-input),0 0 0 2px rgba(255,255,255,.1)}
body .app-shell select[multiple],body .auth-shell select[multiple]{padding-right:14px!important;background-image:none}
body .app-shell select option,body .auth-shell select option{background:#1b1b1e;color:#f7f6f4}
/* System-wide spacing and control shape: list content breathes, fields stay recessed and rounded. */
.roster-list>div{padding:14px 16px}
.allow-list li{padding:10px 12px}
body .app-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),body .auth-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),body .app-shell textarea,body .auth-shell textarea{border-radius:var(--radius-control)}
body .app-shell input[type="search"],body .app-shell input[data-filter-input],body .auth-shell input[type="search"]{min-height:44px;padding:0 15px;border:0;border-radius:var(--radius-control);appearance:none;-webkit-appearance:none;background:var(--surface-control);color:#f7f6f4;box-shadow:var(--shadow-input)}
body .app-shell input[type="search"]:focus,body .app-shell input[data-filter-input]:focus,body .auth-shell input[type="search"]:focus{outline:0;background:#242427;box-shadow:var(--shadow-input),0 0 0 2px rgba(255,255,255,.1)}
body .app-shell input[type="search"]::-webkit-search-cancel-button,body .app-shell input[data-filter-input]::-webkit-search-cancel-button,body .auth-shell input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
.sticky-actions label{display:grid;gap:6px;min-width:min(100%,260px)}
.sticky-actions select{width:100%}
.member-move{min-width:0;flex-wrap:wrap}.member-move select{width:100%;max-width:160px}
.rule-item-list li{padding:10px 12px}
.map-mode-list span{padding:8px 12px}
.view-mode-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:178px;padding:4px;border:0;border-radius:var(--radius-control);background:var(--surface-sunken);box-shadow:var(--shadow-input)}
.view-mode-switcher form{min-width:0;margin:0}.view-mode-switcher form button{width:100%}
.view-mode-switcher button{min-width:0;min-height:44px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.035em;cursor:pointer}
.view-mode-switcher button[aria-pressed="true"]{background:var(--surface-control);color:#f7f6f4;box-shadow:var(--shadow-action)}
.view-mode-switcher button:hover{color:#fff}.view-mode-switcher button:focus-visible{outline:0;box-shadow:0 0 0 2px rgba(255,255,255,.16)}
.mobile-more-sheet>.view-mode-switcher{width:100%;margin:0 0 14px}
.event-card__admin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}
.event-card__admin a,.event-card__admin form,.event-card__admin button{min-width:0;margin:0}
.event-card__admin a,.event-card__admin button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 10px;border:0;border-radius:var(--radius-control);background:var(--surface-control);box-shadow:var(--shadow-action)}
.event-card__admin .event-action--danger{color:#ff9ca5;background:#241317}
.event-card__admin--single{grid-template-columns:1fr}
.event-lifecycle-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.event-lifecycle-actions .danger-zone{margin:0;border:0;border-radius:var(--radius-card);background:#211214;box-shadow:var(--shadow-panel)}
.event-lifecycle-actions .danger-zone--archive{background:var(--surface-card)}
.registration-roster form[data-admin-registration-remove]{margin:0}
/* UX information architecture: location, task priority, guided forms, and consistent data scanning. */
.breadcrumbs{min-height:28px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 18px;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.035em}
.breadcrumbs a{color:#aaa8ab}.breadcrumbs a:hover{color:#fff}.breadcrumbs span[aria-current="page"]{color:#f7f6f4}.breadcrumbs span[aria-hidden="true"]{color:#56565c}
.page-header>div:first-child{max-width:880px}.page-header .header-actions{align-self:flex-start}
.section-tabs{position:sticky;z-index:24;top:72px;margin-bottom:22px;background:rgba(12,12,15,.94);backdrop-filter:blur(18px)}
.form-progress{position:sticky;z-index:23;top:72px;display:flex;gap:6px;margin:-6px 0 22px;padding:5px;border-radius:16px;background:rgba(12,12,15,.94);box-shadow:var(--shadow-input);overflow-x:auto;scrollbar-width:none;backdrop-filter:blur(18px)}
.form-progress::-webkit-scrollbar{display:none}.form-progress a{min-width:max-content;min-height:44px;display:flex;align-items:center;gap:9px;padding:0 14px;border-radius:11px;color:var(--muted);font-size:.7rem;font-weight:800}
.form-progress a:hover,.form-progress a:focus-visible{color:#fff;background:var(--surface-control);outline:0}.form-progress span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--surface-raised);color:var(--accent);font-size:.66rem}
.event-wizard>[id],.event-lifecycle-actions[id]{scroll-margin-top:145px}
.profile-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.profile-section-grid>.panel{margin:0}.profile-section-grid .profile-security{grid-column:1/-1}.profile-section-grid .form-actions{margin-top:20px}
.admin-context{margin:0 0 18px;padding:0;overflow:hidden}.admin-context>summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;cursor:pointer;list-style:none}.admin-context>summary::-webkit-details-marker{display:none}.admin-context>summary>span,.admin-context>summary strong{display:block}.admin-context>summary strong{margin-top:4px}.admin-context__content{display:grid;gap:14px;padding:0 18px 18px}.admin-context__content>.official-source-strip,.admin-context__content>.rules-warning,.admin-context__content>.ranked-source-note{margin:0}
.table-wrap thead{position:sticky;top:0;z-index:3;background:var(--surface-card)}.table-wrap th{background:var(--surface-card)}
.metric-strip[data-ux-priority="admin-metrics"]{margin-top:18px}.dashboard-grid+[data-ux-priority="admin-metrics"]{margin-bottom:18px}
@media(max-width:900px){.table-wrap tbody{gap:10px}.table-wrap tr{border:0;border-radius:18px;background:var(--surface-card)}.table-wrap td{border:0}.table-wrap td+td{margin-top:2px}}
@media(max-width:780px){h1{font-size:clamp(2rem,10vw,3rem)}h2{font-size:clamp(1.2rem,6vw,1.6rem)}.page-header{gap:var(--space-3);margin-bottom:var(--space-4)}.panel{padding:18px;border:0;border-radius:var(--radius-card)}.panel-heading{margin-bottom:18px}.series-format-control select{border:0;border-radius:var(--radius-control)}.mobile-bottom-nav{border:0}.event-card,.team-card,.ranked-loadout-card{border:0}.auth-backdrop{background-position:center top;background-size:auto 100%;transform:scale(1.01)}.topbar>.view-mode-switcher{display:none}.event-lifecycle-actions{grid-template-columns:1fr}.event-lifecycle-actions .danger-zone{align-items:stretch;flex-direction:column}.event-lifecycle-actions .button{width:100%}.breadcrumbs{margin-bottom:14px}.section-tabs,.form-progress{top:0}.profile-section-grid{grid-template-columns:1fr}.profile-section-grid .profile-security{grid-column:auto}.event-detail-grid [data-primary-task="registration"]{order:-1}}
@media(max-width:620px){[data-primary-task="registration"]{order:-1}.form-progress{margin-left:-6px;margin-right:-6px}.form-progress a{padding:0 11px}.admin-context>summary{padding:13px 15px}.admin-context__content{padding:0 15px 15px}}
@media(max-width:390px){.event-card dl{grid-template-columns:repeat(3,minmax(0,1fr))}.event-card dl div:last-child{grid-column:auto;margin-top:0;padding-top:13px}.event-card dl div{padding-left:9px;padding-right:9px}.event-card dd{font-size:.64rem}}

@layer app-redesign {
  .pwa-install-hub{margin-top:22px;overflow:hidden}.pwa-state{display:inline-flex;min-height:31px;align-items:center;padding:0 12px;border:1px solid #3b3b42;border-radius:999px;color:#bbb;background:#19191d;font-size:.68rem;font-weight:750}
  .pwa-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pwa-feature-card{display:grid;grid-template-columns:48px 1fr;align-items:start;gap:15px;padding:20px;border:1px solid var(--border);border-radius:18px;background:#0c0c0f}
  .pwa-feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(253,18,52,.12);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(253,18,52,.2)}.pwa-feature-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .pwa-feature-card h3{margin:2px 0 7px;font-size:1rem;text-transform:none;letter-spacing:0}.pwa-feature-card p{font-size:.78rem}.pwa-feature-card>.button,.pwa-feature-actions{grid-column:1/-1}.pwa-feature-card>.button{width:100%}.pwa-feature-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.pwa-feature-actions .button{flex:1}
  .notification-preferences{margin-top:16px;padding:20px;border:1px solid var(--border);border-radius:18px;background:#0c0c0f}.notification-preferences fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0}.notification-preferences legend{grid-column:1/-1;width:100%;margin-bottom:10px;font-weight:800}
  .notification-preferences label{position:relative;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--border-soft);border-radius:14px;background:#151519;cursor:pointer}.notification-preferences label span,.notification-preferences label strong,.notification-preferences label small{display:block}.notification-preferences label small{margin-top:2px}.notification-preferences input{position:absolute;opacity:0}
  .notification-preferences i{position:relative;width:44px;height:26px;flex:0 0 auto;border-radius:99px;background:#303037;transition:background .2s}.notification-preferences i::after{content:"";position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:#d3d1d3;transition:transform .2s}.notification-preferences input:checked+i{background:var(--accent)}.notification-preferences input:checked+i::after{transform:translateX(18px);background:#fff}.notification-preferences input:focus-visible+i{outline:3px solid rgba(253,18,52,.5);outline-offset:3px}
  .pwa-feedback{min-height:23px;margin-top:14px;font-size:.72rem}.pwa-feedback.is-error{color:#ff9aaa}
  .install-guide{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.78);backdrop-filter:blur(12px)}.install-guide[hidden]{display:none!important}.install-guide__card{position:relative;width:min(100%,560px);max-height:min(88vh,800px);overflow:auto;padding:28px;border:1px solid #38383f;border-radius:28px;background:#121216;box-shadow:0 30px 100px rgba(0,0,0,.75)}
  .install-guide__card h2{margin:8px 0 22px}.install-guide__card h3{margin-bottom:12px;font-size:1rem;letter-spacing:0;text-transform:none}.install-guide__card section+section{margin-top:18px}.install-guide__card ol{display:grid;gap:9px;margin:0 0 14px;padding:0;list-style:none}.install-guide__card li{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:11px;min-height:60px;padding:10px 12px;border:1px solid var(--border);border-radius:15px;background:#0b0b0e}.install-guide__card li>strong{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(253,18,52,.13);color:var(--accent)}.install-guide__card p{margin:0 0 16px;font-size:.75rem}.install-guide__card>.button{width:100%;margin-top:12px}.install-guide__close{position:absolute;top:15px;right:15px;width:42px;height:42px;border:1px solid var(--border);border-radius:50%;background:#1d1d22;color:#fff;font-size:1.35rem;cursor:pointer}
  .auth-page{background:radial-gradient(circle at 72% 10%,rgba(253,18,52,.12),transparent 34%),#070709}.auth-shell{width:min(100%,520px)}.auth-brand img{border-radius:18px;box-shadow:0 14px 34px rgba(253,18,52,.16)}.auth-card{border-radius:28px;background:#111114;box-shadow:0 28px 90px rgba(0,0,0,.5)}
  .mobile-more-sheet{border-radius:26px 26px 0 0;background:#111114}.mobile-more-sheet>nav>a,.mobile-more-sheet>nav>button{border-radius:15px;background:#18181c}
  @media(max-width:1160px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.sidebar{width:240px}.page{padding-left:28px;padding-right:28px}}
  @media(max-width:780px){
    body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.page{padding:24px max(16px,env(safe-area-inset-right)) 30px max(16px,env(safe-area-inset-left))}.panel{padding:19px;border-radius:19px}.page-header{margin-bottom:24px}
    .mobile-bottom-nav{left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));height:68px;padding:5px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(16,16,19,.95);box-shadow:0 18px 50px rgba(0,0,0,.55);backdrop-filter:blur(24px)}.mobile-bottom-nav a,.mobile-bottom-nav button{min-height:56px;border-radius:17px}.mobile-bottom-nav a.active{background:#222227}.mobile-bottom-nav a.active::after{display:none}.mobile-bottom-nav a.active .mobile-nav-icon{color:var(--accent)}
    .event-card,.team-card,.ranked-loadout-card{border-radius:19px}.event-card{min-height:280px;padding:19px}.form-panel>.form-grid,.form-panel>hr,.form-panel>.form-actions{margin-left:19px;margin-right:19px}.form-panel>.form-grid{padding-top:20px}
    .pwa-hub-grid,.notification-preferences fieldset{grid-template-columns:1fr}.pwa-feature-card{grid-template-columns:42px 1fr;padding:16px}.pwa-feature-icon{width:42px;height:42px;border-radius:13px}.notification-preferences{padding:14px}.pwa-install-hub .panel-heading{align-items:flex-start;flex-direction:column}
    .install-guide{place-items:end center;padding:10px}.install-guide__card{padding:24px 18px calc(22px + env(safe-area-inset-bottom));border-radius:28px 28px 20px 20px}.auth-card{border-radius:24px}.table-wrap tr{border-radius:16px;background:#111114}
  }
}

/* System-wide density and alignment pass. */
.page{width:min(100%,1360px);padding:32px 30px 72px}
.page-header{align-items:flex-end;gap:18px;margin-bottom:22px}.page-header>div:first-child{max-width:820px}.page-header h1{margin:5px 0 8px;font-size:clamp(2rem,3.5vw,3.35rem)}.page-header p{max-width:68ch;font-size:.84rem;line-height:1.55}.page-header--hero{min-height:0;padding:12px 0 24px}.page-header--hero::after{bottom:-10px;font-size:8rem;opacity:.38}
h2{font-size:clamp(1.2rem,1.75vw,1.65rem)}.eyebrow{font-size:.62rem;line-height:1.3;letter-spacing:.12em}
.panel,.event-card,.team-card,.ranked-loadout-card,.match-admin-card{padding:20px;border-radius:20px;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.panel-heading{align-items:flex-end;gap:14px;margin-bottom:16px}.panel-heading h2{margin-top:5px}.panel-heading>.text-link{align-self:flex-end;min-height:auto;padding:4px 0;line-height:1.3;white-space:nowrap}
.dashboard-grid,.dashboard-grid--lower,.event-detail-grid,.catalog-layout{gap:14px;margin-bottom:14px}.stacked-panels,.event-section-stack,.team-grid,.mode-map-groups,.profile-section-grid{gap:14px}
.metric-strip[data-ux-priority="admin-metrics"]{margin-top:14px}.dashboard-grid+[data-ux-priority="admin-metrics"],.metric-strip{margin-bottom:14px}.metric-strip article{min-height:92px;padding:14px 17px}.metric-strip strong{margin:6px 0 1px;font-size:2rem}
.event-grid{gap:14px}.event-card{min-height:auto;padding:18px}.event-card:hover{transform:translateY(-1px)}.event-card h2{margin:16px 0 6px;font-size:clamp(1.3rem,1.8vw,1.65rem)}.event-card p{font-size:.78rem;line-height:1.5}
.event-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px;padding:14px 0 2px;background:transparent;border-radius:0;overflow:visible}.event-card dl div{padding:0}.event-card dt{font-size:.58rem;letter-spacing:.08em}.event-card dd{margin-top:4px;font-size:.7rem;line-height:1.35}.card-link{min-height:44px;align-items:center;margin-top:10px;padding:0;font-size:.68rem}
.event-card__admin{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:6px;padding-top:6px}.event-card__admin a,.event-card__admin button{min-height:42px;padding:0 7px;border-radius:11px;background:rgba(255,255,255,.035);box-shadow:none;font-size:.55rem}.event-card__admin a:hover,.event-card__admin button:hover{background:var(--surface-control);color:#fff}.event-card__admin .event-action--danger{background:rgba(253,18,52,.06)}
.event-spotlight{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;padding:14px 0 0}.event-spotlight div,.event-spotlight div:first-child,.event-spotlight div:last-child{padding:0}.event-spotlight strong{margin-top:4px;font-size:.76rem;line-height:1.35}.panel-actions{flex-wrap:wrap;gap:12px;margin-top:18px}
.event-card dl div,.event-spotlight div,.brief-grid>div,.stat-grid>div{background:transparent;border-radius:0;box-shadow:none}
.stat-grid{gap:18px;margin:8px 0 18px;padding:12px 0}.stat-grid div{padding:0;text-align:left}.stat-grid strong{font-size:1.35rem}.stat-grid span{font-size:.58rem}.data-list{gap:6px}.data-row,.match-row{min-height:58px;padding:10px 12px}
.filter-bar{min-height:58px;gap:14px;margin-bottom:14px;padding:8px 10px}.event-glance{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-bottom:14px;padding:17px 19px;box-shadow:0 12px 32px rgba(0,0,0,.16)}.event-glance>div{min-height:0;padding:0;background:transparent}.event-glance strong{margin-top:5px;font-size:.75rem;line-height:1.38}
.section-tabs{gap:3px;margin:0 0 14px;padding:4px;border-radius:14px}.section-tabs a{min-height:42px;padding:0 12px;font-size:.63rem}.event-detail-grid{align-items:start}.brief-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:16px}.brief-grid>div{min-height:0;padding:0}.brief-grid strong{margin-top:5px;font-size:.82rem;line-height:1.42}.rule-block{margin-top:14px;padding:14px 0;background:transparent}
.registration-panel h2{margin:6px 0}.registration-panel p{font-size:.8rem}.capacity{margin:12px 0 16px}.rsvp-actions{gap:7px}.rsvp-button{min-height:52px;padding:7px 11px}.whatsapp-share{margin-bottom:14px}.whatsapp-share>summary{min-height:46px}.whatsapp-share>summary strong{margin-top:3px;font-size:1.1rem}.registration-tabs{margin-bottom:14px}.registration-tabs button{min-height:46px}
.team-card>header{padding:17px 18px}.roster-list{gap:6px;padding:6px 12px 12px}.roster-list>div{min-height:60px;padding:11px 13px}.ranked-loadout-card>summary{min-height:64px;padding:13px 16px}.ranked-loadout-card h2{font-size:1.3rem}.build-stack,.map-chip-grid,.settings-grid,.choice-grid,.form-grid{gap:12px}.mode-map-group>header{padding-bottom:12px}.map-chip-grid{margin-top:12px}.form-stack{gap:12px}.form-panel>.form-grid{padding-top:18px}.form-progress{margin-bottom:18px}.table-wrap table{border-spacing:0 6px}.table-wrap th{padding-top:10px;padding-bottom:10px}.table-wrap td{padding-top:11px;padding-bottom:11px}.alert,.breadcrumbs{margin-bottom:14px}

@media(max-width:900px){.event-card__admin{grid-template-columns:repeat(2,minmax(0,1fr))}.event-glance{grid-template-columns:repeat(3,minmax(0,1fr))}.brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap tbody{gap:8px}.table-wrap tr{padding:5px 10px}.table-wrap td{padding:9px 2px}}
@media(max-width:780px){
  .page{padding:18px max(14px,env(safe-area-inset-right)) 26px max(14px,env(safe-area-inset-left))}.breadcrumbs{min-height:22px;margin-bottom:11px;font-size:.59rem}.page-header{gap:10px;margin-bottom:18px}.page-header h1{font-size:clamp(1.85rem,9vw,2.5rem)}.page-header p{font-size:.78rem;line-height:1.5}.page-header--hero{min-height:0;padding:6px 0 18px}.page-header--hero::after{font-size:6.5rem}h2{font-size:clamp(1.08rem,5.1vw,1.4rem)}
  .panel,.event-card,.team-card,.ranked-loadout-card,.match-admin-card{padding:16px;border-radius:18px}.panel-heading{display:flex;align-items:flex-end;gap:10px;margin-bottom:14px}.panel-heading>.text-link{flex:0 0 auto;max-width:42%;font-size:.68rem;text-align:right;white-space:normal}.dashboard-grid--lower .panel-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.dashboard-grid--lower .panel-heading>.text-link{max-width:none}
  .event-grid{gap:12px}.event-card{min-height:auto;padding:16px}.event-card h2{margin:14px 0 5px;font-size:1.38rem}.event-card p{font-size:.75rem}.event-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;padding-top:12px}.event-card dl div,.event-card dl div:first-child,.event-card dl div:last-child{grid-column:auto;margin:0;padding:0}.event-card dd{font-size:.66rem}.card-link{margin-top:7px}.event-card__admin{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:3px}.event-card__admin a,.event-card__admin button{min-height:44px;background:rgba(255,255,255,.025);font-size:.54rem}
  .event-spotlight{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;padding-top:12px}.event-spotlight div,.event-spotlight div:first-child,.event-spotlight div:last-child{padding:0}.event-spotlight small{font-size:.55rem;letter-spacing:.08em}.event-spotlight strong{font-size:.68rem}.panel-actions{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center;gap:10px;margin-top:15px}.panel-actions .text-link{justify-content:flex-start;min-height:44px}
  .stat-grid{gap:12px;margin-bottom:14px}.stat-grid strong{font-size:1.2rem}.metric-strip article{min-height:80px;padding:12px 14px}.metric-strip strong{font-size:1.65rem}.event-glance{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;margin-bottom:12px;padding:16px}.event-glance>div{min-height:0;padding:0}.event-glance small{font-size:.55rem}.event-glance strong{font-size:.7rem}
  .section-tabs{position:relative;top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-bottom:12px}.section-tabs a{justify-content:center;min-height:42px;padding:0 7px;font-size:.57rem}.section-tabs a:nth-child(4){grid-column:1/-1}.event-detail-grid{gap:12px}.brief-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin-top:14px}.brief-grid>div{min-height:0;padding:0}.brief-grid strong{font-size:.76rem}.registration-tabs button{min-height:54px;padding:7px 4px}
  .event-series-row{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.filter-bar{min-height:0;gap:9px;padding:9px}.form-progress{position:relative;top:auto;margin-bottom:14px}.profile-section-grid{gap:12px}.pwa-hub-grid{gap:12px}.pwa-feature-card{padding:14px}.notification-preferences{padding:12px}
}
@media(max-width:390px){.event-card dl{grid-template-columns:repeat(3,minmax(0,1fr))}.event-spotlight{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-actions{grid-template-columns:1fr 1fr}.section-tabs a{font-size:.53rem}}

/* Event detail section rhythm. */
.event-glance+.section-tabs{margin-top:22px}
.section-tabs+.event-detail-grid{margin-top:22px}
.event-detail-grid+.whatsapp-share,.event-detail-grid+.event-section-stack,.whatsapp-share+.event-section-stack{margin-top:28px}
.event-section-stack{gap:22px}
.event-card__admin a,.event-card__admin button{min-height:44px}
.registration-roster .panel-heading{margin-bottom:20px}
.registration-roster .panel-heading h2{font-size:clamp(1.2rem,2vw,1.55rem)}
.registration-roster .registration-tabs{gap:8px;margin-bottom:18px;padding:0;background:transparent;box-shadow:none}
.registration-roster .registration-tabs button{min-height:52px;gap:7px;padding:9px 10px;border:0;border-radius:14px;background:rgba(255,255,255,.025);box-shadow:none;font-size:.66rem;letter-spacing:.015em;text-transform:none}
.registration-roster .registration-tabs button.active{box-shadow:none}
.registration-roster .registration-tabs button b{min-width:22px;height:22px;background:rgba(255,255,255,.08);font-size:.63rem}
.registration-status-cell{display:flex;align-items:center;justify-content:flex-end;gap:12px}.registration-status-cell form{margin:0}.registration-status-cell .danger-link{min-height:36px}
.participant-admin-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:22px}
.participant-admin-row{min-width:0;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 14px;border-radius:16px;background:var(--surface-sunken)}
.participant-admin-avatar{width:50px;height:50px;display:block;object-fit:cover;border-radius:15px}
.participant-admin-player{min-width:0}.participant-admin-player strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-admin-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.participant-admin-actions form{margin:0}.participant-admin-actions .danger-link{min-height:36px}
@media(max-width:780px){
  .topbar-context .signal-line{display:none}
  .event-glance+.section-tabs{margin-top:22px}
  .section-tabs+.event-detail-grid{margin-top:20px}
  .event-detail-grid+.whatsapp-share,.event-detail-grid+.event-section-stack,.whatsapp-share+.event-section-stack{margin-top:26px}
  .event-section-stack{gap:20px}
  .registration-roster .panel-heading{margin-bottom:18px}
  .registration-roster .registration-tabs button{min-height:58px;padding:9px 5px;font-size:clamp(.56rem,2.6vw,.64rem)}
  .registration-status-cell{align-items:flex-end;gap:8px}.registration-status-cell .danger-link{min-height:32px}
  .participant-admin-layout{grid-template-columns:1fr;gap:20px}.participant-admin-row{grid-template-columns:46px minmax(0,1fr);gap:10px 13px;padding:13px}.participant-admin-row .player-mark{grid-row:1/3}.participant-admin-avatar{width:46px;height:46px;border-radius:14px}.participant-admin-actions{grid-column:2;justify-content:space-between;gap:10px}.participant-admin-actions .status{font-size:.57rem}.participant-admin-actions .danger-link{min-height:34px}
}

/* 2Bein crown section marker. */
.eyebrow{display:inline-flex;align-items:center;column-gap:5px;min-height:20px;line-height:20px}
.eyebrow::before,.signal-line{
  content:"";
  display:block;
  width:26px;height:20px;
  flex:0 0 26px;
  margin:0;
  background-color:transparent;
  background-image:url("/assets/images/2bein-crown-transparent.png?v=20260730-2");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  box-shadow:none;
  filter:none;
  -webkit-mask-image:none;
  mask-image:none;
}
.eyebrow::before{align-self:center}
.topbar-context{column-gap:5px}.topbar-context>strong+span{margin-left:7px}.signal-line{align-self:center}
.eyebrow+h1,.eyebrow+h2{margin-top:12px}

/* Compact event fact blocks. */
.event-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;background:transparent;overflow:visible}
.event-card dl div{min-width:0;min-height:66px;margin:0;padding:11px 12px;background:var(--surface-sunken);border-radius:var(--radius-control)}
.event-card dl div:first-child,.event-card dl div:last-child{margin:0;padding:11px 12px}
.event-card dt{line-height:1.2}.event-card dd{margin-top:6px;line-height:1.35}

/* Compact event registration rows. */
.registration-player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.registration-player-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;min-height:62px;padding:11px 14px;border-radius:var(--radius-inner);background:var(--surface-sunken);box-shadow:inset 2px 2px 7px rgba(0,0,0,.18)}
.registration-player-row .player-profile-link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.registration-player-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.registration-player-row .status{width:auto;flex:0 0 auto;min-height:34px;padding:7px 11px;white-space:nowrap}

/* Rigid status dots and single-line badges. */
.system-dot,.status-pin,.status::before,.presence-dot{flex-shrink:0;aspect-ratio:1;border-radius:50%}
.system-dot{flex:0 0 9px;min-width:9px;min-height:9px;max-width:9px;max-height:9px}
.status-pin{flex:0 0 7px;min-width:7px;min-height:7px;max-width:7px;max-height:7px}
.status::before{content:"";flex:0 0 6px;width:6px;height:6px;min-width:6px;min-height:6px;max-width:6px;max-height:6px}
.status,.status-chip{max-width:100%;white-space:nowrap;text-align:center}
.panel--feature>.panel-heading>.status{flex:0 0 auto}
.registration-player-row form{margin:0}.registration-player-row .danger-link{min-height:34px;padding:5px 7px;font-size:.62rem}
@media(max-width:620px){
  /* Mobile two-column registration cards. */
  .registration-player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .registration-player-row{display:grid;align-content:start;justify-items:start;gap:9px;min-height:96px;padding:11px}
  .registration-player-row .player-profile-link{max-width:100%}
  .registration-player-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:6px}
  .registration-player-row .status{padding-inline:9px;font-size:.58rem}
}

/* Event status explanation and map-series rhythm. */
.event-lifecycle-copy{display:grid;gap:5px}
.event-lifecycle-line{display:block}

/* Event series block spacing. */
.series-builder{gap:clamp(14px,1.6vw,22px)}

/* Mobile profile alignment fix. */
@media(max-width:780px){
  .profile-section-grid{grid-template-columns:minmax(0,1fr);width:100%}
  .profile-section-grid>.panel,.profile-section-grid .profile-security,.pwa-install-hub,.pwa-hub-grid,.notification-preferences{min-width:0;width:100%;grid-column:1}
  .profile-section-grid .panel-heading{align-items:flex-start;justify-content:flex-start;text-align:left}
  .profile-section-grid .panel-heading>div{width:100%;min-width:0}
  .pwa-install-hub .panel-heading{align-items:flex-start;justify-items:start;text-align:left}
  .pwa-install-hub .panel-heading>div{width:100%}
  .pwa-install-hub .pwa-state{align-self:flex-start}
  .profile-section-grid .form-grid,.profile-section-grid .form-actions{min-width:0}
}

/* Neutral competitive accordion surfaces. */
.ranked-loadout-card[open]>summary,.rule-category--accordion[open]>summary{background:var(--surface-raised);border-bottom:0}
.ranked-loadout-card[open]{border-color:transparent}
.ranked-weapon-visual{background:#090b0c}

/* Sync card rhythm and rigid indicators. */
.sync-safety{margin-top:22px;border-radius:var(--radius-card);overflow:hidden}
.sync-safety>.system-dot,.version-lock>.system-dot{align-self:center;flex:0 0 9px;width:9px;height:9px;min-width:9px;min-height:9px;max-width:9px;max-height:9px}
.sync-launch .inline-form{margin-top:20px}
.admin-context>summary .eyebrow+strong{margin-top:12px}

/* Ranked loadout header spacing and neutral rank marker. */
.meta-position{border:0;background:var(--surface-sunken);color:var(--text);box-shadow:none}
.admin-context .eyebrow,.ranked-loadout-card .eyebrow{column-gap:5px}

/* Unified card content inset. */
:root{--content-inset:20px}
.panel{padding:var(--content-inset)}
.event-card{padding:var(--content-inset)}
.eyebrow{column-gap:5px}
.admin-context,.ranked-loadout-card,.rule-category--accordion{padding:0}
.admin-context>summary{padding:var(--content-inset)}
.admin-context__content{padding:0 var(--content-inset) var(--content-inset)}
.ranked-loadout-card>summary,.rule-category--accordion>summary{padding:var(--content-inset)}
.ranked-loadout-card>footer{padding:var(--space-3) var(--content-inset)}
.rule-category--accordion .rule-item-list{padding:0 var(--content-inset) var(--content-inset)}
.metric-strip[data-ux-priority="admin-metrics"]{padding:var(--content-inset);gap:var(--space-4)}
.metric-strip[data-ux-priority="admin-metrics"] article{min-height:0;padding:0}
.team-card>header{padding:var(--content-inset)}
.roster-list{padding:var(--space-2) var(--content-inset) var(--content-inset)}
@media(max-width:780px){:root{--content-inset:18px}}

/* Compact form typography and strict grid containment. */
.form-grid>*,.form-stack>*,.wizard-details,.wizard-details .form-grid{min-width:0}
.wizard-details,.wizard-details .form-grid{width:100%;max-width:100%}
body .app-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),body .app-shell select,body .app-shell textarea,body .auth-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),body .auth-shell select,body .auth-shell textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-family:var(--body);font-size:.78rem;font-weight:600;letter-spacing:0}
body .app-shell input::placeholder,body .app-shell textarea::placeholder,body .auth-shell input::placeholder,body .auth-shell textarea::placeholder{font-weight:500;letter-spacing:0}

.wizard-details .info-callout{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px 12px}
.wizard-details .info-callout::before{grid-column:1;grid-row:1}
.wizard-details .info-callout>strong{grid-column:2;grid-row:1;margin:0;align-self:center}
.wizard-details .info-callout .event-lifecycle-copy{grid-column:1/-1;margin:0;padding-top:4px}

@media(max-width:780px){
  body .app-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),body .app-shell select,body .app-shell textarea,body .auth-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),body .auth-shell select,body .auth-shell textarea{font-size:15px;font-weight:600}
  .page-header--hero>.button{margin-top:14px}
}

/* App-wide form field containment, including iOS date controls. */
body .app-shell :is(form,fieldset,label),body .auth-shell :is(form,fieldset,label){max-inline-size:100%;min-inline-size:0}
body .app-shell :is(input,select,textarea),body .auth-shell :is(input,select,textarea){max-inline-size:100%;min-inline-size:0;box-sizing:border-box}
body .app-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]),body .app-shell select,body .auth-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]),body .auth-shell select{inline-size:100%;block-size:44px;min-block-size:44px;padding-block:0}
body .app-shell textarea,body .auth-shell textarea{inline-size:100%;block-size:auto;min-block-size:88px}
body .app-shell select[multiple],body .auth-shell select[multiple]{block-size:auto;min-block-size:88px;padding-block:8px}
body :is(.app-shell,.auth-shell) input:is([type="date"],[type="datetime-local"],[type="time"],[type="month"],[type="week"]){display:block;width:100%!important;inline-size:100%!important;max-width:100%!important;max-inline-size:100%!important;min-width:0!important;min-inline-size:0!important;overflow:hidden;padding:0!important;-webkit-padding-start:0!important;-webkit-padding-end:0!important}
body :is(.app-shell,.auth-shell) input:is([type="date"],[type="datetime-local"],[type="time"],[type="month"],[type="week"])::-webkit-date-and-time-value{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding-inline:13px}
body :is(.app-shell,.auth-shell) input:is([type="date"],[type="datetime-local"],[type="time"],[type="month"],[type="week"])::-webkit-datetime-edit{min-width:0;max-width:100%;overflow:hidden}
@media(max-width:780px){body .app-shell :is(input,select,textarea),body .auth-shell :is(input,select,textarea){font-size:16px}}

/* Global 5px crown-to-label contract. */
.eyebrow{display:inline-flex;align-items:center;column-gap:5px;min-height:20px;line-height:20px}
.eyebrow::before{align-self:center;margin:0}

/* Unified loadout accordion header inset. */
.player-loadout-builder{padding:0}
.player-loadout-builder>summary>div,.loadout-source-state>summary>span:first-child{display:grid;align-content:center;justify-items:start;gap:12px;min-width:0}
.player-loadout-builder>summary h2,.loadout-source-state>summary strong,.loadout-source-state>summary .eyebrow+strong{margin:0}
.loadout-source-state>summary .eyebrow{display:inline-flex}

/* Member directory. */
.member-directory-header .count-mark{flex:0 0 auto}.member-directory-toolbar{justify-content:flex-start}.member-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.member-card{display:flex;flex-direction:column;min-width:0;min-height:252px;transition:transform .18s ease,background .18s ease}.member-card:hover{transform:translateY(-2px);background:var(--surface-raised)}.member-card__header{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0}.member-card__avatar{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;flex:0 0 52px;border-radius:14px;background:var(--surface-sunken)}.member-card__avatar img{width:100%;height:100%;object-fit:cover}.member-card__identity{display:grid;gap:4px;min-width:0}.member-card__identity>small,.member-card__name>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-card__name{display:flex;align-items:center;gap:7px;min-width:0}.member-card__name>strong{font:900 1.12rem/1.1 var(--display);letter-spacing:.035em;text-transform:uppercase}.member-card__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 18px}.member-card__facts div{min-width:0}.member-card__facts dt{color:var(--muted-2);font-size:.56rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.member-card__facts dd{margin-top:5px;overflow:hidden;font-size:.7rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.member-card__link{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.member-card__link span:last-child{color:var(--accent);font-size:1rem}.member-card__link:hover span:first-child{color:#fff}.member-card[hidden]{display:none}
@media(max-width:1100px){.member-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.member-directory-grid{grid-template-columns:1fr}.member-directory-header .count-mark{align-self:flex-start}.member-card{min-height:232px}.member-card__facts{gap:8px;margin-top:19px}}

/* Public player loadout section. */
.player-profile-loadouts .section-heading{gap:14px}.player-profile-loadouts .section-heading>.status-chip{flex:0 0 auto}.player-profile-loadout-empty{display:grid;gap:6px;min-height:112px;align-content:center;padding:var(--content-inset);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--shadow-panel)}.player-profile-loadout-empty strong{font:900 1rem/1.2 var(--display);letter-spacing:.025em;text-transform:uppercase}.player-profile-loadout-empty p{max-width:680px;font-size:.75rem}
@media(max-width:620px){.player-profile-loadouts .section-heading{align-items:flex-start;flex-direction:column}.player-profile-loadout-empty{min-height:104px}}