@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--green:#103b2f;--green2:#176448;--lime:#c8f169;--ink:#17251f;--muted:#75817b;--line:#e5ebe7;--paper:#f5f7f4;--white:#fff;--orange:#ed8b42}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}.wrap{width:min(1100px,calc(100% - 36px));margin:auto}.topbar{height:72px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100% - 1100px)/2));border-bottom:1px solid var(--line)}.brand{font-weight:900;letter-spacing:-1px;color:var(--green);text-decoration:none;font-size:22px}.brand span:last-child{color:var(--green2)}.ball{font-size:20px;margin-right:5px}.top-right{display:flex;gap:18px;align-items:center}.season{background:#edf5e9;color:#286044;border-radius:20px;padding:7px 12px;font-size:11px;font-weight:800}.admin-link{font-size:12px;color:#69766f;text-decoration:none}.hero{margin:26px 0 34px;min-height:320px;border-radius:20px;background:radial-gradient(circle at 80% 40%,#28684e 0,#164a38 32%,#0d3027 72%);color:white;padding:40px 44px 22px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.hero-copy{position:relative;z-index:1;max-width:610px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#c8f169;margin:0 0 13px}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(43px,6vw,66px);line-height:.96;text-transform:uppercase;letter-spacing:.3px;margin:0}.hero h1 em{font-style:normal;color:var(--lime)}.hero-desc{color:#d2e0d8;font-size:14px;max-width:440px;line-height:1.7;margin:18px 0}.hero-cta{display:inline-flex;gap:25px;align-items:center;background:var(--lime);color:#163b2d;padding:12px 17px;border-radius:7px;text-decoration:none;font-size:12px;font-weight:800}.hero-ball{position:absolute;right:9%;top:18px;font-size:190px;opacity:.15;transform:rotate(-18deg)}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:17px;color:#c7d8ce;font-size:9px;letter-spacing:1.4px;font-weight:700}.contest-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 18px}.eyebrow.dark{color:var(--green2);margin-bottom:5px}.contest-head h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:34px;margin:0;line-height:1}.muted{color:var(--muted);font-size:12px;margin:7px 0 0}.select-wrap{display:grid;gap:6px;color:#69766f;font-size:10px;font-weight:700}.select-wrap select{border:1px solid var(--line);border-radius:7px;padding:10px 34px 10px 12px;background:#fff;color:var(--ink);font:600 12px 'DM Sans';min-width:190px}.tabs{display:flex;gap:7px;overflow:auto;margin:20px 0 14px;padding-bottom:3px}.tab{border:1px solid var(--line);background:white;border-radius:8px;padding:11px 16px;color:#64736b;font:700 12px 'DM Sans';white-space:nowrap;cursor:pointer}.tab.active{background:var(--green);border-color:var(--green);color:#fff}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;margin-bottom:14px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}.panel h3{font:800 19px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0}.counter{font-size:10px;font-weight:800;background:#eef4ef;color:var(--green2);padding:6px 9px;border-radius:20px}.subline{font-size:11px;color:var(--muted);margin:6px 0 14px}.match{display:grid;grid-template-columns:34px minmax(0,1fr) 112px;gap:10px;align-items:center;padding:13px 0;border-top:1px solid #edf0ed}.match-num{font:800 17px 'Barlow Condensed';color:#9aa59e}.teams{font-size:13px;font-weight:700;line-height:1.5}.teams .vs{font-size:9px;color:#9aa59e;padding:0 5px;font-weight:500}.league{font-size:9px;color:#8a958f;margin-top:3px}.picks{display:flex;justify-content:flex-end;gap:5px}.pick{width:31px;height:31px;border:1px solid var(--line);border-radius:6px;background:white;color:#64736b;font-weight:800;cursor:pointer}.pick.selected{background:var(--green2);color:#fff;border-color:var(--green2)}.result{font-weight:900;color:var(--green);font-size:13px;text-align:right}.status{font-size:9px;color:#8a958f;text-align:right}.super{border:1px solid #f3dfc7;background:#fffaf4;border-radius:10px;padding:14px;margin-top:16px}.super .eyebrow{color:#c87935}.btn{background:var(--green2);border:0;border-radius:7px;color:#fff;padding:11px 15px;font:700 12px 'DM Sans';cursor:pointer}.btn.light{background:#eff4f0;color:var(--green)}.btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.progress{height:7px;border-radius:20px;background:#edf1ed;overflow:hidden;margin:10px 0 15px}.progress span{display:block;height:100%;background:#7dbb54;width:0}.notice{font-size:11px;color:var(--green2);margin-top:10px}.standings-row{display:grid;grid-template-columns:32px 1fr 45px 45px;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.standings-row.head{border:0;color:#89948e;font-size:9px;font-weight:800;letter-spacing:.7px}.source-note{margin:20px 0 35px;padding:17px 19px;border-left:3px solid var(--lime);background:#edf2ed;border-radius:0 9px 9px 0;font-size:11px;line-height:1.7;color:#68766e}.source-note p{margin:5px 0}.source-note a{color:var(--green2);font-weight:800;text-decoration:none}.empty{padding:28px 8px;text-align:center;color:var(--muted);font-size:12px}.footer-inner{border-top:1px solid var(--line);padding:20px 0 28px;display:flex;justify-content:space-between;gap:15px;align-items:center;color:#87928b;font-size:10px}.brand.small{font-size:15px}
@media(max-width:650px){.topbar{height:62px}.top-right{gap:8px}.admin-link{font-size:10px}.hero{padding:29px 23px 18px;min-height:310px;margin-top:16px}.hero-ball{font-size:130px;right:-5px;top:65px}.hero-bottom{font-size:8px;gap:12px}.hero-bottom span:last-child{text-align:right}.contest-head{align-items:start;flex-direction:column}.select-wrap,.select-wrap select{width:100%}.match{grid-template-columns:25px minmax(0,1fr) 105px;gap:7px}.teams{font-size:12px}.panel{padding:15px}.footer-inner{flex-wrap:wrap}.tab{padding:10px 12px}}

@media print{
 @page{margin:14mm}
 body{background:#fff;color:#111;font-size:11pt}
 body *{visibility:hidden}
 #view,#view *{visibility:visible}
 #view{position:absolute;left:0;top:0;width:100%}
 #view .panel{border:0;padding:0;margin:0 0 12px;break-inside:avoid}
 #view .panel-head h3{font-size:18pt}
 #view .subline{color:#444;font-size:9pt}
 #view .match{grid-template-columns:28px minmax(0,1fr) 48px;padding:7px 0;border-color:#ddd}
 #view .match-num{color:#555}
 #view .teams{font-size:10pt}
 #view .league{font-size:8pt;color:#555}
 #view .picks{justify-content:flex-end}
 #view .pick{display:none}
 #view .pick.selected{display:inline-block;width:28px;height:28px;border:1px solid #111;background:#fff;color:#111;border-radius:50%;font-size:11pt}
 #view .btn-row,#view .notice,#view .progress{display:none!important}
 #view .counter{color:#111;background:#eee}
}
