:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#142440;background:#f3f5f8;--blue:#00338d;--red:#c82242}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:22px max(5vw,20px);background:#fff;border-bottom:1px solid #dce1ea}.brand{font-weight:900;letter-spacing:2px;font-size:15px;text-decoration:none;color:var(--blue)}.brand span{color:var(--red);margin:0 10px}main{max-width:1320px;margin:auto;padding:0 32px}.hero{margin:28px 0 0;padding:48px;border-radius:20px;color:white;background:linear-gradient(115deg,#001e56,#003b98);position:relative;overflow:hidden;border-bottom:7px solid var(--red)}.hero:after{content:'100';position:absolute;right:30px;top:-25px;font-size:260px;font-weight:950;opacity:.06;transform:rotate(-12deg);pointer-events:none}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--red)}.hero .eyebrow{color:#b9cfff}h1{font-size:clamp(40px,6vw,68px);line-height:1.02;letter-spacing:-3px;margin:18px 0}p{line-height:1.6}.hero p{max-width:470px;color:#d6e4ff}.hero #game{font-size:13px;font-weight:700;margin-top:22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.stat{padding:20px;background:white;border:1px solid #e0e5ee;border-radius:12px}.stat strong{font-size:27px;display:block;color:var(--blue)}.stat span{font-size:12px;color:#69768b}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.card{background:white;border:1px solid #e0e5ee;border-radius:16px;padding:24px;margin-bottom:22px}h2{font-size:21px;letter-spacing:-.5px;margin:0 0 10px}h3{font-size:16px}.section-head{display:flex;justify-content:space-between;gap:12px}.section-head p,.hint{color:#6a768a;font-size:12px}.section-head p{margin-top:0}#sync{font-size:10px;color:#276c56;white-space:nowrap}.legend{display:flex;gap:18px;font-size:11px;margin:15px 0}.blue{color:var(--blue)}.red{color:var(--red)}.axis{text-align:center;font-size:10px;letter-spacing:2px;font-weight:800;color:var(--blue);padding:10px}.board-wrap{display:flex;gap:8px}.side-axis{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:2px;text-align:center;font-weight:800;color:var(--red)}.scroll{overflow-x:auto;flex:1}#board{display:grid;grid-template-columns:28px repeat(10,minmax(42px,1fr));min-width:490px;gap:4px}.digit{display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:800;color:#5c6880}.square{aspect-ratio:1;min-height:44px;border:1px solid #dce3ef;border-radius:7px;background:#f8faff;color:#52627c;padding:3px;font-size:11px;overflow:hidden}.square:hover:enabled{border-color:var(--blue)}.square.chosen{background:var(--blue);color:white;border-color:var(--blue)}.square.taken{background:#fbe9ed;border-color:#f1c7d0;color:#a1213c;font-size:9px;line-height:1.2}.square:disabled{opacity:1}.square:focus-visible,button:focus-visible{outline:3px solid #eea31b;outline-offset:2px}label{display:block;font-size:12px;font-weight:650;margin:17px 0}input,textarea{display:block;width:100%;border:1px solid #ccd4e0;padding:12px;border-radius:8px;margin-top:7px;font:inherit}input[type=checkbox]{display:inline;width:auto}textarea{min-height:80px}button{cursor:pointer;border:1px solid #d4dce8;border-radius:8px;padding:11px 15px;background:white;color:#213955;font-weight:700}.primary{background:var(--blue);color:white;border:0;width:100%}button:disabled{cursor:default;opacity:.5}.quiet{font-size:12px}.details p,.details li{font-size:12px;color:#64728a;line-height:1.7}.details ol{padding-left:20px}#result,#adminResult{font-size:13px;color:#185e45;white-space:pre-line;margin-top:14px}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:12px 8px;text-align:left;border-bottom:1px solid #e3e7ef}td button{font-size:11px;margin:3px;padding:7px}footer{text-align:center;color:#7a8699;font-size:11px;margin:30px}#settingFields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}#admin{margin-top:20px}[hidden]{display:none!important}@media(max-width:950px){.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}}@media(max-width:600px){main{padding:0 14px}.hero{padding:30px 24px;margin-top:16px}.hero:after{right:-40px;font-size:200px;top:20px}.stats{gap:8px}.stat{padding:14px 10px}.stat strong{font-size:23px}.stat span{font-size:10px}.card{padding:18px}aside{display:block}.section-head{display:block}#settingFields{display:block}header{padding:18px}.brand{font-size:12px}}

/* Keep score digits prominent above and beside the squares. */
#board{grid-template-columns:38px repeat(10,minmax(42px,1fr));grid-template-rows:38px repeat(10,auto)}.digit{font-size:19px;font-weight:900;color:white;background:var(--blue);border-radius:6px;min-height:38px}.digit:nth-child(11n + 1){background:var(--red)}

.board-picker{margin-top:22px}.board-picker label{margin-top:0}select{width:100%;max-width:480px;padding:12px;border:1px solid #ccd4e0;border-radius:8px;background:white;font:inherit;color:#142440}

#rules{white-space:pre-line}

.details .how-note{margin-top:12px;margin-left:0}

#fundraiserHeading{text-transform:uppercase}

.dashboard-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.dashboard-actions .danger{margin-left:auto;color:#a1213c;border-color:#c82242}

#board .digit{background:var(--home-axis,#00338d);color:var(--home-ink,#fff)}#board .digit:nth-child(11n + 1){background:var(--away-axis,#c82242);color:var(--away-ink,#fff)}input[type=color]{width:100%;height:48px;padding:5px;cursor:pointer}

#homeTeamAxis{color:var(--home-axis,#00338d)}#opponent{color:var(--away-axis,#c82242)}

.required-label{color:#a1213c;font-size:11px;font-weight:600}