@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#07101e;--panel:#0c1829;--line:#1d2d43;--muted:#8b9bb0;--gold:#f5b82e;--blue:#3b82f6;--red:#ef4655;--text:#f3f5f8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 52% -20%,#142844 0,transparent 52%),var(--bg);color:var(--text);font:15px 'DM Sans',sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.topbar{height:80px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1240px)/2),28px);background:#07101edb;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;font:800 20px 'Barlow Condensed',sans-serif;letter-spacing:.06em}.brand img{width:44px;height:44px;object-fit:contain}.brand b{color:var(--gold)}.brand small{display:block;color:#8a9ab0;font:600 9px 'DM Sans',sans-serif;letter-spacing:.18em;margin-top:2px}.topbar nav{display:flex;gap:28px;color:#afbac9;font-size:13px;font-weight:600}.topbar nav a:hover{color:var(--gold)}main{max-width:1240px;margin:0 auto;padding:0 28px 72px}.hero{min-height:310px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:560px;height:280px;right:9%;top:20px;background:#c5851217;filter:blur(90px);pointer-events:none}.hero-copy{padding:42px 0;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:#9cacc0}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3edc94;margin-right:7px;box-shadow:0 0 12px #3edc94}.hero h1,h1,h2,h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;margin:12px 0;line-height:.98;letter-spacing:.015em}.hero h1{font-size:clamp(42px,7vw,76px);max-width:760px}.hero p{color:#a2b0c2;margin:14px 0 24px;font-size:15px}.hero-mark{width:226px;height:226px;object-fit:contain;filter:drop-shadow(0 16px 45px #0009);position:relative;z-index:1;margin-right:32px}.live-line{display:flex;gap:9px;align-items:center;color:#90a1b7;font-size:11px}.pulse{width:7px;height:7px;background:#32dc8a;border-radius:50%;box-shadow:0 0 0 4px #32dc8a22}.bracket-section{padding:34px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin:0 0 23px}.section-title h2{font-size:30px;margin:8px 0 0}.legend{display:flex;gap:8px}.pill{font:700 9px 'DM Sans',sans-serif;letter-spacing:.11em;padding:7px 10px;border-radius:4px;background:#17253a;color:#bac6d5}.pill.upper{background:#182e52;color:#79aaff}.pill.lower{background:#3a1c2a;color:#ff8290}.pill.grand{background:#402f13;color:#ffd268}.bracket-block{margin:20px 0 34px}.bracket-label{margin-bottom:13px}.rounds{display:flex;gap:18px;overflow-x:auto;padding:2px 1px 14px;align-items:stretch}.round-column{min-width:230px;flex:1;display:flex;flex-direction:column;gap:12px}.round-column h3{font-size:15px;letter-spacing:.1em;color:#8fa0b5;margin:3px 0 2px}.public-match{border:1px solid var(--line);background:linear-gradient(140deg,#0e1b2e,#0b1625);border-radius:7px;padding:12px;box-shadow:0 8px 22px #0002;position:relative}.public-match:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:2px;background:#263c5a}.public-team{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 7px;color:#a8b4c3;font-size:12px;min-height:34px}.public-team+.public-team{border-top:1px solid #ffffff0d}.public-team.won{color:#ffd36e;font-weight:700}.public-team b{color:#f4f5f7;min-width:18px;text-align:center}.match-state{color:#62748b;font-size:8px;font-weight:700;letter-spacing:.14em;margin:7px 7px 0}.empty{text-align:center;padding:55px 20px}.empty h3{font-size:23px}.empty p,.muted{color:var(--muted)}.empty-icon{font-size:24px;color:var(--gold)}footer{border-top:1px solid #ffffff10;padding:23px;text-align:center;font-size:11px;color:#667990}footer span{color:var(--gold);margin:0 6px}.narrow{max-width:540px;margin:60px auto 0}.narrow h1,.admin-head h1{font-size:42px}.narrow h1 span,.admin-head h1 span{color:var(--gold)}.panel{background:linear-gradient(145deg,#0e1a2b,#0a1523);border:1px solid var(--line);border-radius:9px;padding:22px;box-shadow:0 16px 35px #0002}.form{display:flex;flex-direction:column;gap:14px;margin-top:22px}.form h2,.draw-card h2{font-size:21px;margin:0 0 2px}.form label,.result-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#aebbc9;font-weight:600}.form input,.form textarea,.form select,.result-form input,.result-form select{width:100%;background:#081321;border:1px solid #26374c;border-radius:5px;color:var(--text);padding:11px 12px;font:13px 'DM Sans',sans-serif;outline:none}.form input:focus,.form textarea:focus,.result-form input:focus,.result-form select:focus{border-color:#6189c2}.form textarea{resize:vertical;line-height:1.8}.form small{color:#6f8198;font-size:10px}.form .button{margin-top:4px}.button{border:1px solid #31445e;background:#14243a;color:#edf3fb;border-radius:5px;padding:10px 14px;font:700 11px 'DM Sans',sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.button:hover{filter:brightness(1.18)}.button.primary{background:linear-gradient(120deg,#d7991d,#f4c448);border:0;color:#15100a}.button.secondary{background:#173056;border-color:#244574}.button.ghost{background:transparent}.notice{margin:18px 0;padding:12px 14px;background:#152943;border:1px solid #294b70;border-radius:5px;color:#bad5f5;font-size:12px}.notice.error{background:#381c26;border-color:#60303c;color:#ffabb2}.small{font-size:11px;line-height:1.6}.admin-wrap{padding-top:44px}.admin-head{display:flex;justify-content:space-between;align-items:center}.admin-head h1{margin:10px 0}.admin-head p{margin:6px 0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0 38px}.admin-grid .form{margin:0}.draw-card{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px}.draw-card p{font-size:11px;max-width:650px;line-height:1.6}.count{font:600 11px 'DM Sans',sans-serif;color:#8da3bf;background:#1c2d43;padding:4px 8px;border-radius:10px}.match-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.match-row{padding:16px}.match-meta{display:flex;align-items:center;gap:9px;color:#7588a0;font-size:10px}.teams-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0;font-size:12px}.teams-line span{font-size:11px;color:var(--gold);white-space:nowrap}.result-form{display:grid;grid-template-columns:65px 65px minmax(120px,1fr) auto;align-items:end;gap:8px}.result-form input,.result-form select{padding:8px;font-size:11px}.small-button{padding:9px 10px;white-space:nowrap}.winner-note{font-size:11px;color:#f6cb65}.section-title .button{font-size:10px}.match-list+.empty{margin-top:10px}
@media(max-width:800px){.topbar{padding:0 18px;height:70px}.topbar nav{gap:17px}main{padding-left:18px;padding-right:18px}.hero{min-height:265px}.hero-mark{width:140px;height:140px;margin:0}.hero h1{font-size:48px}.admin-grid{grid-template-columns:1fr}.draw-card{grid-column:auto;align-items:flex-start;flex-direction:column}.match-list{grid-template-columns:1fr}.result-form{grid-template-columns:60px 60px 1fr}.result-form .button{grid-column:1/-1}.round-column{min-width:210px}.section-title{align-items:flex-start;gap:16px;flex-direction:column}.legend{flex-wrap:wrap}}
@media(max-width:480px){.brand{font-size:17px}.brand img{width:38px;height:38px}.topbar nav{font-size:11px;gap:12px}.hero-mark{width:92px;height:92px}.hero h1{font-size:40px}.hero p{font-size:12px}.narrow{margin-top:38px}.panel{padding:18px}.admin-head h1{font-size:36px}.result-form{grid-template-columns:54px 54px 1fr;gap:6px}.teams-line{font-size:10px}}

/* Symmetric bracket layout */
.tree-wrap{border:1px solid #203148;border-radius:10px;background:radial-gradient(ellipse at 50% 45%,#142b451c 0,transparent 55%),linear-gradient(145deg,#0b1727,#081321);padding:22px 20px 26px;overflow-x:auto}.tree-label{display:flex;align-items:center;gap:12px;margin-bottom:15px}.tree-caption,.tree-note{color:#788ba3;font-size:10px}.bracket-tree{min-width:1040px;display:grid;grid-template-columns:minmax(200px,1fr) minmax(150px,.7fr) minmax(188px,.9fr) minmax(150px,.7fr) minmax(200px,1fr);gap:18px;align-items:center;position:relative;padding:4px 2px 10px}.bracket-tree:before{content:'';position:absolute;left:20%;right:20%;top:50%;border-top:1px dashed #69809b99;z-index:0}.tree-side,.tree-center{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;min-width:0}.tree-side .side-title,.tree-center .side-title{font:700 9px 'DM Sans',sans-serif;letter-spacing:.15em;color:#8295ad;margin:0 0 2px;text-align:center}.tree-match{border:1px solid #2b3c52;background:linear-gradient(145deg,#101e31,#0c1726);border-radius:7px;padding:9px;position:relative;box-shadow:0 5px 15px #0003}.tree-match:after{content:'';position:absolute;top:50%;width:18px;border-top:1px dashed #7790ad;opacity:.75}.left-side .tree-match:after,.mid-left .tree-match:after{right:-19px}.right-side .tree-match:after,.mid-right .tree-match:after{left:-19px}.tree-match .public-team{font-size:10px;min-height:29px;padding:6px}.tree-match .match-state{text-align:center;font-size:7px;margin:5px 0 0}.tree-branch-grid{display:grid;grid-template-rows:repeat(4,minmax(78px,auto));gap:13px;align-items:center}.match-u1:nth-child(1){grid-row:1}.match-u1:nth-child(2){grid-row:2}.match-u1:nth-child(3){grid-row:3}.match-u1:nth-child(4){grid-row:4}.lower-grid{grid-template-rows:repeat(6,minmax(64px,auto));gap:7px}.lower-match{padding:6px}.lower-match .public-team{min-height:24px;padding:4px}.mid-left,.mid-right{align-items:center}.mid-left .tree-match,.mid-right .tree-match{width:100%}.tree-center{align-items:center}.final-match{width:100%;border-color:#a77820;background:linear-gradient(145deg,#241e13,#121a26);box-shadow:0 0 28px #e7a92b1b}.final-match:after{display:none}.final-match .public-team{font-weight:700;min-height:37px}.final-divider{border-radius:3px;background:#d9384c;text-align:center;padding:4px;color:white;font:700 8px 'DM Sans',sans-serif;letter-spacing:.2em;margin:2px 0}.tree-note{text-align:center;padding:12px 0 0;font-size:10px}
@media(max-width:800px){.tree-wrap{overflow-x:auto}.bracket-tree{min-width:1040px}.tree-note{text-align:left}}

.podium-section{padding:30px 0 8px}.podium-heading{margin-bottom:16px}.podium-heading h2{font-size:30px;margin:8px 0}.podium-heading h2 span{color:var(--gold)}.podium-heading p{font-size:11px;color:var(--muted);margin:0}.podium-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.podium-card{min-height:116px;padding:17px 19px;position:relative;overflow:hidden;border:1px solid #29384c;border-radius:8px;background:linear-gradient(135deg,#111f32,#0a1523);box-shadow:0 10px 25px #0002}.podium-card:after{content:'';position:absolute;width:100px;height:100px;border-radius:50%;right:-28px;bottom:-46px;background:currentColor;opacity:.06;filter:blur(8px)}.podium-first{color:#f4c34d;border-color:#806323;background:linear-gradient(135deg,#292516,#111a27)}.podium-second{color:#c6d0db}.podium-third{color:#d89a69}.podium-rank{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.14em}.podium-rank span{font:800 23px 'Barlow Condensed',sans-serif;opacity:.75}.podium-rank b{font-size:9px}.podium-team{position:relative;z-index:1;margin-top:14px;color:#f4f6f8;font:700 18px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.03em;overflow-wrap:anywhere}.podium-icon{position:absolute;right:16px;top:15px;font-size:23px;opacity:.65}
@media(max-width:650px){.podium-list{grid-template-columns:1fr;gap:9px}.podium-card{min-height:88px;padding:12px 15px}.podium-team{margin-top:8px;font-size:16px}.podium-icon{top:22px}}
.mvp-section{margin:15px 0 28px;min-height:105px;display:flex;align-items:center;gap:18px;padding:18px 24px;position:relative;overflow:hidden;border:1px solid #725b28;border-radius:9px;background:radial-gradient(ellipse at 85% 50%,#db9d2520,transparent 42%),linear-gradient(110deg,#211d15,#101a28 70%)}.mvp-emblem{width:66px;height:66px;flex:0 0 66px;border:1px solid #d9a731;border-radius:50%;display:grid;place-items:center;color:#ffdb72;font:900 17px 'Barlow Condensed',sans-serif;letter-spacing:.08em;box-shadow:0 0 24px #e4ad3022,inset 0 0 15px #e4ad3017}.mvp-copy .eyebrow{color:#d6b75d}.mvp-copy h2{font-size:23px;margin:5px 0}.mvp-copy h2 span{color:var(--gold)}.mvp-copy p{margin:0;color:#f6e8c5;font-size:14px;font-weight:700}.mvp-star{margin-left:auto;color:#e9bd55;font-size:34px;opacity:.75}.reset-card{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;border-color:#59303a}.reset-card h2{font:700 18px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0}.reset-card p{margin:7px 0 0;max-width:720px}.button.danger{background:#4a202a;border-color:#77313c;color:#ffb7bd}.button.danger:hover{background:#622631}
@media(max-width:650px){.mvp-section{padding:15px;gap:12px}.mvp-emblem{width:52px;height:52px;flex-basis:52px;font-size:14px}.mvp-copy h2{font-size:19px}.mvp-copy p{font-size:12px}.mvp-star{font-size:25px}.reset-card{align-items:flex-start;flex-direction:column}}
.roulette-public{margin:22px 0 28px;padding:20px;border:1px solid #253851;border-radius:9px;background:linear-gradient(145deg,#0d1a2b,#091421)}.roulette-public-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.roulette-public-head h2{font-size:25px;margin:7px 0}.roulette-public-head h2 span{color:var(--gold)}.roulette-public-head p{font-size:11px;color:var(--muted);margin:0}.pill.roulette-live{color:#f5cb65;background:#332a18}.roulette-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:11px}.roulette-team-card{padding:13px 15px;border:1px solid #2a3d56;border-radius:7px;background:linear-gradient(145deg,#13243a,#0d1929)}.roulette-team-card h3{margin:0 0 9px;color:#f2c34b;font-size:18px}.roulette-team-card ul{list-style:none;margin:0;padding:0}.roulette-team-card li{padding:7px 2px;border-top:1px solid #ffffff0d;color:#c2cddd;font-size:11px}.roulette-empty{grid-column:1/-1;padding:19px;border:1px dashed #334963;border-radius:6px;color:#8193aa;text-align:center;font-size:11px}.roulette-spin{animation:roulette-pulse .3s ease-in-out infinite alternate}.roulette-draw{border-color:#5d4a22}@keyframes roulette-pulse{to{filter:brightness(1.55);transform:translateY(-1px)}}
@media(max-width:650px){.roulette-public{padding:15px}.roulette-public-head{align-items:flex-start;flex-direction:column}.roulette-results{grid-template-columns:1fr}}
.format-choice{display:flex;flex-direction:column;gap:7px;margin-top:12px;color:#aebbc9;font-size:11px;font-weight:600}.format-choice select{min-width:min(390px,70vw);background:#081321;border:1px solid #26374c;border-radius:5px;color:var(--text);padding:10px 12px;font:12px 'DM Sans',sans-serif}.draw-card>div{min-width:0}
.bracket-tree[data-tree="single"]{grid-template-columns:minmax(430px,2fr) minmax(188px,.9fr)}.bracket-tree[data-tree="single"]:before{left:48%;right:16%}
.tree-wrap{overflow-x:hidden}.bracket-tree,.bracket-tree[data-tree="single"]{min-width:0;width:100%;display:flex;flex-direction:column;gap:14px;grid-template-columns:minmax(0,1fr);padding:4px 0 10px}.bracket-tree:before{display:none}.tree-side,.tree-center{display:block;width:100%;min-width:0}.tree-side .side-title,.tree-center .side-title{text-align:left;margin:0 0 10px;font-size:10px}.left-side{min-width:0}.upper-round-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));align-items:stretch;gap:12px;height:auto;min-height:0}.upper-round-column{min-width:0;display:flex;flex:initial;flex-direction:column;justify-content:flex-start;gap:10px}.upper-round-column .side-title{min-height:0;white-space:normal}.tree-match:after{display:none}.mid-left{order:2}.tree-center{order:5;align-items:stretch}.mid-left .tree-match,.mid-right .tree-match{width:100%}.final-match{width:min(100%,520px);margin:0 auto}.right-side{order:4}.mid-right{display:none}.lower-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));grid-template-rows:none;gap:10px}.lower-match{padding:9px}.lower-match .public-team{min-height:29px;padding:6px}.tree-note{text-align:left}.bracket-tree>.left-side{order:1}
@media(max-width:650px){.tree-wrap{padding:16px 13px}.upper-round-columns,.lower-grid{grid-template-columns:minmax(0,1fr)}.tree-label{align-items:flex-start;flex-direction:column;gap:8px}.tree-caption{line-height:1.5}.tree-match .public-team{font-size:11px}.final-match{max-width:none}}
.match-live{border-color:#397a5a;box-shadow:0 0 0 1px #397a5a33,0 8px 25px #0003}.playing-badge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#72e3a3;font-size:8px;font-weight:800;letter-spacing:.11em}.playing-badge i{width:7px;height:7px;border-radius:50%;background:#43d98b;box-shadow:0 0 0 4px #43d98b22;animation:roulette-pulse .8s ease-in-out infinite alternate}.activate-form{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.activate-form .button{padding:9px 13px}.match-live .teams-line span{color:#70e2a2}
.bracket-tree{grid-template-columns:minmax(430px,2fr) minmax(150px,.7fr) minmax(188px,.9fr) minmax(150px,.7fr) minmax(200px,1fr)}.left-side{display:block}.upper-round-columns{display:flex;align-items:stretch;gap:14px;height:100%;min-height:340px}.upper-round-column{min-width:205px;display:flex;flex:1;flex-direction:column;justify-content:space-around;gap:10px}.upper-round-column .side-title{min-height:18px;white-space:nowrap}.upper-round-column .tree-match{width:100%}
@media(max-width:800px){.bracket-tree{min-width:max-content}.left-side{min-width:max-content}.upper-round-column{min-width:200px}}
.match-locked{border-color:#31513f;background:linear-gradient(145deg,#10241e,#0c1926)}.locked-badge{margin-left:auto;color:#75d6a1;font-size:8px;font-weight:700;letter-spacing:.1em}.match-locked .winner-note{color:#82d7a3}

/* Compact symmetric bracket: rounds flow toward the final without horizontal scrolling. */
.tree-wrap{overflow:hidden}.bracket-tree,.bracket-tree[data-tree="single"]{min-width:0;width:100%;display:grid;grid-template-columns:repeat(var(--bracket-columns),minmax(0,1fr));grid-auto-flow:column;gap:9px;align-items:center;padding:4px 0 10px;position:relative}.bracket-tree:before{display:block;left:16%;right:16%;top:50%}.tree-side,.tree-center{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;min-width:0;width:auto}.left-side,.upper-round-columns{display:contents}.upper-round-column{min-width:0;min-height:100%;display:flex;flex:initial;flex-direction:column;justify-content:space-around;gap:9px}.tree-side .side-title,.tree-center .side-title{font-size:8px;letter-spacing:.12em;text-align:center;white-space:normal;margin:0 0 5px}.tree-match{min-width:0;padding:7px 6px}.tree-match .public-team{min-width:0;gap:3px;padding:6px 3px;font-size:9px;line-height:1.3;overflow-wrap:anywhere}.tree-match .public-team .team-name{overflow-wrap:anywhere}.tree-match .public-team b{min-width:14px}.tree-match .match-state{font-size:6px;letter-spacing:.08em;white-space:normal}.tree-match:after{display:block;width:9px}.left-side .tree-match:after,.mid-left .tree-match:after{right:-10px}.right-side .tree-match:after,.mid-right .tree-match:after{left:-10px}.tree-center{align-items:stretch}.final-match{width:100%;max-width:none;margin:0;padding:9px 7px}.final-match .public-team{font-size:9px;min-height:32px}.final-divider{font-size:7px;padding:4px 2px}.right-side .side-title{margin-bottom:5px}.right-side .tree-branch-grid{display:flex;flex-direction:column;gap:7px}.lower-match{padding:6px 5px}.lower-match .public-team{min-height:24px;padding:4px 2px}.tree-note{text-align:center}
@media(max-width:1000px){.bracket-tree,.bracket-tree[data-tree="single"]{display:flex;flex-direction:column;gap:14px;align-items:stretch}.bracket-tree:before{display:none}.left-side,.upper-round-columns{display:block}.upper-round-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px}.upper-round-column{min-width:0;justify-content:flex-start}.tree-side,.tree-center{display:block;width:100%}.tree-side .side-title,.tree-center .side-title{text-align:left;font-size:10px}.tree-match{padding:9px}.tree-match .public-team{font-size:11px;padding:7px}.tree-match .match-state{font-size:7px}.tree-match:after{display:none}.mid-left{order:2}.right-side{order:4}.mid-right{display:none}.tree-center{order:5}.final-match{width:min(100%,520px);margin:0 auto}.lower-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:9px}}