/* GGL broadcast-inspired skin. Existing React controls remain unchanged. */
:root{color-scheme:dark;--paper:#0c0e12;--ink:#eef0f4;--blue:#429ee8;--red:#bd1039;--line:#2a2d35;--muted:#9197a4;--white:#15171d;--nav:#090b0e;background:var(--paper)}
body{background:radial-gradient(ellipse at 85% 0%,#07508a33,transparent 38%),#0c0e12}
.sidebar{background:#090b0ef5;border-right:1px solid #252830;padding:30px 20px}
.brand img{border-radius:0;width:57px;height:57px;filter:none;opacity:.94}
.brand strong{font-family:'Barlow Condensed',sans-serif;font-size:17px;letter-spacing:1px}
.brand span{color:#777e8b;font-size:8px;letter-spacing:1.3px}
.nav-caption{color:#5f6674;margin-top:56px;letter-spacing:2.4px}
.nav-item{color:#949ba8;border-radius:0;padding:17px 12px;font-weight:500}
.nav-item span{color:#525967;font-family:'Barlow Condensed',sans-serif;font-size:14px}
.nav-item:hover{background:#181c23;color:white}
.nav-item.active{background:linear-gradient(90deg,#429ee815,transparent);color:#429ee8;box-shadow:inset 2px 0 #429ee8}
.nav-item.active span{color:#429ee8}
.tracker-link{color:#429ee8;border:1px solid #315477;padding:13px;margin:28px 0;font-weight:600}
.tracker-link:hover{background:#429ee812}
.sidebar-bottom{border-color:#282c33;color:#747d89}.sidebar-bottom small{color:#616977}
.topbar{color:#7e8592;letter-spacing:1.6px;border-color:#23262e}
.draft-notice{color:#626a77;font-size:10px;padding:12px 0}.draft-notice strong{color:#a2b7ce}
.eyebrow{color:#72b9ef;letter-spacing:2.8px;font-size:10px}
.page-header{margin-top:32px;margin-bottom:30px}.page-header h1{font-weight:800;font-size:clamp(48px,5.6vw,78px);letter-spacing:-1px;font-style:italic}.page-header p:last-child{color:#939aa6}
.pill{border-color:#3b414a;border-radius:0;font-size:9px;letter-spacing:1.8px;color:#a2a9b5}.season{border:0;border-left:2px solid #429ee8;background:#111f32;color:#429ee8;padding:10px 14px}.light{color:#429ee8;border-color:#429ee866;background:#101e32cc}.muted{color:#7d8791;border-color:#343a42}
.primary,.outline,.quiet{border-radius:0;text-transform:uppercase;font-size:11px;letter-spacing:1.2px;font-weight:700}
.primary{background:#429ee8;color:#ffffff;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);padding:14px 22px}.primary:hover{background:#d51d46}
.outline{border-color:#414650;color:#d3d7e0;background:#171a21}.outline:hover{border-color:#429ee8;color:#429ee8}
.quiet{background:#20242c;color:#c0c6d1}.quiet:hover{background:#303641}.text-button{color:#429ee8;text-transform:uppercase;letter-spacing:1px;font-size:10px}
.hero{border:1px solid #263e59;border-radius:0;min-height:400px;background:radial-gradient(ellipse at 70% 60%,#176fb521,transparent 55%),linear-gradient(115deg,#121e30,#101318 65%);grid-template-columns:minmax(0,1fr) 250px;isolation:isolate}
.hero:before{background:linear-gradient(105deg,transparent 65%,#429ee809 65.2%,#429ee809 66%,transparent 66.2%),repeating-linear-gradient(0deg,transparent,transparent 3px,#00000018 4px);z-index:-1}
.hero:after{content:'MWIII';position:absolute;right:-5px;bottom:-45px;font:800 190px 'Barlow Condensed',sans-serif;letter-spacing:-8px;color:#ffffff03;pointer-events:none;z-index:-1}
.hero-copy{padding:38px}.hero h2{font-weight:800;font-style:italic;font-size:clamp(38px,4.1vw,62px);letter-spacing:-.8px;line-height:.98;margin:27px 0 20px;max-width:670px}.hero p{color:#a6b6ca;font-size:13px;max-width:460px;line-height:1.65;margin-bottom:25px}
.hero-emblem{transform:none;border:0;background:linear-gradient(180deg,#0c152500,#0c1525dd),url('./ggl-logo.jpg') center 22%/78% auto no-repeat;margin:0;border-left:1px solid #ffffff0a;justify-content:flex-end;align-items:flex-start;padding:25px;position:relative;overflow:hidden}
.hero-emblem>*{transform:none;position:relative}.hero-emblem>span{font-size:52px;letter-spacing:2px;color:white;line-height:1}.hero-emblem small{color:#aebed3;font-size:9px}.hero-number{font-size:92px;font-style:italic;line-height:1.1;color:#429ee8}
.stat-strip{background:#12151b;border-color:#292e36;margin:18px 0 35px}.stat-strip>div{border-color:#292e36;position:relative;padding:20px 25px}.stat-strip strong{color:#e9edf4;font-style:italic;font-size:43px}.stat-strip>div:first-child strong{color:#429ee8}.stat-strip span{color:#7f8794;font-size:9px;letter-spacing:2px}
.section-heading h2{font-style:italic;font-size:28px;letter-spacing:.4px}.section-heading>span{color:#777f8c}
.stage-card{background:linear-gradient(145deg,#181c24,#11141a);border-color:#2a303b;border-top:2px solid #26577f;padding:25px;position:relative;overflow:hidden}.stage-card:last-child{border-top-color:#429ee8}.stage-card:after{content:'';position:absolute;top:0;right:0;width:75px;height:75px;background:linear-gradient(135deg,transparent 49%,#429ee808 50%);pointer-events:none}.stage-card h3{font-style:italic;letter-spacing:1px;font-size:27px}.stage-card p{color:#8e98a7}.date strong{font-size:54px;color:#d8e0eb}.date span{color:#717d8c;letter-spacing:2px}
.panel{background:#13171e;border-color:#2b313b}.next{background:#10141a;border-style:solid;border-left:3px solid #b50b34}.next h3{font-size:21px;color:#c1d7ed}.next p{color:#7f8997}
.team-card{background:linear-gradient(145deg,#1b2029,#10141a);border-color:#2d3440;position:relative;overflow:hidden}.team-card:before{content:'';position:absolute;inset:0 0 auto auto;width:185px;height:185px;background-position:center;background-size:cover;opacity:.17;mask-image:linear-gradient(225deg,#000,transparent 85%);pointer-events:none}.team-card:nth-child(1):before{background-image:url('./team-logos/jewl-baggers-original.png')}.team-card:nth-child(2):before{background-image:url('./team-logos/doa-original.png')}.team-card:nth-child(3):before{background-image:url('./team-logos/the-somalians-original.png')}.team-card:nth-child(4):before{background-image:url('./team-logos/egirl-slayers-original.png')}.team-card>*{position:relative}.big-mark{background:#14283e;color:#429ee8;border:1px solid #315d83;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.team-card h2{font-style:italic;font-size:38px}.roster-list>div{border-color:#2a313c}.roster-list span{color:#7b8798}
th{background:#1a2029;color:#8894a4}td,th{border-color:#2b323e}td{color:#bdc7d4}td:first-child{color:#429ee8}td strong{color:#f0f2f6}.settings-line p{color:#8893a3}
.match-card{background:linear-gradient(130deg,#1a202a,#11151c);border-color:#303846;border-radius:0;padding:16px;border-left:2px solid #315578}.match-card:hover{background:#202832;border-color:#68b5ef;transform:translateY(-2px)}.match-meta{color:#8994a4;text-transform:uppercase;letter-spacing:.4px}.match-team{color:#e6eaf0;font-weight:600}.team-mark{background:#192d44;color:#429ee8}.match-team strong{font-family:'Barlow Condensed',sans-serif;font-size:25px}.match-foot{border-color:#303744;color:#8994a4}.match-foot span:last-child{color:#8cc9f7}.winner{color:#429ee8}.bracket-col h3{color:#8b96a7;font-style:italic;letter-spacing:1.2px}.bracket-col:last-child .match-card{border-top-color:#429ee8;box-shadow:0 0 35px #429ee809}
.field input,.field select{background:#0e1218;color:#edf0f5;border-color:#394453;border-radius:0}.field>span{color:#aeb9c8}.field input:focus,.field select:focus{outline:1px solid #429ee8;border-color:#429ee8}.field input::placeholder{color:#5e6b7f}.drawer-backdrop{background:#030507cc;backdrop-filter:blur(5px)}.drawer{background:#11161e;border-left:1px solid #334a65;box-shadow:-20px 0 90px #0009}.drawer-head{border-color:#303845}.drawer-head h2{font-style:italic}.drawer-actions{background:#11161e;border-color:#303845}.player-edit{background:#181f29;border-color:#303b49}.map-slot{border-color:#2d3744}.map-num{color:#429ee8}.notice{background:#142b43;color:#d2e7fa;border-color:#368bc9}.notice.error{background:#351c22;color:#ffb5c4;border-color:#db5572}footer{border-color:#242a33;color:#586575;font-size:9px}.boot{color:#429ee8}
@media(min-width:1450px){.hero{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-emblem{display:none}.hero-copy{padding:30px}.brand{flex-direction:row}.brand strong{font-size:13px}.brand img{width:42px;height:42px}.brand span{font-size:7px}}
@media(max-width:650px){.sidebar{border-bottom:1px solid #252d38}.brand img{width:43px;height:43px}.hero{min-height:0}.hero-copy{padding:27px 23px}.hero h2{font-size:39px}.page-header h1{font-size:49px}.stat-strip>div{border-color:#292e36}.hero:after{font-size:110px;bottom:-22px}.tracker-link{margin:15px 0 0}.drawer{padding:20px}.draft-notice{line-height:1.5}.season{padding:8px;font-size:8px}}
.team-logo{width:88px;height:88px;object-fit:contain;padding:0;background:#080a0d;clip-path:none;border:1px solid #343c47}.team-card:before{background-image:none!important}

.primary{background:#bd1039;color:#fff}.primary:hover{background:#dc1c49}.stage-card:last-child{border-top-color:#bd1039}.hero-number{color:#fff}.hero-emblem{background-color:#101a29}.brand img{opacity:1}