:root{--paper:#f4f1ea;--card:#fffdf8;--card-2:#efeadf;--ink:#14213d;--ink-2:#3c4a66;--muted:#6b7489;--rule:#d9d2c3;--accent:#ff5a1f;--accent-ink:#c2410c;--shadow:3px 3px 0 var(--ink);--apron:#20553a;--turf:#2e7d4f;--turf-2:#2a7449;--chalk:#f7f5ee;--post:#ffd23f;--los:#2f6fed;--gain:#ffd23f;--best:#15803d;--close:#b7791f;--costly:#c2410c;--miss:#b91c1c;--radius:10px;--display:"Bricolage Grotesque", "Inter", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font:16px/1.55 Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background-color:var(--paper);background-image:linear-gradient(#e6e0d3 1px,#0000 1px),linear-gradient(90deg,#e6e0d3 1px,#0000 1px);background-position:-1px -1px;background-size:28px 28px;background-attachment:fixed;min-height:100vh;margin:0}button{font:inherit;cursor:pointer;color:inherit}a{color:var(--accent-ink)}.shell{max-width:1040px;margin:0 auto;padding:0 16px 48px}.masthead{border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;padding:14px 0;display:flex}.logo{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:22px;font-weight:800;text-decoration:none}.logo span{color:var(--accent);margin:0 1px}.center{text-align:center;color:var(--muted);padding:80px 0}.foot{border-top:1px solid var(--rule);color:var(--muted);text-align:center;margin-top:48px;padding-top:16px;font-size:12px}.foot-links{justify-content:center;gap:14px;margin-top:6px;font-size:11px;display:flex}.foot-links a{color:var(--muted)}.foot-legal{max-width:620px;color:var(--muted);opacity:.85;margin:12px auto 0;font-size:10.5px;line-height:1.5;display:block}.foot-links a:hover{color:var(--ink)}.progress{align-items:center;gap:5px;display:flex}.pip{background:var(--card);border:1.5px solid var(--rule);border-radius:5px;place-items:center;width:22px;height:22px;font-size:12px;line-height:1;display:grid}.pip.now{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.progress.practice{font-family:var(--mono);color:var(--muted);gap:14px;font-size:12px}.link{color:var(--accent-ink);background:0 0;border:0;padding:0;font-weight:600}.intro{max-width:640px;margin:0 auto;padding:28px 0 8px}.eyebrow{font-family:var(--mono);letter-spacing:.06em;color:var(--card);background:var(--ink);border-radius:4px;margin:0 0 14px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.title{font-family:var(--display);letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(54px,13vw,96px);font-weight:800;line-height:.92}.title .amp{color:var(--accent);font-weight:700}.lede{color:var(--ink-2);max-width:520px;margin:0 0 22px;font-size:18px}.how{max-width:560px;color:var(--ink-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:0 0 26px;padding:0;font-size:14px;list-style:none;display:grid}.how span{margin-right:6px}.actions{flex-wrap:wrap;gap:10px;display:flex}.fine{color:var(--muted);margin-top:16px;font-size:12px}.next{background:var(--accent);color:#fff;border:2px solid var(--ink);font-family:var(--display);letter-spacing:-.01em;box-shadow:var(--shadow);border-radius:8px;padding:12px 22px;font-size:17px;font-weight:700;transition:transform 80ms,box-shadow 80ms}.next:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.next:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.ghost{background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:8px;padding:12px 20px;font-weight:600}.ghost:hover{background:var(--card-2)}.chip{background:var(--card);border:1.5px solid var(--ink);border-radius:6px;padding:5px 11px;font-size:13px;font-weight:600}.chip:hover{background:var(--card-2)}.about{border-top:2px solid var(--ink);max-width:640px;margin:44px auto 0;padding-top:28px}.about h2{font-family:var(--display);letter-spacing:-.02em;margin:26px 0 6px;font-size:22px;font-weight:700}.about h2:first-child{margin-top:0}.about p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.7}.about b{color:var(--ink)}.bug{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:1fr auto 1fr;display:grid;overflow:hidden}.bug-team{border-left:6px solid var(--team);grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;padding:8px 12px;display:grid}.bug-team:last-child{border-left:0;border-right:6px solid var(--team)}.bug-logo{object-fit:contain;grid-row:span 2;width:30px;height:30px}.bug-abbr{font-family:var(--display);font-size:17px;font-weight:700}.bug-ball{color:var(--accent);vertical-align:middle;margin-left:5px;font-size:10px}.bug-score{font-family:var(--mono);font-variant-numeric:tabular-nums;grid-row:span 2;font-size:28px;font-weight:600}.bug-to{gap:3px;display:flex}.bug-to span{background:var(--rule);border-radius:1px;width:11px;height:4px}.bug-to span.on{background:var(--ink)}.bug-mid{background:var(--ink);color:var(--card);text-align:center;flex-direction:column;justify-content:center;min-width:108px;padding:6px 14px;display:flex}.bug-clock{font-family:var(--mono);opacity:.75;font-size:12px}.bug-down{font-family:var(--display);color:var(--post);font-size:20px;font-weight:800;line-height:1.15}.bug-spot{font-family:var(--mono);opacity:.75;text-transform:uppercase;font-size:11px}.play{gap:14px;display:grid}.play-head{gap:8px;display:grid}.play-call{gap:10px;display:grid}.play-field{gap:8px;display:grid}.results{scroll-margin-top:12px}.downline{color:var(--muted);margin:0;font-size:13px}.downline b{color:var(--ink);font-family:var(--display);margin-right:2px;font-size:15px}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.sw{border-radius:2px;width:16px;height:3px;display:inline-block}.legend .sw:not(:first-child){margin-left:10px}.sw.los{background:var(--los)}.sw.gain{background:repeating-linear-gradient(90deg,#d4a500 0 5px,#0000 5px 8px)}.sw.tok-o{background:var(--ink-2);border-radius:50%;width:11px;height:11px}.sw.tok-d{background:var(--ink-2);border-radius:2px;width:9px;height:9px;transform:rotate(45deg)}.pf{border-radius:var(--radius);border:2px solid var(--ink);background:var(--apron);-webkit-user-select:none;user-select:none;width:100%;height:clamp(300px,100vh - 345px,600px);box-shadow:var(--shadow);position:relative;overflow:hidden}@media (width<=640px){.pf{aspect-ratio:4/3;height:auto}}.pf.is-playing{cursor:pointer}.pf svg{width:100%;height:100%;display:block}.pf-loading{color:var(--chalk);place-items:center;font-size:14px;display:grid}.pf-ez{fill:#fff;font-family:var(--display);text-anchor:middle;dominant-baseline:middle;letter-spacing:.6px;opacity:.92;font-size:4.6px;font-weight:800}.pf-num{fill:var(--chalk);opacity:.75;font-family:var(--display);text-anchor:middle;dominant-baseline:middle;font-size:2.6px;font-weight:700}.pf-jersey{font-family:var(--mono);text-anchor:middle;dominant-baseline:central;font-size:1.05px;font-weight:600}.pf-name{fill:#fff;dominant-baseline:central;paint-order:stroke;stroke:var(--ink);stroke-width:.3px;font-family:Inter,sans-serif;font-size:1.15px;font-weight:700;transition:opacity .25s}.pf-stamp{font-family:var(--display);letter-spacing:-.01em;background:var(--card);color:var(--ink);white-space:nowrap;border:3px solid;border-radius:6px;padding:4px 14px;font-size:clamp(18px,3.6vw,28px);font-weight:800;animation:.3s cubic-bezier(.2,1.5,.4,1) stamp;position:absolute;bottom:16px;left:16px;transform:rotate(-4deg)}.pf-stamp.tone-good{color:var(--best)}.pf-stamp.tone-bad{color:var(--miss)}.pf-skip{font-family:var(--mono);color:#ffffffb0;font-size:11px;position:absolute;top:8px;right:10px}@keyframes stamp{0%{opacity:0;transform:rotate(-4deg)scale(1.6)}to{opacity:1;transform:rotate(-4deg)scale(1)}}.context{color:var(--muted);margin:0;font-size:13px}.prompt{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.prompt strong{color:var(--accent-ink)}.choices{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.choice{border-radius:var(--radius);border:2px solid var(--ink);background:var(--card);text-align:left;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;gap:0;padding:10px 16px;transition:transform 80ms,box-shadow 80ms,background .15s;display:flex}.choice:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);background:#fff;transform:translate(-1px,-1px)}.choice:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.choice:disabled{opacity:.4;cursor:default;box-shadow:none;border-style:dashed}.choice-title{font-family:var(--display);letter-spacing:-.02em;font-size:20px;font-weight:800}.choice-go .choice-title{color:var(--accent-ink)}.choice-sub{font-family:var(--mono);color:var(--muted);font-size:12px}@media (width<=480px){.choice{padding:12px 10px}.choice-title{font-size:17px}.choice-sub{font-size:11px}}.snapping{color:var(--muted);align-items:center;gap:10px;padding:6px 0;font-size:15px;display:flex}.spinner{border:2px solid var(--rule);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.results{align-items:start;gap:14px;display:grid}@media (width>=860px){.results{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}.onfield{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;animation:.25s ease-out rise}.onfield:before{content:"On the field";font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.onfield.is-good{border-left:8px solid var(--best)}.onfield.is-bad{border-left:8px solid var(--miss)}.onfield-text{margin:0 0 6px;font-size:16px;font-weight:600}.onfield-src{color:var(--muted);margin:0 0 10px;font-size:12px}.onfield-note{color:var(--accent-ink);margin:-2px 0 10px;font-size:13px;font-weight:600}.onfield-actions{flex-wrap:wrap;gap:6px;display:flex}.reveal{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);--g:var(--best);padding:16px;animation:.25s ease-out rise}.grade-close{--g:var(--close)}.grade-costly{--g:var(--costly)}.grade-miss{--g:var(--miss)}.verdict{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.verdict-badge{background:var(--g);color:#fff;font-family:var(--display);border-radius:5px;padding:3px 12px;font-size:15px;font-weight:800}.verdict-text{font-size:15px}.bars{gap:11px;margin:0 0 16px;padding:0;list-style:none;display:grid}.bar-label{justify-content:space-between;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.tags{gap:4px;display:flex}.tag{font-style:normal;font-family:var(--mono);text-transform:uppercase;border:1.5px solid var(--rule);color:var(--muted);border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:600}.tag.you{border-color:var(--g);color:var(--g)}.tag.best{background:var(--best);border-color:var(--best);color:#fff}.tag.coach{border-color:var(--ink);color:var(--ink)}.bar-track{background:var(--card-2);border:1.5px solid var(--ink);border-radius:6px;height:26px;position:relative;overflow:hidden}.bar-fill{background:#b9b2a3;min-width:4px;height:100%;transition:width .5s ease-out}.is-best .bar-fill{background:var(--best)}.is-pick:not(.is-best) .bar-fill{background:var(--g)}.bar-val{font-family:var(--mono);font-variant-numeric:tabular-nums;background:var(--card);border-radius:3px;padding:0 5px;font-size:13px;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.bar-detail{font-family:var(--mono);color:var(--muted);margin-top:3px;font-size:11.5px}.real{border-top:1.5px dashed var(--rule);margin-bottom:16px;padding-top:12px}.real h3{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:600}.real p{margin:0 0 8px}.desc{color:var(--ink-2);font-size:12.5px;font-family:var(--mono);background:var(--card-2);border-radius:6px;padding:10px 12px}.reveal .next{width:100%}.summary{max-width:640px;margin:0 auto;padding:12px 0}.grid{letter-spacing:3px;margin:4px 0 20px;font-size:28px}.score-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.score-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);color:var(--muted);box-shadow:var(--shadow);flex-direction:column;padding:14px;font-size:13px;display:flex}.score-card .big{font-family:var(--mono);color:var(--ink);font-size:34px;font-weight:600}.headline{font-family:var(--display);letter-spacing:-.02em;margin:8px 0;font-size:28px;font-weight:800}.style{color:var(--ink-2);margin:0 0 22px;font-size:14px}.stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0 0;display:grid}.stats div{background:var(--card);border:1.5px solid var(--ink);border-radius:8px;padding:10px}.stats dt{font-family:var(--mono);color:var(--muted);text-transform:uppercase;font-size:10.5px}.stats dd{font-family:var(--mono);margin:2px 0 0;font-size:22px;font-weight:600}@media (width<=480px){.stats{grid-template-columns:repeat(2,1fr)}}.legal{max-width:680px;margin:0 auto;padding:8px 0 0}.legal h1{font-family:var(--display);letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(40px,9vw,56px);font-weight:800;line-height:1}.legal .updated{font-family:var(--mono);color:var(--muted);margin:0 0 24px;font-size:12px}.legal .lede{margin-bottom:8px}.legal h2{font-family:var(--display);letter-spacing:-.02em;margin:32px 0 8px;font-size:22px;font-weight:700}.legal h3{font-family:var(--display);margin:18px 0 4px;font-size:17px;font-weight:700}.legal p,.legal li{color:var(--ink-2);font-size:15px;line-height:1.7}.legal p{margin:0 0 10px}.legal ul,.legal ol{margin:0 0 10px;padding-left:20px}.legal code{font-family:var(--mono);background:var(--card-2);border-radius:4px;padding:1px 6px;font-size:12.5px}.legal table{border-collapse:collapse;background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);width:100%;margin:6px 0 14px;font-size:14px;overflow:hidden}.legal th,.legal td{text-align:left;border-bottom:1px solid var(--rule);color:var(--ink-2);padding:8px 12px}.legal th{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--card-2);font-size:11px}.legal tr:last-child td{border-bottom:0}.legal td.num{font-family:var(--mono);white-space:nowrap}.legal .callout{background:var(--card);border:2px solid var(--ink);border-left:8px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);margin:14px 0;padding:12px 16px}.legal .callout p{color:var(--ink);margin:0}.legal .cta{margin-top:32px}.statspage{gap:20px;max-width:820px;margin:0 auto;display:grid}.statspage h1{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(40px,9vw,56px);font-weight:800;line-height:1}.panel{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.panel h2{font-family:var(--display);letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:800}.panel h3{font-family:var(--display);margin:24px 0 6px;font-size:17px;font-weight:700}.panel p{margin:0 0 10px}.muted{color:var(--muted);font-size:13px}.tiles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:12px;display:grid}.tile{border:1.5px solid var(--ink);background:var(--paper);border-radius:8px;flex-direction:column;padding:10px 12px;display:flex}.tile-label{font-family:var(--mono);text-transform:uppercase;color:var(--muted);font-size:10.5px}.tile-value{font-family:var(--mono);font-size:24px;font-weight:600}.tile-sub{color:var(--muted);font-size:11px}.gradebar{border:1.5px solid var(--ink);background:var(--card);border-radius:4px;gap:2px;height:14px;display:flex;overflow:hidden}.seg{min-width:4px;display:block}.seg-best{background:var(--best)}.seg-close{background:var(--close)}.seg-costly{background:var(--costly)}.seg-miss{background:var(--miss)}.gradekey{color:var(--ink-2);flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.gradekey b{font-family:var(--mono);color:var(--ink);margin-left:3px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--rule);padding:7px 8px}.table th{font-family:var(--mono);text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:10.5px;font-weight:600}.table .r{text-align:right}.table .num{font-family:var(--mono);white-space:nowrap}.table .emoji{letter-spacing:1px;white-space:nowrap}.table td.win{color:var(--best);font-weight:600}.sort{font:inherit;color:inherit;text-transform:inherit;background:0 0;border:0;padding:0}.sort.on{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.hbars{gap:8px;margin-top:8px;display:grid}.hbars-legend{color:var(--ink-2);flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.hbars-legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.hbars-row{grid-template-columns:70px 1fr;align-items:center;gap:10px;display:grid}.hbars-label{font-family:var(--mono);color:var(--ink-2);font-size:12px}.hbars-group{gap:2px;display:grid}.hbars-track{align-items:center;height:14px;display:flex;position:relative}.hbars-fill{border-radius:0 4px 4px 0;min-width:2px;height:100%}.hbars-val{font-family:var(--mono);color:var(--ink-2);margin-left:6px;font-size:11px}.hbars-track:hover .hbars-fill{filter:brightness(.92)}.blunders{gap:12px;margin:0;padding:0;list-style:none;display:grid}.blunders li{border-top:1px dashed var(--rule);padding-top:10px}.blunders li:first-child{border-top:0;padding-top:0}.blunder-head{align-items:baseline;gap:10px;font-size:14px;display:flex}.blunder-lost{font-family:var(--mono);color:var(--miss);white-space:nowrap;font-weight:600}.blunders .muted{margin:2px 0 6px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=480px){.bug-team{column-gap:6px;padding:6px 8px}.bug-logo{width:22px;height:22px}.bug-score{font-size:22px}.bug-mid{min-width:88px;padding:6px 8px}.bug-down{font-size:17px}.prompt{font-size:20px}.how{grid-template-columns:1fr}}