:root{--paper:#f1f0f6;--surface:#fff;--ink:#231a33;--muted:#5e5670;--line:#d6d2e0;--saffron:#d9960b;--saffron-ink:#231a33;--link:#5b3f8f;--t-common:#c4c0cf;--t-overplayed:#a8a2b8;--t-solid:#8c7fa6;--t-rare:#6b5694;--t-obscure:#3f2d66;--t-legendary:#d9960b;--font-display:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Nunito", system-ui, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--measure:40rem;--gutter:1rem;--radius-card:1.25rem;--radius-control:999px}@media (prefers-color-scheme:dark){:root{--paper:#19151f;--surface:#241e2d;--ink:#ede9f4;--muted:#a79fb5;--line:#3a3245;--saffron:#f0b43c;--saffron-ink:#19151f;--link:#c7b3ec;--t-common:#4a4357;--t-overplayed:#5f5670;--t-solid:#7a6c96;--t-rare:#9884c2;--t-obscure:#bfaee6;--t-legendary:#f0b43c}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);overflow-wrap:break-word;margin:0;font-size:1.0625rem;line-height:1.55}a{color:var(--link);text-underline-offset:.18em}a:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--saffron);outline-offset:2px;border-radius:4px}.disclaimer{padding:.5rem var(--gutter);background:var(--ink);color:var(--paper);text-align:center;margin:0;font-size:.875rem;line-height:1.4}.disclaimer a{color:inherit;font-weight:600}.masthead{max-width:var(--measure);padding:1rem var(--gutter) 0;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;margin:0 auto;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:1.125rem;font-weight:800;text-decoration:none}.masthead ul,.site-footer ul{flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:flex}.masthead li,.site-footer li{margin:0}.masthead nav a{color:var(--muted);font-size:.9375rem;text-decoration:none}.masthead nav a:hover{color:var(--ink);text-decoration:underline}.page{max-width:var(--measure);padding:2rem var(--gutter) 3rem;margin:0 auto}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;line-height:1.1}h1{letter-spacing:-.035em;margin-bottom:1.5rem;font-size:clamp(2.5rem,11vw,4.25rem);font-weight:800}h2{margin:3rem 0 1rem;font-size:1.625rem;font-weight:800}h3{margin:2rem 0 .5rem;font-size:1.1875rem;font-weight:700}p,ul,ol,table{margin:0 0 1rem}ul,ol{padding-left:1.25rem}li+li{margin-top:.35rem}.lede{color:var(--muted);font-size:1.1875rem}.button{font:700 1.0625rem/1 var(--font-display);border-radius:var(--radius-control);border:2px solid var(--ink);background:var(--saffron);color:var(--saffron-ink);cursor:pointer;padding:.9rem 1.6rem;text-decoration:none;display:inline-block}.button:hover{color:var(--saffron-ink);filter:brightness(1.06)}.button.secondary{color:var(--ink);background:0 0}.actions{flex-wrap:wrap;gap:.75rem;margin:1.5rem 0;display:flex}.game{background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:6px 6px 0 var(--t-obscure);padding:1.5rem}.game [hidden]{display:none!important}.game h2{margin:0}.game h3{margin:1.5rem 0 .5rem;font-size:1.0625rem}.game-start{justify-items:start;gap:1rem;display:grid}.game-start p{color:var(--muted);margin:0;font-size:.9375rem}.game-banner{background:var(--paper);border:1px solid var(--line);border-radius:.75rem;margin:0 0 1rem;padding:.6rem .9rem;font-size:.9375rem}.game-bar{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.9375rem;display:flex}.game-score strong{font:800 1.25rem/1 var(--font-display);color:var(--ink);margin-left:.25rem}.game-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin:1rem 0 1.25rem;display:grid}.game-prompt{font-size:clamp(1.5rem,6vw,2.125rem);font-weight:800;line-height:1.15}.game-prompt:focus{outline:none}.timer{flex:none;width:60px;height:60px;position:relative}.timer svg{display:block;transform:rotate(-90deg)}.timer circle{fill:none;stroke-width:6px}.timer-track{stroke:var(--line)}.timer-fill{stroke:var(--t-rare);stroke-linecap:round;stroke-dasharray:var(--ring);stroke-dashoffset:0;transition:stroke-dashoffset .2s linear}.timer[data-low=true] .timer-fill{stroke:var(--saffron)}.timer-label{font:800 1rem/1 var(--font-display);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;inset:0}.answer{grid-template-columns:minmax(0,1fr);justify-items:start;gap:.5rem;display:grid}.answer label{font-weight:700;font-family:var(--font-display)}.answer-row{gap:.5rem;width:100%;display:flex}.answer input{width:100%;min-width:0;font:inherit;border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--paper);color:var(--ink);flex:auto;padding:.75rem 1.1rem;font-size:1.125rem}.answer input:focus-visible{outline-offset:1px}.answer-row .button{flex:none;padding-inline:1.2rem}.button.small{padding:.55rem 1.1rem;font-size:.9375rem}.feedback{min-height:1.55em;margin:1rem 0 0;font-weight:600}.feedback:empty{min-height:0;margin:0}.feedback[data-tone=miss]{color:var(--muted)}.feedback[data-tone=hit]{font:800 1.75rem/1.2 var(--font-display)}.feedback[data-tone=zero]{font:800 1.375rem/1.2 var(--font-display);color:var(--muted)}.reveal{margin-top:.5rem}.reveal-answer{margin:0 0 .75rem;font-size:1.125rem}.reveal-sub{color:var(--muted);margin:0 0 .35rem;font-size:.9375rem}.examples,.review{margin:0 0 1.25rem;padding:0;list-style:none}.examples li{margin:.25rem 0}.results-score{font:800 1.75rem/1.2 var(--font-display);margin:.75rem 0 .25rem}.results-best,.results-runs{color:var(--muted);margin:0}.review li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin:0;padding:.5rem 0;display:flex}.review-prompt{color:var(--muted)}.review-answer{font-weight:700}.share-text{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);resize:none;border-radius:.5rem;padding:.6rem;font:.9375rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.share-status{color:var(--muted);min-height:1.4em;margin:.25rem 0 0;font-size:.9375rem}.results-original{margin-top:1rem}.ladder{gap:.375rem;margin:1.5rem 0 2rem;padding:0;list-style:none;display:grid}.rung{grid-template-columns:6.5rem minmax(0,1fr) 2.25rem;align-items:center;gap:.75rem;margin:0;display:grid}.rung .bar{height:1.25rem;width:calc(var(--pts) * 1%);background:var(--tier);border-radius:.2rem .6rem .6rem .2rem;display:block}.rung-label{color:var(--muted);font-size:.9375rem}.rung-points{font:800 1rem/1 var(--font-display);text-align:right;font-variant-numeric:tabular-nums}.tier-common{--tier:var(--t-common)}.tier-overplayed{--tier:var(--t-overplayed)}.tier-solid{--tier:var(--t-solid)}.tier-rare{--tier:var(--t-rare)}.tier-obscure{--tier:var(--t-obscure)}.tier-legendary{--tier:var(--t-legendary)}.tier-legendary .rung-label{color:var(--ink);font-weight:700}.features{gap:1rem;padding:0;list-style:none;display:grid}.features li{border-left:4px solid var(--t-solid);margin:0;padding-left:1rem}.features strong{font-family:var(--font-display)}.steps{padding-left:1.5rem}.steps li::marker{font-family:var(--font-display);font-weight:800}.table-wrap{margin:0 0 1.5rem;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9375rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.6rem .5rem}th{font-family:var(--font-display)}tbody th{white-space:nowrap}td.num{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.swatch{vertical-align:-.05em;background:var(--tier);border-radius:.2rem;width:.75rem;height:.75rem;margin-right:.4rem;display:inline-block}.faq h3{margin-top:1.75rem}.note{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--line);color:var(--muted);margin-top:3rem;padding:1.25rem}.note p:last-child{margin-bottom:0}.contact-email{font:700 1.25rem/1.3 var(--font-display);overflow-wrap:anywhere}.site-footer{max-width:var(--measure);padding:1.5rem var(--gutter) 2.5rem;border-top:1px solid var(--line);color:var(--muted);margin:0 auto;font-size:.875rem}.site-footer ul{margin-bottom:.75rem}.site-footer p{margin:0}@media (width>=40rem){:root{--gutter:1.5rem}.game{padding:2rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
