:root{--ink:#111b2e;--ink-soft:#35415a;--paper:#f4f0e6;--paper-strong:#fffdf7;--accent:#d7ff3f;--accent-dark:#a7cd16;--line:#111b2e29;--muted:#7a8190;--danger:#a93d32;--shadow:0 24px 70px #111b2e1f;--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 12% 18%, #d7ff3f2b, transparent 23rem), var(--paper);font-family:var(--font-sans), Arial, sans-serif;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.page-shell{width:min(1440px,100% - 32px);min-height:100vh;margin:0 auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:86px;display:flex}.brand{letter-spacing:.12em;align-items:center;gap:12px;font-size:.9rem;font-weight:900;display:flex}.brand-mark{width:42px;height:42px;color:var(--paper);background:var(--ink);font-family:var(--font-mono), monospace;border-radius:50%;place-items:center;display:grid}.brand small{color:var(--muted);letter-spacing:.08em;margin-top:3px;font-size:.65rem;font-weight:600;display:block}.site-header nav{gap:30px;font-size:.88rem;font-weight:700;display:flex}.site-header nav a:hover{opacity:.6}.hero{grid-template-columns:minmax(0,1fr) 330px;align-items:end;gap:clamp(40px,8vw,120px);min-height:650px;padding:90px 4vw 72px;display:grid}.eyebrow,.section-heading>span{color:var(--ink-soft);letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px;font-size:.74rem;font-weight:800}.hero h1,.page-heading h1,.entry-heading h1,.not-found h1{letter-spacing:-.075em;max-width:880px;margin:0;font-size:clamp(3.5rem,7.5vw,7.6rem);font-weight:900;line-height:.88}.hero h1 span{color:#0000;-webkit-text-stroke:1.5px var(--ink);display:block}.hero-lead,.page-heading>p:last-child,.entry-heading p{max-width:680px;color:var(--ink-soft);margin:32px 0 0;font-size:clamp(1rem,1.5vw,1.24rem);line-height:1.65}.hero-actions{align-items:center;gap:28px;margin-top:38px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 24px;font-weight:850;display:inline-flex}.button:disabled{cursor:wait;opacity:.55}.button-accent{color:var(--ink);background:var(--accent);box-shadow:0 9px 0 var(--ink);transition:transform .15s,box-shadow .15s}.button-accent:hover{box-shadow:0 6px 0 var(--ink);transform:translateY(3px)}.button-dark{color:var(--paper);background:var(--ink)}.text-link{align-items:center;gap:10px;font-weight:800;display:inline-flex}.text-link span{font-size:1.25em}.hero-scorecard{color:var(--paper);background:var(--ink);box-shadow:var(--shadow);border-radius:4px 4px 60px;padding:28px;position:relative;overflow:hidden}.hero-scorecard:after{border:28px solid var(--accent);content:"";opacity:.9;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-50px;right:-30px}.scorecard-top,.scorecard-meta{z-index:1;letter-spacing:.1em;justify-content:space-between;font-size:.72rem;display:flex;position:relative}.scorecard-number{z-index:1;color:var(--accent);letter-spacing:-.1em;margin-top:48px;font-size:8rem;font-weight:950;line-height:.8;position:relative}.hero-scorecard>p{z-index:1;margin:15px 0 55px;font-weight:750;position:relative}.home-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1.5fr 1fr 1fr;display:grid}.access-form,.rules-card{min-height:250px;padding:38px}.access-form,.rules-card:not(:last-child){border-right:1px solid var(--line)}.access-form{background:#fffdf773;flex-direction:column;justify-content:center;display:flex}.access-form label{letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:.78rem;font-weight:850}.access-form>div{gap:10px;display:flex}.access-form input,.form-intro input{border:1px solid var(--line);width:100%;min-height:54px;color:var(--ink);background:var(--paper-strong);border-radius:3px;outline:none;padding:0 18px}.access-form input:focus,.form-intro input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #d7ff3fb3}.card-index{font-family:var(--font-mono), monospace;font-size:.75rem}.rules-card h2{margin:44px 0 12px;font-size:1.4rem}.rules-card p{color:var(--ink-soft);margin:0;line-height:1.6}.score-system,.leaderboard-preview{padding:110px 4vw}.section-heading h2{letter-spacing:-.06em;max-width:780px;margin:0;font-size:clamp(2.4rem,5vw,5.2rem);line-height:.95}.phase-track{border-top:1px solid var(--line);grid-template-columns:repeat(6,1fr);margin-top:60px;display:grid}.phase-step{border-right:1px solid var(--line);flex-direction:column;min-height:180px;padding:26px 18px 18px 0;display:flex;position:relative}.phase-step:before{background:var(--ink);content:"";border-radius:50%;width:11px;height:11px;position:absolute;top:-6px;left:0}.phase-step strong{font-family:var(--font-mono), monospace;font-size:clamp(2rem,3vw,3.5rem)}.phase-step span{margin-top:auto;font-weight:850}.phase-step small{color:var(--muted);margin-top:4px}.leaderboard-preview{color:var(--paper);background:var(--ink);grid-template-columns:.8fr 1.2fr;align-items:start;gap:70px;display:grid}.leaderboard-preview .section-heading>span,.leaderboard-preview .empty-state p{color:#f4f0e69e}.leaderboard-preview .text-link{grid-column:2}.leaderboard-list{border-top:1px solid #fff3;margin:0;padding:0;list-style:none}.leaderboard-list li{border-bottom:1px solid #fff3;grid-template-columns:60px 1fr auto;align-items:center;min-height:68px;display:grid}.leaderboard-position{color:var(--accent);font-family:var(--font-mono), monospace}.content-page{padding:82px 4vw 120px}.page-heading{max-width:1000px;margin-bottom:70px}.page-heading h1,.entry-heading h1{font-size:clamp(3.5rem,7vw,7rem)}.entry-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:65px;display:flex}.code-button{min-width:245px;color:var(--paper);background:var(--ink);cursor:pointer;text-align:left;border:0;border-radius:4px;padding:20px 24px}.code-button strong{font-family:var(--font-mono), monospace;letter-spacing:.08em;font-size:1.25rem;display:block}.code-button span{color:var(--accent);margin-top:6px;font-size:.75rem;font-weight:750;display:block}.form-intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:220px minmax(240px,430px) 1fr;align-items:center;gap:22px;padding:28px 0;display:grid}.form-intro label{font-weight:850}.form-intro p{color:var(--ink-soft);margin:0}.group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;display:grid}.group-card{border:1px solid var(--line);background:#fffdf799;border-radius:5px;padding:24px;box-shadow:0 10px 35px #111b2e0a}.group-card.is-locked{opacity:.66;background:#111b2e0a}.group-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.group-heading>div{align-items:baseline;gap:8px;display:flex}.group-heading span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.group-heading strong{font-size:1.8rem}.status-pill{background:var(--accent);border-radius:999px;padding:7px 10px;color:var(--ink)!important;font-size:.62rem!important}.status-pill.locked{background:var(--ink);color:var(--paper)!important}.ranking-list{margin:0;padding:0;list-style:none}.ranking-list li{border-top:1px solid var(--line);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;display:grid}.position{color:var(--muted);font-family:var(--font-mono), monospace;font-size:.78rem}.team-name{text-overflow:ellipsis;white-space:nowrap;font-weight:780;overflow:hidden}.move-buttons{gap:4px;display:flex}.move-buttons button{border:1px solid var(--line);width:30px;height:30px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.move-buttons button:disabled{cursor:default;opacity:.2}.lock-copy{min-height:30px;color:var(--muted);margin:16px 0 0;font-size:.72rem;line-height:1.4}.save-bar{z-index:4;color:var(--paper);background:var(--ink);box-shadow:var(--shadow);border-radius:5px;grid-template-columns:1fr auto;align-items:center;gap:8px 30px;margin-top:34px;padding:18px 22px;display:grid;position:sticky;bottom:18px}.third-place-section{color:var(--paper);background:var(--ink);border-radius:6px;margin-top:80px;padding:clamp(26px,4vw,50px)}.third-place-section.is-locked{opacity:.78}.third-place-heading{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.third-place-heading>div:first-child>span{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:850}.third-place-heading h2{letter-spacing:-.06em;max-width:720px;margin:12px 0 14px;font-size:clamp(2rem,4vw,4.6rem);line-height:.95}.third-place-heading p{color:#f4f0e6b3;max-width:680px;margin:0;line-height:1.6}.selection-counter{text-align:right;min-width:130px}.selection-counter strong{color:var(--accent);font-family:var(--font-mono), monospace;font-size:2.3rem;display:block}.selection-counter span{color:#f4f0e69e;font-size:.72rem}.third-place-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:38px;display:grid}.third-place-option{cursor:pointer;border:1px solid #f4f0e63d;border-radius:3px;flex-direction:column;min-height:120px;padding:18px;transition:border-color .15s,background .15s;display:flex}.third-place-option input{opacity:0;pointer-events:none;position:absolute}.third-place-option:hover:not(.is-disabled),.third-place-option.is-selected{border-color:var(--accent)}.third-place-option.is-selected{color:var(--ink);background:var(--accent)}.third-place-option.is-disabled{cursor:default;opacity:.42}.third-group{font-family:var(--font-mono), monospace;text-transform:uppercase;font-size:.7rem}.third-place-option strong{margin-top:14px;font-size:1rem}.third-place-option small{opacity:.7;margin-top:auto;padding-top:12px}.third-place-lock-copy{color:#f4f0e69e;margin:20px 0 0;font-size:.75rem}.save-bar>div span{color:#f4f0e6a6;margin-top:4px;font-size:.8rem;display:block}.form-message{grid-column:1/-1;margin:0;font-size:.82rem}.form-message.error{color:#ff9d91}.form-message.success{color:var(--accent)}.knockout-section{margin-top:100px}.fixture-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:35px;display:grid}.fixture-card{border:1px solid var(--line);background:var(--paper-strong);padding:20px}.fixture-card>p,.fixture-card small{color:var(--muted);font-size:.72rem}.fixture-card label{border-top:1px solid var(--line);padding:12px 0;font-weight:750;display:block}.fixture-card input{margin-right:8px}.leaderboard-page{max-width:1100px;margin:0 auto}.leaderboard-table{border-top:2px solid var(--ink);margin:0;padding:0;list-style:none}.leaderboard-table li{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr auto;align-items:center;gap:20px;min-height:95px;display:grid}.leaderboard-table .rank{color:var(--muted);font-family:var(--font-mono), monospace}.leaderboard-table strong{font-size:1.3rem;display:block}.leaderboard-table small{color:var(--muted);margin-top:5px;display:block}.leaderboard-table .points{font-family:var(--font-mono), monospace;font-size:1.25rem;font-weight:750}.empty-state{border:1px dashed;padding:35px}.empty-state p{color:var(--ink-soft);margin:8px 0 0}.empty-state.large{text-align:center;padding:70px}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;min-height:70vh;padding:5vw;display:flex}.not-found>span{color:var(--accent-dark);font-family:var(--font-mono), monospace;font-size:1.4rem}.not-found p{color:var(--ink-soft);margin:28px 0}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:32px 0;font-size:.72rem;display:flex}@media (max-width:1000px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-scorecard{max-width:420px}.home-grid{grid-template-columns:1fr 1fr}.access-form{border-right:0;border-bottom:1px solid var(--line);grid-column:1/-1}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-intro{grid-template-columns:1fr 1fr}.form-intro p{grid-column:1/-1}.phase-track{grid-template-columns:repeat(3,1fr)}.third-place-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.leaderboard-preview{grid-template-columns:1fr}.leaderboard-preview .text-link{grid-column:1}}@media (max-width:680px){.page-shell{width:min(100% - 20px,1440px)}.site-header nav{gap:14px;font-size:.75rem}.hero{gap:50px;padding:55px 10px}.hero h1,.page-heading h1,.entry-heading h1,.not-found h1{font-size:clamp(3.2rem,15vw,5rem)}.hero-actions,.access-form>div,.entry-heading{flex-direction:column;align-items:stretch}.home-grid,.group-grid,.fixture-grid{grid-template-columns:1fr}.rules-card{border-bottom:1px solid var(--line);border-right:0!important}.score-system,.leaderboard-preview,.content-page{padding:75px 18px}.phase-track{grid-template-columns:1fr 1fr}.form-intro{grid-template-columns:1fr}.form-intro p{grid-column:1}.save-bar{grid-template-columns:1fr;position:static}.third-place-heading{flex-direction:column}.selection-counter{text-align:left}.third-place-grid{grid-template-columns:1fr 1fr}.leaderboard-table li{grid-template-columns:45px 1fr auto}footer{flex-direction:column;gap:10px}}