:root{--pad:#f3f6f1;--pad-deep:#e7ede3;--grid:#b9cfe0;--grid-strong:#8fb0cb;--ink:#1b2333;--ink-soft:#4a5468;--ink-faint:#7d8799;--hi:#ffe14d;--hi-deep:#f2c500;--marker:#e0412f;--turf:#0e6b4f;--turf-soft:#d9efe5;--card:#fff;--shadow:0 1px 0 #1b23330f, 0 8px 24px -12px #1b233340;--f-display:"Big Shoulders Display", "Arial Narrow", sans-serif;--f-body:"Atkinson Hyperlegible", system-ui, sans-serif;--f-board:"Doto", ui-monospace, monospace;--f-hand:"Kalam", "Segoe Print", cursive;--r:14px;--gutter:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;color:var(--ink);font:17px/1.5 var(--f-body);background-color:var(--pad);background-image:linear-gradient(var(--pad-deep) 1px, transparent 1px), linear-gradient(90deg, var(--pad-deep) 1px, transparent 1px);background-position:-1px -1px;background-size:24px 24px;margin:0}a{color:var(--ink)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--marker);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.wrap{max-width:540px;padding:0 var(--gutter) 64px;margin:0 auto}.bar{padding:14px var(--gutter);justify-content:space-between;align-items:center;max-width:540px;margin:0 auto;display:flex}.brand{font:900 22px/1 var(--f-display);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.brand svg{width:26px;height:26px}.bar a.link{color:var(--ink-soft);font-size:15px}h1,h2,h3{font-family:var(--f-display);letter-spacing:.01em;text-transform:uppercase;margin:0;font-weight:900;line-height:.95}h1{font-size:clamp(44px,12vw,64px)}h2{font-size:34px}h3{letter-spacing:.04em;font-size:22px}.eyebrow{font:700 13px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.lede{color:var(--ink-soft);margin:14px 0 0;font-size:19px}.small{color:var(--ink-faint);font-size:14px}.hl{background:linear-gradient(transparent 12%, var(--hi) 12%, var(--hi) 88%, transparent 88%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em}.board{font-family:var(--f-board);letter-spacing:.02em;font-weight:800}.btn{border:2px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 22px;font-size:18px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:0 3px #000}.btn:active{transform:translateY(2px);box-shadow:0 1px #000}.btn.block{width:100%}.btn.ghost{color:var(--ink);box-shadow:none;background:0 0}.btn.hi{background:var(--hi);color:var(--ink);box-shadow:0 3px 0 var(--ink)}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.sm{border-radius:10px;min-height:40px;padding:0 14px;font-size:15px}.linkbtn{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;padding:0;font-size:15px;text-decoration:underline}.field{margin:0 0 14px;display:block}.field>span{margin-bottom:6px;font-weight:700;display:block}.input{border:2px solid var(--ink);background:#fff;border-radius:12px;width:100%;min-height:54px;padding:12px 14px;font-size:19px}.input.code{font-family:var(--f-board);letter-spacing:.3em;text-align:center;font-size:34px}.check{color:var(--ink-soft);align-items:flex-start;gap:10px;font-size:15px;display:flex}.check input{width:22px;height:22px;accent-color:var(--turf);flex:none;margin-top:2px}.card{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow);padding:18px}.card+.card,.stack>*+*{margin-top:14px}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.error{border:2px solid var(--marker);color:#7a1d12;background:#fde8e5;border-radius:12px;padding:12px 14px;font-size:15px}.note{background:var(--turf-soft);border:2px solid var(--turf);color:#0a3d2e;border-radius:12px;padding:12px 14px;font-size:15px}.hero{padding:18px 0 8px}.hero h1 .mark{white-space:nowrap;position:relative}.hero h1 .mark:after{content:"";border:3px solid var(--marker);clip-path:inset(0 100% 0 0);border-radius:50%;animation:.7s cubic-bezier(.5,0,.2,1) .9s both circle;position:absolute;inset:6px -10px -6px -8px;transform:rotate(-3deg)}@keyframes circle{to{clip-path:inset(0)}}.hero-sheet{margin:26px -4px 0}.how{margin-top:34px}.how ol{counter-reset:how;margin:14px 0 0;padding:0;list-style:none}.how li{counter-increment:how;border-top:2px dashed var(--grid-strong);grid-template-columns:44px 1fr;gap:12px;padding:14px 0;display:grid}.how li:before{content:counter(how);font:800 30px/1 var(--f-board);color:var(--marker)}.how li b{font-size:18px;display:block}.how li span{color:var(--ink-soft);font-size:16px}.sheet{--cell:calc((100% - 30px) / 10);border:2px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:8px 8px 8px 6px;position:relative}.sheet-top{grid-template-columns:24px repeat(10,1fr);margin-bottom:2px;display:grid}.sheet-team-top{text-align:center;font:900 15px/1.1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;margin:2px 0 4px 24px}.sheet-body{grid-template-columns:18px 24px 1fr;display:grid}.sheet-team-side{writing-mode:vertical-rl;text-align:center;font:900 15px/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;transform:rotate(180deg)}.digit{aspect-ratio:1/.8;font:800 clamp(13px, 3.6vw, 19px)/1 var(--f-board);color:var(--marker);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.digit.empty{color:var(--grid-strong)}.digit.edit{cursor:pointer;border-radius:6px}.digit.edit:hover{background:var(--pad)}.digit.side{aspect-ratio:auto}.grid{border-top:1.5px solid var(--grid-strong);border-left:1.5px solid var(--grid-strong);grid-template-columns:repeat(10,1fr);display:grid}.sq{aspect-ratio:1;border:0;border-right:1.5px solid var(--grid-strong);border-bottom:1.5px solid var(--grid-strong);min-width:0;font:400 clamp(8.5px, 2.5vw, 13px)/1 var(--f-hand);color:var(--ink);text-align:center;cursor:default;background:#fff;justify-content:center;align-items:center;padding:1px;display:flex;position:relative;overflow:hidden}.sq .lbl{font-size:var(--fit,1em);overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none}button.sq{cursor:pointer}.sq .lbl{z-index:2;max-width:100%;position:relative}.sq .heat{background:var(--ink);z-index:0;pointer-events:none;position:absolute;inset:0}.sq.mine:before{content:"";z-index:1;background:var(--hi);opacity:.95;border-radius:3px 8px 4px 9px;animation:.35s ease-out both swipe;position:absolute;inset:14% 4%;transform:rotate(-4deg)skew(-6deg)}@keyframes swipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.sq.mine .lbl{font-weight:700}.sq.unsure{outline:2px dashed var(--marker);outline-offset:-4px}.sq.won:after,.sq.leader:after{content:"";z-index:3;border:2.5px solid var(--marker);border-radius:50%;position:absolute;inset:6%;transform:rotate(-8deg)}.sq.leader:after{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{transform:rotate(-8deg)scale(.86)}}.sq.won{background:var(--turf-soft)}.sq.dim .lbl{color:var(--ink-faint)}.sq.editing{box-shadow:inset 0 0 0 3px var(--marker)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--ink);min-height:40px;font:400 17px/1 var(--f-hand);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.chip .n{font:700 12px/1 var(--f-body);color:var(--ink-faint)}.chip.on{background:var(--hi)}.chip.on .n{color:var(--ink)}.chip.suggest{border-style:dashed}.steps{gap:6px;margin:4px 0 18px;display:flex}.steps i{background:var(--pad-deep);border:1px solid var(--grid);border-radius:3px;flex:1;height:6px}.steps i.done{background:var(--ink);border-color:var(--ink)}.steps i.cur{background:var(--hi-deep);border-color:var(--ink)}.drop{text-align:center;border:2.5px dashed var(--ink);border-radius:var(--r);cursor:pointer;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;padding:20px;display:flex}.drop svg{width:56px;height:56px}.drop b{font-size:20px}.scan{border-radius:var(--r);border:2px solid var(--ink);background:#000;position:relative;overflow:hidden}.scan img{object-fit:contain;opacity:.85;width:100%;max-height:60vh;display:block}.scan:after{content:"";background:linear-gradient(#0000,#ffe14d8c,#0000);height:30%;animation:1.6s linear infinite scan;position:absolute;top:-30%;left:0;right:0}@keyframes scan{to{top:100%}}.photo-ref{border:2px solid var(--ink);border-radius:10px;width:100%;display:block}.games{gap:8px;display:grid}.game{text-align:left;border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:8px;width:100%;padding:12px 14px;display:grid}.game.on{background:var(--hi)}.game .teams{font:900 20px/1.05 var(--f-display);text-transform:uppercase;letter-spacing:.03em}.game .when{color:var(--ink-soft);font-size:14px}.game .live{color:var(--marker);font-weight:700}.seg{border:2px solid var(--ink);border-radius:12px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.seg button{cursor:pointer;background:#fff;border:0;min-height:48px;font-weight:700}.seg button+button{border-left:2px solid var(--ink)}.seg button.on{background:var(--ink);color:#fff}.scoreboard{background:var(--ink);color:#fff;border-radius:var(--r);padding:16px 16px 14px;box-shadow:0 4px #000}.sb-row{grid-template-columns:1fr auto;align-items:center;gap:10px;padding:4px 0;display:grid}.sb-team{font:900 26px/1 var(--f-display);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:10px;display:flex}.sb-team img{object-fit:contain;background:#fff;border-radius:50%;width:30px;height:30px;padding:2px}.sb-score{font:800 46px/1 var(--f-board);color:var(--hi);text-shadow:0 0 12px #ffe14d73;text-align:right;min-width:2ch}.sb-status{color:#c8cfdc;border-top:1px dashed #ffffff40;justify-content:space-between;margin-top:8px;padding-top:10px;font-size:14px;display:flex}.sb-status .live{color:#ff8a7a;font-weight:700}.sb-status .live:before{content:"●";margin-right:6px;animation:1.2s infinite blink}@keyframes blink{50%{opacity:.2}}.quarters{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px;display:grid}.qbox{border:2px solid var(--ink);text-align:center;background:#fff;border-radius:10px;padding:8px 6px}.qbox .q{font:700 12px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.qbox .v{font:800 22px/1.2 var(--f-board);margin-top:4px}.qbox .s{color:var(--ink-soft);min-height:1.2em;margin-top:2px;font-size:12px}.qbox.won{background:var(--turf);color:#fff;border-color:var(--turf)}.qbox.won .q,.qbox.won .s{color:#d6f5e8}.qbox.next{background:var(--hi)}.big-odds{align-items:baseline;gap:12px;margin:18px 0 6px;display:flex}.big-odds .num{font:800 64px/1 var(--f-board)}.big-odds .lbl{color:var(--ink-soft);max-width:18ch;font-size:16px}.takes{font:400 21px/1.35 var(--f-hand);border-left:5px solid var(--marker);background:#fff;border-radius:0 10px 10px 0;padding:10px 14px}.mysq{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.mysq .t{border:2px solid var(--ink);background:var(--hi);text-align:center;border-radius:10px;padding:8px}.mysq .t .d{font:800 20px/1 var(--f-board)}.mysq .t .o{color:var(--ink-soft);margin-top:4px;font-size:12px}.mysq .t.won{background:var(--turf);color:#fff}.mysq .t.won .o{color:#d6f5e8}.legend{color:var(--ink-soft);flex-wrap:wrap;gap:14px;margin-top:10px;font-size:13px;display:flex}.legend i{vertical-align:-2px;border-radius:3px;width:14px;height:14px;margin-right:5px;display:inline-block}.entry-card{text-decoration:none;display:block}.entry-card .teams{font:900 24px/1 var(--f-display);text-transform:uppercase}.overlay{z-index:50;background:#1b233373;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-pop{background:var(--pad);width:100%;max-width:540px;padding:18px var(--gutter) calc(18px + env(safe-area-inset-bottom));border-top:2px solid var(--ink);border-radius:18px 18px 0 0}.digits-pick{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px;display:grid}.digits-pick button{border:2px solid var(--ink);min-height:56px;font:800 26px/1 var(--f-board);cursor:pointer;background:#fff;border-radius:12px}.digits-pick button.taken{opacity:.35}.footer{text-align:center;color:var(--ink-faint);margin-top:48px;font-size:13px}.spinner{border:3px solid;border-right-color:#0000;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center{text-align:center}.mt{margin-top:18px}.mt2{margin-top:28px}