:root{color-scheme:dark;--bg:#050914;--panel:#0c1527;--panel2:#101e35;--line:#263956;--muted:#93a8c6;--white:#f2f6ff;--blue:#48afff;--cyan:#44dcff;--purple:#a383ff;--green:#4ae0af;--gold:#ffd16e;--red:#fa7588}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 88% 3%,#1c1a3a 0,transparent 28%),radial-gradient(circle at 5% 38%,#0c203a 0,transparent 39%),var(--bg);color:var(--white);font-family:Inter,system-ui,sans-serif;font-size:14px;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.muted,small{color:var(--muted)}.eyebrow{color:#7ebeff;font-size:11px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase}h1,h2,h3,.brand-title{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;letter-spacing:.6px;margin:0}h1{font-size:clamp(3.5rem,8vw,7.5rem);line-height:.88;font-weight:900}h2{font-size:36px}h3{font-size:23px}p{line-height:1.75;color:var(--muted)}.container{width:min(1280px,calc(100% - 46px));margin:auto}.topbar{height:75px;position:sticky;top:0;z-index:30;background:rgba(5,9,20,.94);border-bottom:1px solid #263149;backdrop-filter:blur(14px)}.nav-wrap{display:flex;justify-content:space-between;align-items:center;height:100%;gap:20px}.logo{width:170px;height:52px;object-fit:contain;object-position:left center}.nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.nav a{color:#afbed6;font-size:13px;font-weight:700;padding:11px 12px;border-radius:8px;transition:.2s}.nav a:hover,.nav a.active{background:#142844;color:#f4f9ff}.nav a.cta{background:linear-gradient(100deg,#287ae0,#54b9ff);color:#02142c}.demo-ribbon{background:linear-gradient(90deg,#0c2640,#1b1b3c);padding:8px 20px;text-align:center;border-bottom:1px solid #2c4c72;color:#bcd7f6;font-size:12px}.hero{min-height:610px;display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:22px;padding:85px 0 90px}.hero h1{margin:29px 0}.hero h1 span,.gradient{color:#67b6ff}.hero p{font-size:16px;max-width:530px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:430px;isolation:isolate}.hero-art:before{content:'';position:absolute;border-radius:50%;width:400px;height:400px;border:1px solid #2a5491;box-shadow:inset 0 0 100px #0f2645,0 0 80px #102e4f;z-index:-1}.hero-art video{width:min(100%,560px);mix-blend-mode:screen;filter:drop-shadow(0 0 28px #3268b7)}.btn,.btn-link{border:1px solid #3b5476;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;background:#0d1d36;color:white;font-weight:700;padding:13px 18px;min-height:42px}.btn:hover,.btn-link:hover{filter:brightness(1.17)}.btn.primary,.btn-link.primary{background:linear-gradient(100deg,#287ae0,#59baff);color:#031525;border-color:#4faeff}.btn.danger{border-color:#8d4257;background:#351b2a;color:#ffc0c9}.btn.tiny{font-size:12px;padding:8px 11px;min-height:0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.metrics{display:flex;gap:38px;border-top:1px solid #2b3950;padding-top:28px;margin-top:45px}.metrics strong{font:800 30px 'Barlow Condensed';display:block}.metrics small{display:block;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700}.section{padding:60px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.section-title h2{font-size:48px}.panel,.event-card,.card{background:linear-gradient(150deg,#111b2e 0,#0b1423 96%);border:1px solid #253a55;border-radius:15px;padding:24px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card h3{margin:12px 0 5px}.card .icon{font-size:27px}.pill{display:inline-flex;align-items:center;padding:5px 10px;font-size:11px;font-weight:800;border-radius:5px;background:#1a3553;color:#9ccaff}.pill.green{color:#54edb4;background:#10352e}.pill.gold{color:#ffd878;background:#43371f}.pill.purple{color:#c1adff;background:#30274a}.pill.red{color:#ff9eab;background:#44242f}.footer{margin-top:70px;border-top:1px solid #263247;color:#7a8eab;padding:26px 0}.footer-inner{display:flex;justify-content:space-between;gap:14px}.inner-hero{padding:70px 0 25px}.inner-hero h1{font-size:clamp(3rem,7vw,5.8rem);margin:15px 0 17px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-size:12px;font-weight:800;color:#a7c5ef}.field input,.field select,.field textarea,select,input,textarea{background:#091326;border:1px solid #324869;border-radius:9px;padding:12px 13px;color:white;width:100%;outline:none;min-height:43px}.field textarea{min-height:112px;resize:vertical}.field input:focus,.field select:focus,textarea:focus{border-color:#57b7ff;box-shadow:0 0 0 2px #2b83c729}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.full{grid-column:1/-1}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.subtle{color:#a5b8d1}.empty{border:1px dashed #34506a;background:#0a1526;border-radius:11px;padding:20px;color:#92abc9}.feedback{padding:12px 14px;border-radius:9px;border:1px solid #2a9579;background:#0b302a;color:#9df5c8;margin:12px 0}.feedback.error{border-color:#a44c59;background:#3b1825;color:#ffb4c1}.hidden{display:none!important}.score-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:16px;align-items:start}.table-wrap{overflow-x:auto}.score-table{width:100%;border-collapse:separate;border-spacing:0 7px;text-align:left;font-size:13px}.score-table th{color:#879db9;font-size:11px;text-transform:uppercase;padding:8px;letter-spacing:.6px}.score-table td{background:#0e1c30;border-top:1px solid #25435d;border-bottom:1px solid #25435d;padding:14px 9px}.score-table td:first-child{border-left:1px solid #25435d;border-radius:8px 0 0 8px}.score-table td:last-child{border-right:1px solid #25435d;border-radius:0 8px 8px 0;color:#4bd9ff;font-weight:800}.score-table details{max-width:330px}.score-table summary{cursor:pointer;color:#dceaff;font-weight:800}.frag-entry{display:flex;align-items:center;gap:14px;padding:11px 2px;border-bottom:1px solid #2c3d57}.frag-entry .rank{font-weight:800;color:#c0d1e4;width:30px}.frag-entry .name{flex:1;min-width:0}.frag-entry small{font-size:11px;display:block;margin-top:4px}.frag-entry strong{color:#48e0ff}.rank-tools{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}.modes{display:flex;gap:10px;flex-wrap:wrap}.modes button{border-radius:99px;padding:11px 17px;color:#b8b4db;background:#1d1b32;border:1px solid #333b5b}.modes button.selected{background:linear-gradient(110deg,#1fc9f5,#347af0);color:#031a2a;border-color:transparent}.rank-board{display:grid;grid-template-columns:repeat(9,minmax(150px,1fr));gap:7px;overflow-x:auto}.tier{min-width:135px;min-height:450px;border:1px solid var(--tier);background:linear-gradient(160deg,color-mix(in srgb,var(--tier) 12%,#101a2c),#0d1526);border-radius:13px;padding:8px}.tier h3{font:800 17px 'Barlow Condensed';text-transform:none;white-space:nowrap;padding:3px 0 10px}.tier h3 b{background:color-mix(in srgb,var(--tier) 24%,#071629);border:1px solid var(--tier);font:800 12px Inter;padding:4px 7px;border-radius:5px;margin-right:3px;color:#e4f4ff}.tier small{display:block;color:#9cacc8;margin-top:6px}.player-chip{display:block;background:#ffffff0d;border:1px solid color-mix(in srgb,var(--tier) 32%,#253449);border-radius:6px;padding:7px;font-size:11px;font-weight:700;margin:5px 0;overflow-wrap:anywhere}.tier:nth-child(1){--tier:#379d83}.tier:nth-child(2){--tier:#35b7b0}.tier:nth-child(3){--tier:#20c9e2}.tier:nth-child(4){--tier:#268acb}.tier:nth-child(5){--tier:#3967df}.tier:nth-child(6){--tier:#7565e8}.tier:nth-child(7){--tier:#a052ce}.tier:nth-child(8){--tier:#d7469f}.tier:nth-child(9){--tier:#df9e3b}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.admin-nav a{background:#172740;padding:9px 10px;border:1px solid #304967;border-radius:7px;font-size:12px;font-weight:700}.admin-stack{display:grid;gap:22px}.admin-block{padding:22px;border:1px solid #2a3e5a;background:#0c1627;border-radius:15px;scroll-margin-top:105px}.admin-block h2{font-size:28px;margin-bottom:12px}.admin-list{display:flex;flex-direction:column;gap:9px}.admin-item{background:#142239;border:1px solid #2d4563;border-radius:10px;padding:14px}.review-image{width:180px;max-height:160px;object-fit:cover;border-radius:8px;border:1px solid #3f6288;cursor:zoom-in}.proof-players{display:grid;grid-template-columns:1fr 115px;gap:10px;align-items:center;margin:12px 0}.help-banner{background:#1c2638;border-left:3px solid #63aafb;padding:12px 16px;border-radius:6px;font-size:12px;line-height:1.6;color:#c9d9ee}.demo-tag{font-size:11px;color:#ffd98e;border:1px solid #776139;background:#3a3020;border-radius:5px;padding:6px 9px}.loading{padding:30vh 5vw;text-align:center;color:#83c5ff}.winner-mark{font:900 56px 'Barlow Condensed';color:#ffd279}.separator{height:1px;background:#273c55;margin:19px 0}@media(max-width:1040px){.rank-board{grid-template-columns:repeat(9,150px)}.score-layout{grid-template-columns:1fr}.hero{grid-template-columns:1fr;min-height:0;padding:65px 0}.hero-art{min-height:260px}.hero-art:before{width:270px;height:270px}}@media(max-width:720px){.topbar{height:auto;min-height:66px}.nav-wrap{gap:3px;align-items:flex-start;flex-direction:column;padding:6px 0}.logo{width:140px;height:43px}.nav{gap:1px}.nav a{font-size:11px;padding:7px 8px}.container{width:min(100% - 24px,1280px)}.grid{grid-template-columns:1fr}.section{padding:36px 0}.section-title h2{font-size:40px}.form-grid{grid-template-columns:1fr}.hero{padding:55px 0 10px}.hero-art{min-height:220px}.hero-art video{width:320px;max-width:100%}.metrics{gap:20px}.rank-board{grid-template-columns:repeat(9,145px)}.panel,.event-card,.card{padding:18px}.footer-inner{flex-direction:column}.proof-players{grid-template-columns:1fr 105px}}


/* V2.1 — extra starfield + visual match to main homepage */
body{position:relative;background:radial-gradient(circle at 88% 3%,rgba(28,26,58,.72) 0,transparent 28%),radial-gradient(circle at 5% 38%,rgba(12,32,58,.72) 0,transparent 39%),linear-gradient(180deg,#050914 0%,#07101e 100%)!important}
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}
body::before{background-image:radial-gradient(circle at 8% 16%, rgba(166,214,255,.95) 0 1px, transparent 1.9px),radial-gradient(circle at 22% 70%, rgba(166,214,255,.8) 0 1.2px, transparent 2px),radial-gradient(circle at 38% 28%, rgba(255,255,255,.85) 0 1px, transparent 2px),radial-gradient(circle at 54% 82%, rgba(137,201,255,.85) 0 1.3px, transparent 2px),radial-gradient(circle at 68% 22%, rgba(255,255,255,.7) 0 1px, transparent 2px),radial-gradient(circle at 82% 62%, rgba(110,188,255,.92) 0 1.1px, transparent 2px),radial-gradient(circle at 92% 14%, rgba(255,255,255,.82) 0 1.1px, transparent 2px),radial-gradient(circle at 12% 88%, rgba(141,210,255,.82) 0 1.2px, transparent 2px);opacity:.65;animation:notwTwinkleTurnier 6s ease-in-out infinite alternate}
body::after{background-image:radial-gradient(circle at 17% 31%, rgba(173,220,255,.75) 0 .9px, transparent 1.9px),radial-gradient(circle at 49% 11%, rgba(255,255,255,.75) 0 1px, transparent 2px),radial-gradient(circle at 63% 73%, rgba(133,192,255,.8) 0 .9px, transparent 2px),radial-gradient(circle at 77% 43%, rgba(255,255,255,.6) 0 .9px, transparent 2px),radial-gradient(circle at 88% 85%, rgba(124,189,255,.75) 0 1px, transparent 2px);opacity:.38;animation:notwTwinkleTurnier 8s ease-in-out infinite alternate-reverse}
@keyframes notwTwinkleTurnier{0%{opacity:.32;filter:brightness(.95)}50%{opacity:.72;filter:brightness(1.14)}100%{opacity:.48;filter:brightness(1)}}
.topbar,.demo-ribbon,.hero,.section,.footer,.inner-hero{position:relative;z-index:1}
.topbar{background:rgba(5,9,20,.92)!important;border-bottom:1px solid rgba(84,128,182,.28)!important}
.panel,.event-card,.card,.admin-block{box-shadow:0 18px 42px rgba(0,0,0,.12)}
.hero-art:before{box-shadow:inset 0 0 100px #0f2645,0 0 80px rgba(16,46,79,.72),0 0 120px rgba(48,105,183,.18)!important}


/* V3 — brighter creator-like blue for all turnier pages */
body{background:radial-gradient(circle at 12% 16%, rgba(44,126,214,.22), transparent 24%),radial-gradient(circle at 88% 8%, rgba(85,140,255,.18), transparent 18%),radial-gradient(circle at 84% 78%, rgba(60,112,208,.12), transparent 20%),linear-gradient(180deg,#091425 0%,#0d1d35 100%)!important;color:var(--white)}
body::before{opacity:.88!important}
body::after{opacity:.56!important}
.panel,.event-card,.card,.admin-block{background:linear-gradient(150deg,rgba(20,35,61,.96) 0%,rgba(13,24,42,.98) 100%)!important;border-color:#2b4567!important;box-shadow:0 18px 42px rgba(0,0,0,.18)!important}
.topbar,.footer,.demo-ribbon{background:rgba(6,12,23,.84)!important}

/* v6 companion polish – match Creator blues, not a dark flat black */
body.notw-matchpoint{background:radial-gradient(ellipse 64% 52% at 50% 0%,rgba(17,57,109,.66),transparent 85%),radial-gradient(ellipse 48% 40% at 95% 67%,rgba(14,54,98,.27),transparent 80%),linear-gradient(180deg,#06111e,#09182b 45%,#071424)!important}
body.notw-matchpoint .panel,body.notw-matchpoint .event-card,body.notw-matchpoint .card,body.notw-matchpoint .admin-block{background:linear-gradient(160deg,rgba(20,39,68,.97),rgba(12,27,48,.98))!important;border:1px solid rgba(95,166,248,.24)!important}


/* v7 — 9 tiers fill the desktop screen, no horizontal scrollbar */
body[data-page="rankings"] .container{width:min(1800px,calc(100% - 46px))!important;max-width:none!important}
body[data-page="rankings"] .rank-board{display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;gap:7px!important;width:100%!important;overflow:visible!important;min-width:0!important}
body[data-page="rankings"] .rank-board .tier{min-width:0!important;width:100%!important;min-height:580px!important;padding:8px 7px!important}
body[data-page="rankings"] .rank-board .tier h3{font-size:clamp(14px,1.13vw,19px)!important;white-space:normal!important;overflow-wrap:break-word!important;line-height:1.08!important;min-height:36px}
body[data-page="rankings"] .rank-board .tier h3 b{font-size:11px!important;padding:4px 6px!important}
body[data-page="rankings"] .rank-board .tier .player-chip{font-size:clamp(10px,.78vw,12px)!important;line-height:1.25!important;overflow-wrap:anywhere!important;min-width:0!important;padding:7px 5px!important}
body[data-page="rankings"] .rank-tools{align-items:center!important}
@media(max-width:1150px){
  body[data-page="rankings"] .rank-board{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  body[data-page="rankings"] .rank-board .tier{min-height:0!important;padding:12px!important}
  body[data-page="rankings"] .rank-board .tier h3{font-size:19px!important;min-height:0}
  body[data-page="rankings"] .rank-board .tier .player-chip{font-size:12px!important;padding:8px!important}
}
@media(max-width:660px){
  body[data-page="rankings"] .container{width:calc(100% - 24px)!important}
  body[data-page="rankings"] .rank-board{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body[data-page="rankings"] .rank-board .tier{padding:9px!important}
  body[data-page="rankings"] .rank-board .tier h3{font-size:16px!important}
  body[data-page="rankings"] .rank-board .tier .player-chip{font-size:11px!important}
}
@media(max-width:380px){body[data-page="rankings"] .rank-board{grid-template-columns:1fr!important}}