@font-face{font-family:Cabin Sketch;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cabin-sketch-latin-400-normal-C5NWYc2T.woff2)format("woff2"),url(/assets/cabin-sketch-latin-400-normal-Dj5S4jS5.woff)format("woff")}@font-face{font-family:Cabin Sketch;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cabin-sketch-latin-700-normal-VOpvQvG7.woff2)format("woff2"),url(/assets/cabin-sketch-latin-700-normal-B4km2t1F.woff)format("woff")}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff")}:root{--wood:#6b4423;--wood-dark:#4f3018;--board:#2e4a3c;--board-deep:#253d31;--chalk:#f2f0e6;--chalk-dim:#c9c6b6;--chalk-faint:#f2f0e673;--yellow:#f3d36b;--blue:#8fc3ff;--good:#9be29b;--bad:#f3d36b;--display:"Cabin Sketch", "Patrick Hand", cursive;--hand:"Patrick Hand", "Comic Sans MS", cursive;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--wood);color:var(--chalk);font-family:var(--hand);background-image:repeating-linear-gradient(92deg,#0000000f 0 3px,#0000 3px 11px);min-height:100vh;font-size:20px;line-height:1.4}a{color:var(--yellow)}a:hover{color:#fff3c4}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.frame{max-width:820px;margin:0 auto;padding:14px}.board{background:var(--board);border:4px solid var(--wood-dark);background-image:radial-gradient(at 30% 20%,#ffffff0d,#0000 60%),radial-gradient(at 80% 90%,#0000002e,#0000 55%);border-radius:6px;flex-direction:column;min-height:calc(100vh - 28px);padding:22px 26px 18px;display:flex;box-shadow:inset 0 0 40px #00000059}main{flex:1}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.wordmark{font-family:var(--display);color:var(--chalk);font-size:32px;font-weight:700;text-decoration:none}.topbar nav{gap:18px;display:flex}.topbar nav a{color:var(--chalk-dim);border-bottom:2px dashed #0000;text-decoration:none}.topbar nav a:hover{color:var(--chalk);border-bottom-color:var(--chalk-faint)}.home{text-align:center;padding-top:4vh}.logo{font-family:var(--display);letter-spacing:2px;margin:0;font-size:clamp(64px,16vw,112px);font-weight:700;line-height:1}.tagline{font-family:var(--display);color:var(--yellow);margin:6px 0 18px;font-size:30px}.pitch{max-width:520px;color:var(--chalk-dim);margin:0 auto 26px}.home-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:28px;display:flex}.tier-list{text-align:left;max-width:340px;margin:0 auto 18px;padding:0;list-style:none}.tier-list li{border-bottom:2px dashed var(--chalk-faint);justify-content:space-between;padding:6px 2px;display:flex}.tier-list li.cleared span:first-child:after{content:" ✓";color:var(--good)}.tier-n{color:var(--chalk-dim);font-size:17px}.chalk-button{font-family:var(--hand);color:var(--chalk);border:2.5px solid var(--chalk);cursor:pointer;background:0 0;border-radius:7px;min-height:48px;padding:9px 18px;font-size:22px;text-decoration:none;transition:background .15s,transform .1s;display:inline-block}.chalk-button:hover:not(:disabled){color:var(--chalk);background:#ffffff12}.chalk-button:active:not(:disabled){transform:translateY(1px)}.chalk-button:focus-visible,.chalk-link:focus-visible,a:focus-visible{outline:3px dashed var(--yellow);outline-offset:3px}.chalk-button.primary{border-color:var(--yellow);color:var(--yellow)}.chalk-button.primary:hover{color:#fff3c4}.chalk-link{color:var(--chalk-dim);font-family:var(--hand);cursor:pointer;background:0 0;border:none;min-height:36px;padding:6px 0;font-size:17px;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.ladder-bar{color:var(--chalk-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:18px;display:flex}.tier-badge{color:var(--yellow);border:2px dashed var(--yellow);border-radius:5px;padding:1px 10px}.flag-count{gap:4px;display:inline-flex}.flag-count .flag{fill:none;width:18px;height:22px;stroke:var(--chalk-faint);stroke-width:2px}.flag-count .flag.thrown{fill:var(--yellow);stroke:var(--yellow)}.scenario-head h2{font-family:var(--display);margin:0;font-size:34px;line-height:1.1}.game-line{color:var(--chalk-dim);margin:4px 0 0;font-size:17px}.situation{margin:4px 0 12px;font-size:21px}.board-field{margin-bottom:10px}.replay{margin-left:auto;display:block}.setup{margin:4px 0 18px;font-size:21px}.field{width:100%;height:auto;color:var(--chalk);display:block;overflow:visible}.field .boundary{fill:none;stroke:var(--chalk);stroke-width:calc(3px * var(--k,1));opacity:.85}.field .endzone rect{fill:var(--chalk);opacity:.07}.field .endzone text{fill:var(--chalk);opacity:.45;font-family:var(--display);font-size:calc(30px * var(--k,1));text-anchor:middle;dominant-baseline:middle;letter-spacing:6px}.field .yardline{stroke:var(--chalk);stroke-width:calc(2px * var(--k,1));opacity:.45}.field .yardline.minor{opacity:.2}.field .yardline.goal{opacity:.9;stroke-width:calc(3.5px * var(--k,1))}.field .yardnum{fill:var(--chalk);opacity:.5;font-family:var(--display);font-size:calc(30px * var(--k,1));text-anchor:middle}.field .los{stroke:var(--blue);stroke-width:calc(3px * var(--k,1));stroke-dasharray:9 7}.field .firstdown{stroke:var(--yellow);stroke-width:calc(3px * var(--k,1));stroke-dasharray:3 7}.field .player circle,.field .player line,.field .player rect{fill:none;stroke:var(--chalk);stroke-width:calc(3px * var(--k,1));stroke-linecap:round}.field .player.key circle,.field .player.key line{stroke:var(--yellow);stroke-width:calc(4px * var(--k,1))}.field .plabel{fill:var(--chalk-dim);font-family:var(--hand);font-size:calc(22px * var(--k,1));text-anchor:middle}.field .player.key .plabel{fill:var(--yellow)}.field .path path{stroke:var(--chalk);stroke-width:calc(3px * var(--k,1));stroke-linecap:round;stroke-linejoin:round}.field .path.ball>path,.field .path.kick>path{stroke:var(--yellow);stroke-dasharray:7 8;color:var(--yellow)}.field .path.run path{stroke-width:calc(4px * var(--k,1))}.field .path.motion path{stroke-dasharray:2 6}.field .marker path,.field .marker ellipse{fill:none;stroke:var(--yellow);stroke-width:calc(3px * var(--k,1));stroke-linecap:round}.field .marker.flag path,.field .marker.loose-ball ellipse{fill:var(--yellow)}.field .mlabel{fill:var(--yellow);font-family:var(--hand);font-size:calc(24px * var(--k,1))}.draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:.85s ease-out forwards draw}.pop{opacity:0;animation:.35s ease-out forwards pop}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.draw{stroke-dashoffset:0;animation:none}.pop{opacity:1;animation:none}}.stage{border-top:2px dashed var(--chalk-faint);margin-top:14px;padding-top:14px}.stage-kind{color:var(--yellow);margin:0;font-size:18px}.stage-count{color:var(--chalk-dim);margin-left:6px}.stage-prompt{font-family:var(--display);margin:4px 0 12px;font-size:27px;font-weight:700;line-height:1.2}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;width:100%}.option-letter{color:var(--chalk-dim)}.option:disabled{cursor:default}.option.correct{border-color:var(--good);color:var(--good);background:#9be29b14}.option.wrong{border-color:var(--bad);color:var(--bad);text-decoration:line-through}.option.dim{opacity:.5}.verdict{border:2px dashed var(--chalk-faint);border-radius:7px;margin-top:12px;padding:12px 16px}.verdict p{margin:0 0 8px}.verdict-title{font-family:var(--display);font-size:26px;font-weight:700}.verdict.good .verdict-title{color:var(--good)}.verdict.bad .verdict-title{color:var(--bad)}.ruling{border:2.5px solid var(--chalk);background:var(--board-deep);border-radius:8px;margin-top:22px;padding:16px 18px}.ruling h3{font-family:var(--display);margin:0 0 10px;font-size:28px}.ruling-steps{gap:8px;margin:0 0 12px;display:grid}.ruling-steps div{grid-template-columns:110px 1fr;gap:10px;display:grid}.ruling-steps dt{color:var(--chalk-dim)}.ruling-steps dd{margin:0}.ruling blockquote{border-left:3px solid var(--yellow);margin:12px 0;padding-left:14px}.ruling blockquote p{margin:0 0 4px;font-size:21px}.ruling blockquote footer{color:var(--chalk-dim);font-size:17px}.rule-chips{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.rule-chips li{border:2px dashed var(--chalk-faint);border-radius:6px;padding:6px 10px;font-size:18px}.rule-chips strong{color:var(--yellow);margin-right:6px;font-weight:400}.rule-chips q{color:var(--chalk-dim);margin-top:4px;display:block}.today{border-radius:7px;margin:12px 0;padding:10px 14px}.today p{margin:0}.today-title{font-family:var(--display);font-size:22px;font-weight:700}.today.same{border:2px solid var(--good)}.today.same .today-title{color:var(--good)}.today.changed{border:2px solid var(--blue)}.today.changed .today-title{color:var(--blue)}.sources summary{cursor:pointer;color:var(--chalk-dim);min-height:36px}.sources ul{margin:6px 0 0;padding-left:20px;font-size:17px}.source-meta{color:var(--chalk-dim)}.scenario>.chalk-button.primary{margin-top:18px}.end-screen{text-align:center;padding:6vh 0}.end-screen.compact{border-bottom:2px dashed var(--chalk-faint);margin-bottom:18px;padding:8px 0 18px}.end-screen h2{font-family:var(--display);margin:0;font-size:64px}.kicker{color:var(--yellow);margin:0;font-size:22px}.end-screen .flag-count{margin:10px 0 18px}.share-marks{margin:4px 0 10px;font-size:30px}.about h2{font-family:var(--display);margin-top:0;font-size:36px}.about li{margin-bottom:10px}.draft-badge{color:#1b1b1b;background:var(--yellow);border-radius:4px;margin:0 0 10px;padding:2px 10px;font-size:16px;display:inline-block}.empty{text-align:center;color:var(--chalk-dim);padding:10vh 0}.fine{color:var(--chalk-dim);font-size:16px}.site-footer{border-top:2px dashed var(--chalk-faint);color:var(--chalk-dim);text-align:center;margin-top:30px;padding-top:10px;font-size:15px}@media (width<=560px){body{font-size:18px}.frame{padding:8px}.board{padding:16px 16px 14px}.scenario-head h2{font-size:28px}.stage-prompt{font-size:23px}.chalk-button{font-size:19px}.ruling-steps div{grid-template-columns:1fr;gap:0}}