:root{--ink:#101010;--paper:#f8f8f4;--orange:#ffdd00;--green:#101010;--line:#d9d9d3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,sans-serif}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:#111;color:#fff;position:sticky;top:0;z-index:2}.brand{font-size:20px;font-weight:900;letter-spacing:-1px;text-decoration:none;color:#fff}.brand i,h1 em{color:var(--orange);font-style:normal}nav{display:flex;gap:24px}nav a{color:#fff;text-decoration:none;font-weight:700}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid #777;padding:8px 10px;font:inherit;font-weight:900;cursor:pointer}.hero{background:radial-gradient(circle at 80% 20%,#48482c,transparent 28%),#111;color:#fff;padding:90px 10vw 100px}.hero h1{font-size:clamp(44px,8vw,100px);letter-spacing:-5px;line-height:.95;margin:10px 0 22px}.hero p:not(.eyebrow){max-width:530px;font-size:19px;margin-bottom:30px}.button{background:var(--orange);color:#111;border:0;padding:13px 20px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-block}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--ink)}.small{padding:9px 13px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.6px;margin:0;color:inherit}.notice{padding:13px 6vw;background:var(--orange);text-align:center;font-weight:700}main>section:not(.hero){margin:64px auto;max-width:1120px;padding-left:24px;padding-right:24px}.panel{background:#fff;border:1px solid var(--line);padding:32px}.builder{background:#141414;color:#fff;padding-top:34px!important;padding-bottom:34px!important}.builder-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.builder h2{font-size:32px;letter-spacing:-1.5px;margin:4px 0}.steps{display:flex;gap:20px;color:#888;font-size:13px;font-weight:700}.steps .active{color:var(--orange)}.builder-layout{display:grid;grid-template-columns:1.55fr .9fr;gap:20px}.picker{background:#fff;color:#111;padding:24px}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2,.panel h2,.rules h2{font-size:32px;letter-spacing:-1.5px;margin:4px 0}.muted{color:#696969}#budget{font-weight:900;font-size:18px;background:var(--orange);padding:7px 10px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:10px;margin:24px 0 0}.team-card{border:1px solid var(--line);padding:14px;background:#fff;cursor:pointer;text-align:left;display:flex;align-items:center;gap:11px}.team-card b{margin-left:auto;font-size:20px}.team-card.selected{background:#fffbd8;border:2px solid #111}.team-card small{color:#696969}.team-mark{background:#222;color:var(--orange);border-radius:50%;height:38px;width:38px;display:inline-grid;place-items:center;font-weight:900;font-size:18px;flex:0 0 38px}.lineup{background:#242424;padding:24px}.lineup-head{display:flex;justify-content:space-between;margin-bottom:12px}.lineup-head span{color:var(--orange);font-weight:900}.lineup-slot{height:72px;border:1px dashed #676767;margin:8px 0;display:flex;align-items:center;gap:12px;padding:10px;color:#aaa}.lineup-slot.filled{border-style:solid;border-color:#555;background:#2d2d2d;color:#fff}.slot-number{font-size:12px;color:#999;font-weight:700}.lineup-slot small{display:block;color:#bbb;font-size:12px}.lineup-slot button{margin-left:auto;background:none;color:#fff;border:0;font-size:24px;cursor:pointer}.captain-options{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 18px}.captain-options label{border:1px solid #555;padding:8px;color:#fff;cursor:pointer;font-size:13px}.two-col,.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.leader-row{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.rank{font-weight:700;color:#c9a900;width:25px}.score{margin-left:auto;font-weight:700}.points-breakdown{padding:0 0 12px 39px}.points-breakdown summary{color:#063b93;font-size:13px;font-weight:900;cursor:pointer;width:max-content}.points-breakdown p{margin:8px 0 0;font-size:13px}.points-breakdown-list{margin-top:8px;border-left:3px solid #d5e3f8}.points-breakdown-list>div{display:flex;gap:12px;justify-content:space-between;padding:7px 10px;border-bottom:1px solid #edf2f9;font-size:13px}.points-breakdown-list strong{white-space:nowrap}#prediction-fields{display:grid;gap:8px;margin:20px 0}select,input{padding:12px;border:1px solid var(--line);background:#fff;width:100%;font:inherit}#event-form{display:grid;grid-template-columns:1fr 1fr .7fr 1fr auto;gap:8px}.hidden{display:none!important}dialog{border:0;padding:32px;max-width:430px;width:90%;box-shadow:0 12px 50px #0005}.close{float:right;border:0;background:transparent;font-size:28px;cursor:pointer}.auth-actions{display:flex;gap:8px;margin-top:12px}.rules{padding-bottom:60px}.rules h3{margin-bottom:2px}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 18px;display:none;z-index:3}@media(max-width:700px){header{padding:0 20px;gap:8px}.brand{font-size:16px}.menu-toggle{display:block;margin-left:auto}#main-nav{display:none;position:absolute;top:76px;left:0;right:0;z-index:4;background:#111;border-top:1px solid #444;box-shadow:0 14px 22px #0005;padding:12px 20px;flex-direction:column;gap:0}#main-nav.open{display:flex}#main-nav a{padding:14px 4px;border-bottom:1px solid #333}.hero{padding:70px 24px}.two-col,.rule-grid,.builder-layout{grid-template-columns:1fr}.builder-top{align-items:start;flex-direction:column;gap:12px}.steps{gap:10px;font-size:11px}#event-form{grid-template-columns:1fr}.panel{padding:23px}.section-head{align-items:start;flex-direction:column}.points-breakdown{padding-left:0}.points-breakdown-list>div{font-size:12px}}.sponsor-logo-icon{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin:0 7px 2px 0;border-radius:4px;background:#fff}@media(max-width:1100px){header{padding:0 20px;gap:8px}.menu-toggle{display:block;margin-left:auto}#main-nav{display:none;position:absolute;top:76px;left:0;right:0;z-index:4;background:#111;border-top:1px solid #444;box-shadow:0 14px 22px #0005;padding:12px 20px;flex-direction:column;gap:0}#main-nav.open{display:flex}#main-nav a{padding:14px 4px;border-bottom:1px solid #333}}:root{--ink:#071a40;--paper:#f4f8ff;--orange:#ffd600;--green:#063b93;--line:#cbd8f0}body{background:linear-gradient(135deg,#edf5ff,#f8fbff 55%,#fff9d9);color:var(--ink)}header{background:#06265f;border-bottom:1px solid #174d9f;box-shadow:0 4px 20px #001a4933}.brand{letter-spacing:-.7px}.brand i,h1 em{color:#ffdd16}.notification-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;padding:0 5px;border-radius:999px;background:#ffd600;color:#061b42;font-size:11px;font-weight:900;line-height:1}.hero{background:radial-gradient(circle at 80% 12%,#1577e8 0,transparent 28%),radial-gradient(circle at 15% 85%,#0752b5 0,transparent 24%),linear-gradient(120deg,#031a4a,#0756bd);padding:104px 10vw 112px}.hero h1{letter-spacing:-4px}.button{background:#ffd600;color:#061b42;border-radius:10px;box-shadow:0 4px #bd9f00;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px);box-shadow:0 6px #bd9f00}.button.secondary{color:#063b93;border-color:#0c5fca;background:#fff;box-shadow:none}.notice{background:#ffdd16;color:#061b42;box-shadow:inset 0 -1px #d2ae00}.builder{background:linear-gradient(135deg,#052965,#0870d5);border-radius:22px;box-shadow:0 18px 45px #07307033}.picker{border-radius:14px}.lineup{border-radius:14px;background:linear-gradient(160deg,#07265b,#061632)}.lineup-slot.filled{border-color:#4d91ee;background:#0e3978}.team-card{border-radius:12px;border-color:#d6e1f2;transition:transform .15s,box-shadow .15s,border-color .15s}.team-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #164b9520;border-color:#4388e6}.team-card.selected{background:#fffce5;border-color:#f4c800;outline:2px solid #f4c800}.team-mark{background:linear-gradient(135deg,#0757c2,#0a9ae3);color:#fff}.panel{border-radius:18px;border-color:#d8e4f5;box-shadow:0 10px 28px #0b3c7c12}.panel h2,.builder h2{color:#072e70}.builder h2{color:#fff}.leader-row{border-bottom-color:#e1eaf7}.rank{color:#0a66d5}.score{color:#074ba5}#status{border-bottom:1px solid #d5b700}#admin-shortcut{background:#063b93;color:#fff;border-radius:7px;box-shadow:none}#event-form select,#event-form input,select,input{border-radius:8px;border-color:#c8d9f0}.rules h3{color:#0757b7}.steps .active{color:#ffdd16}@media(max-width:700px){.builder{border-radius:0}.hero{padding:80px 24px}}
