*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#f4f7fb;background:#09111d;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:auto;padding:0 20px 64px}.narrow{max-width:510px}.header{justify-content:space-between;align-items:center;gap:12px;padding:25px 0 35px;display:flex}.header-actions{flex-wrap:wrap;gap:8px;display:flex}.logo{letter-spacing:.4px;font-size:23px;font-weight:900}.btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #40506a;border-radius:12px;padding:11px 15px;font-size:14px;font-weight:700}.btn.primary{color:#071b17;background:#42d99a;border-color:#42d99a}.btn:disabled{opacity:.55;cursor:wait}.btn.ghost:hover{background:#172438}.hero{padding:55px 0 60px}.hero h1{letter-spacing:-2px;margin:12px 0;font-size:clamp(38px,7vw,78px);line-height:1.05}.hero p:not(.eyebrow){color:#a9bbce;font-size:19px}.eyebrow{letter-spacing:2px;color:#45d9a1;text-transform:uppercase;font-size:12px;font-weight:800}.muted{color:#aab8ca}.panel{background:#121f30;border:1px solid #293a50;border-radius:18px;padding:22px}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.tile{transition:transform .15s}.tile:hover{border-color:#42d99a;transform:translateY(-2px)}.tile h3{margin:10px 0;font-size:23px}.tile p{color:#aab8ca}.arrow{color:#42d99a;font-weight:700}.form{gap:18px;margin-top:22px;display:grid}.form label{color:#bdccdc;gap:8px;display:grid}.form input{color:#fff;background:#0c1624;border:1px solid #40506a;border-radius:10px;width:100%;padding:14px;font-size:16px}.error{color:#ff9a9a;background:#3c1b29;border-radius:10px;padding:12px}.tabs{gap:8px;margin:26px 0;display:flex}.tabs button{color:#d9e4f1;cursor:pointer;background:0 0;border:1px solid #35445b;border-radius:12px;padding:12px 18px}.tabs button.active{color:#0b1a16;background:#42d99a;border-color:#42d99a;font-weight:800}.group-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,490px),1fr));gap:18px;display:grid}.panel h2{margin:0 0 16px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:#9fb1c5;font-weight:600}td,th{border-bottom:1px solid #2b3b4f;padding:12px 7px}td:nth-child(n+3),th:nth-child(n+3){text-align:right}td:nth-child(2){font-weight:700}.qualify{color:#6debb7;background:#244b3e;border-radius:8px;padding:6px 9px}.match-list{gap:10px;display:grid}.match{background:#0c1725;border:1px solid #283a50;border-radius:12px;padding:12px}.match-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:14px;display:grid}.match-top span:last-child{text-align:right}.match-top strong{white-space:nowrap;font-size:20px}.score-form{justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.score-form input{color:#fff;text-align:center;background:#18293d;border:1px solid #50617a;border-radius:8px;width:65px;padding:10px;font-size:18px}.projection{min-height:100vh;padding:30px}.projection-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px;display:flex}.projection-header h1{margin:8px 0;font-size:clamp(24px,3vw,48px)}.projection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.projection .panel{padding:25px}.projection table{font-size:clamp(15px,1.6vw,23px)}.projection td,.projection th{padding:16px 8px}.projection-footer{text-align:center;color:#7c90a9;margin-top:25px}@media (max-width:700px){.projection-grid{grid-template-columns:1fr}.projection{padding:14px}.header{padding:20px 0}.group-grid{grid-template-columns:1fr}.panel{padding:15px}.header-actions .btn{padding:8px}.hero{padding:30px 0 40px}}.form select,.setup-grid select{color:#fff;background:#0c1624;border:1px solid #40506a;border-radius:10px;width:100%;padding:14px;font-size:16px}.setup-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,470px),1fr));gap:18px;display:grid}.setup-grid .form{margin-top:12px}.setup-grid label{color:#bdccdc;gap:8px;display:grid}.setup-grid .panel{align-self:start}.player-chips{flex-wrap:wrap;gap:7px;display:flex}.chip{border:1px solid #344b60;border-radius:20px;padding:6px 10px;font-size:12px}.group-results{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.group-results>div{background:#0c1725;border-radius:10px;padding:12px}.group-results h3{margin:0 0 10px}.group-results p{margin:7px 0;font-size:14px}.success-note{color:#85f4c0;background:#12392c;border-radius:10px;padding:12px}.score-picks{flex-wrap:wrap;align-items:center;gap:6px;width:100%;margin:6px 0;display:flex}.score-picks .muted{min-width:100px;font-size:13px}.score-pick{min-width:37px;min-height:38px;color:inherit;cursor:pointer;background:0 0;border:1px solid #64748b;border-radius:9px;font-weight:700}.score-pick.selected{color:#fff;background:#16a34a;border-color:#16a34a}.score-pick:hover{border-color:#22c55e}.score-options{flex-wrap:wrap;gap:8px;width:100%;margin:8px 0;display:flex}.score-options .score-pick{min-width:56px;min-height:42px;font-size:15px}.projection-knockout{gap:16px;margin-top:28px;display:grid}.projection-knockout>h2{margin:0}.projection-knockout .panel h3{margin:0 0 16px;font-size:22px}.projection-ko-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:12px;display:grid}.projection-ko-match{background:#0c1725;border:1px solid #293a50;border-radius:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;padding:20px 14px;font-size:clamp(14px,1.7vw,22px);display:grid}.projection-ko-match span{overflow-wrap:anywhere}.projection-ko-match span:last-child{text-align:right}.projection-ko-match strong{white-space:nowrap;color:#45d9a1}.projection-champion{text-align:center;border-color:#45d9a1;margin-bottom:26px}.projection-champion h2{margin:12px 0;font-size:clamp(32px,5vw,64px)}@media (max-width:700px){.projection-ko-match{gap:7px;padding:14px 8px}}:root{--dtm-accent:#42d99a}body{background:radial-gradient(at 15% -15%,#173044 0,#0000 45%),#09111d}button,a,input,select{transition:border-color .15s,background .15s,transform .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--dtm-accent);outline-offset:3px}.btn.primary,.tabs button.active{background:var(--dtm-accent);border-color:var(--dtm-accent);color:#09111d}.eyebrow,.arrow,.projection-ko-match strong{color:var(--dtm-accent)}.panel{box-shadow:0 8px 26px #00000015}.score-pick.selected{background:var(--dtm-accent);border-color:var(--dtm-accent);color:#09111d}.tabs{padding-bottom:6px;overflow-x:auto}.tabs button{white-space:nowrap}.brand-line{align-items:center;gap:18px;display:flex}.brand-line h1{margin:8px 0}.tournament-logo{object-fit:contain;background:#ffffff0a;border:1px solid #30445b;border-radius:15px;width:86px;height:86px;padding:8px}.color-row{align-items:center;gap:12px;display:flex}.color-row input[type=color]{cursor:pointer;width:64px;height:45px;padding:3px}.projection-stage{flex-direction:column;justify-content:center;gap:24px;min-height:65vh;display:flex}.projection-stage h2{margin:0;font-size:clamp(40px,5vw,80px)}.projection-stage .projection-ko-match{min-height:140px}.projection-champion{border:2px solid var(--dtm-accent);background:radial-gradient(circle at 50% 25%,#264a3a 0,#121f30 65%);flex-direction:column;justify-content:center;align-items:center;min-height:68vh;display:flex}.trophy{font-size:clamp(90px,13vw,180px)}.projection-champion h2{font-size:clamp(45px,7vw,105px)}.pwa-install{z-index:30;background:#121f30ee;border:1px solid #40506a;border-radius:14px;max-width:280px;padding:8px;position:fixed;bottom:15px;right:15px;box-shadow:0 8px 30px #0008}.pwa-install .btn{width:100%}.pwa-install p{padding:0 8px;font-size:13px}.projection~.pwa-install{display:none}@media (max-width:700px){.brand-line{gap:10px}.tournament-logo{width:60px;height:60px}.projection-stage .projection-ko-match{min-height:90px}.score-options{gap:5px}.score-options .score-pick{flex:1 0 55px}}body:has(.projection) .pwa-install{display:none}