:root{color-scheme:dark;--bg:#0b0f18;--ink:#e9edf5;--mute:#9aa5bb;--line:#222a3b;--panel:#121826;--gold:#f2c14e;--ok:#1e9e5a;--no:#d0424a;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:radial-gradient(1200px 700px at 50% -10%, #1b2440 0%, var(--bg) 60%) no-repeat, var(--bg);color:var(--ink);min-height:100vh}button{font:inherit;color:inherit;cursor:pointer}kbd{color:#fffc;background:#0006;border:1px solid #fff3;border-radius:.3rem;padding:.2rem .35rem;font:600 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.top{justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;margin:0 auto;padding:.9rem 1.25rem .4rem;display:flex}.brand{align-items:center;gap:.55rem;display:flex}.brand svg{width:30px;height:30px}.word{letter-spacing:.02em;font-size:1.15rem;font-weight:800}.badge{letter-spacing:.08em;text-transform:uppercase;color:#1a1406;background:linear-gradient(#f8d77f,#e0a93a);border-radius:99px;padding:.22rem .5rem;font-size:.68rem;font-weight:800}.title{color:var(--mute);margin:0;font-size:.95rem;font-weight:600}.wrap{grid-template:"play feedback""play side"1fr/minmax(0,1fr) 340px;align-items:start;gap:1rem 1.5rem;max-width:1280px;margin:0 auto;padding:.5rem 1.25rem 3rem;display:grid}.play{grid-area:play;min-width:0}.feedback{grid-area:feedback}.side{grid-area:side}.modes{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:4px;margin-bottom:.6rem;padding:4px;display:inline-flex}.modes button{color:var(--mute);text-align:left;background:0 0;border:0;border-radius:9px;padding:.5rem .9rem;font-size:.92rem;font-weight:700;line-height:1.2}.modes button small{opacity:.8;font-size:.74rem;font-weight:500;display:block}.modes .short{display:none}.modes button[aria-pressed=true]{color:var(--ink);background:#1f2a44;box-shadow:inset 0 0 0 1px #34446c}.tablebox{position:relative}.table svg{width:100%;height:auto;max-height:max(340px, calc(100svh - var(--fit,228px)));display:block}.spot-tag{color:#1a1406;background:var(--gold);white-space:nowrap;border-radius:99px;margin:0;padding:.25rem .65rem;font-size:.78rem;font-weight:700}.spot-tag[hidden]{display:none}.decide{flex-direction:column;align-items:center;gap:.6rem;margin-top:.2rem;display:flex}.prompt{color:var(--mute);text-align:center;min-height:1.4em;margin:0;font-size:.98rem}.ins-note{text-align:center;max-width:620px;margin:0;font-size:.9rem;font-weight:600}.ins-note[hidden]{display:none}.ins-note.ok{color:#5fd697}.ins-note.no{color:#ff8a8f}.ins-note span{display:block}.ins-note span.ok{color:#5fd697}.ins-note span.no{color:#ff8a8f}.itable-wrap{margin-top:.7rem}.itable{border-collapse:collapse;width:100%;font-size:.8rem}.itable th,.itable td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:.28rem .4rem}.itable th:nth-child(n+5),.itable td:nth-child(n+5){white-space:normal}.itable th{color:var(--mute);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}.itable td.n{color:var(--mute);width:1.6rem}.itable td.ix{font-variant-numeric:tabular-nums;font-weight:800}.itable tr.me td{background:#f2c14e14}.itable tr.me td:first-child{box-shadow:inset 3px 0 0 var(--gold)}.itable td.use{color:var(--gold);font-weight:800}.itable-title{letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:.2rem 0 .3rem;font-size:.72rem;font-weight:800}.steps{gap:.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.steps li{font-size:.92rem}.steps li.ok:before{content:"✓ ";color:#5fd697;font-weight:800}.steps li.no:before{content:"✗ ";color:#ff8a8f;font-weight:800}.actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;width:min(100%,640px);display:grid}.actions.five{grid-template-columns:repeat(5,minmax(0,1fr))}.actions.two{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,460px)}.actions[hidden],.next[hidden],.act[hidden]{display:none}.act,.next{border:0;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;padding:.85rem .5rem;font-size:1.05rem;font-weight:800;transition:transform 80ms,filter .15s;display:flex;box-shadow:0 6px 16px #0006,inset 0 1px #fff3}.act:hover,.next:hover{filter:brightness(1.1)}.act:active,.next:active{transform:translateY(1px)scale(.99)}.act:disabled{opacity:.4;filter:grayscale();cursor:not-allowed;box-shadow:none}.act:disabled:hover{filter:grayscale()}.hit{background:linear-gradient(#4a5168,#353b4f)}.stand{color:#1a1406;background:linear-gradient(#e0a93a,#b9801c)}.stand kbd{color:#1a1406;background:#0002;border-color:#0003}.double{background:linear-gradient(#2f6fd6,#2257ad)}.split{background:linear-gradient(#23a464,#187a49)}.surr{background:linear-gradient(#8a5bd0,#6a40ad)}.next{background:linear-gradient(#2a3450,#1e2638);width:min(100%,640px);box-shadow:0 6px 16px #0006,inset 0 0 0 1px #3a4a74}button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.feedback{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--ok);border-radius:12px;margin:0;padding:.9rem 1.1rem}.feedback[hidden]{display:none}.feedback.no{border-left-color:var(--no)}.feedback p{margin:.35rem 0}.fb-head{font-size:1.08rem;font-weight:800}.feedback.ok .fb-head{color:#5fd697}.feedback.no .fb-head{color:#ff8a8f}.fb-head .you{color:var(--mute);font-size:.92rem;font-weight:600}.why{font-size:1rem}.src{color:var(--mute);font-size:.78rem}.bgrid-wrap{margin:.7rem 0 .2rem}.bgrid-title{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:.72rem;font-weight:800;margin:0 0 .35rem!important}.bgrid{border-collapse:separate;border-spacing:1px;table-layout:fixed;font-variant-numeric:tabular-nums;background:#0b0f18;border-radius:6px;width:100%;max-width:380px;font-size:.74rem}.bgrid thead th:first-child{width:3.1em}.bgrid th{color:var(--mute);text-align:center;background:#0c111c;padding:.12rem .2rem;font-weight:700}.bgrid tbody th{text-align:right;white-space:nowrap;padding-right:.4rem}.bgrid th.col-me,.bgrid tr.row-me th{color:var(--gold)}.bgrid td{text-align:center;color:#ffffffd0;padding:.14rem 0;font-weight:800}.b-h{background:#3a4561}.b-s{background:#c8901f;color:#1a1406!important}.b-d{background:#2f6fd6}.b-ds{background:linear-gradient(135deg,#2f6fd6 0 60%,#c8901f 60%)}.b-p{background:#1e9e5a}.b-r{background:#7a4fc2}.bgrid td.me{outline-offset:-2px;z-index:1;outline:2.5px solid #fff;position:relative}.bgrid td.me-soft{outline-offset:-2px;outline:2px dashed #fff}.bgrid-key{color:var(--mute);flex-wrap:wrap;gap:.3rem .8rem;font-size:.74rem;display:flex;margin:.45rem 0 0!important}.bgrid-key span{align-items:center;gap:.3rem;display:inline-flex}.bgrid-key i{border-radius:2px;width:10px;height:10px;display:inline-block}.tally{border-top:1px dashed #33405e;margin-top:.7rem;padding-top:.6rem;font-size:.9rem}.tally-head{color:var(--gold);font-weight:800}.side{flex-direction:column;gap:1rem;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}.panel[hidden]{display:none}.chips-row{flex-wrap:wrap;gap:.4rem;display:flex}.chips-row button{border:1px solid var(--line);color:var(--mute);background:#0c111c;border-radius:99px;padding:.35rem .8rem;font-size:.85rem;font-weight:700}.chips-row button[aria-pressed=true]{color:var(--gold);background:#2a2414;border-color:#8a6d2a}#speed-pick .fine{color:var(--mute);margin:.6rem 0 0;font-size:.76rem}.count-box{grid-template-columns:56px minmax(0,120px) 56px minmax(0,180px);justify-content:center;gap:.6rem;width:min(100%,520px);display:grid}.count-box[hidden]{display:none}.step{background:linear-gradient(#4a5168,#353b4f);border:0;border-radius:12px;font-size:1.6rem;font-weight:800;box-shadow:0 6px 16px #0006,inset 0 1px #fff3}.step:disabled,.cnt-val:disabled{opacity:.4;cursor:not-allowed}.cnt-val{text-align:center;min-width:0;color:var(--ink);background:#0c111c;border:2px solid #3a4a74;border-radius:12px;padding:.5rem;font:800 1.5rem/1 ui-sans-serif,system-ui,sans-serif}.cnt-val:focus{outline:3px solid var(--gold);outline-offset:1px}.panel h2{letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:0 0 .6rem;font-size:.78rem}.panel-head{justify-content:space-between;align-items:baseline;display:flex}.link{color:var(--gold);background:0 0;border:0;padding:0;font-size:.82rem;font-weight:700}.rule-q{color:#c9d1e3;margin:.5rem 0 .3rem;font-size:.84rem;font-weight:700}.seg{border:1px solid var(--line);background:#0c111c;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.seg button{color:var(--mute);background:0 0;border:0;border-radius:8px;padding:.4rem .5rem;font-size:.86rem;font-weight:700}.seg button small{opacity:.75;margin-left:.2rem;font-size:.7rem;font-weight:600}.seg button[aria-pressed=true]{color:var(--gold);background:#2a2414;box-shadow:inset 0 0 0 1px #8a6d2a}.rules .fine{color:var(--mute);margin:.7rem 0 0;font-size:.76rem}.nums{grid-template-columns:repeat(4,1fr);gap:.4rem;margin:0;display:grid}.nums div{text-align:center;background:#0c111c;border-radius:10px;padding:.5rem .3rem}.nums dt{color:var(--mute);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}.nums dd{font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-size:1.1rem;font-weight:800}.sub{color:var(--mute);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;margin:.9rem 0 .4rem;font-size:.72rem;display:flex}.sub b{color:var(--ink)}.dots{grid-template-columns:repeat(10,1fr);gap:5px;display:grid}.dots i{background:#222b3e;border-radius:5px;height:10px}.dots i.ok{background:var(--ok)}.dots i.no{background:var(--no)}.per-kind{grid-template-columns:repeat(4,1fr);gap:.3rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.per-kind[hidden]{display:none}.per-kind li{background:#0c111c;border-radius:8px;flex-direction:column;align-items:center;padding:.3rem 0;font-size:.78rem;display:flex}.per-kind li span:first-child{color:var(--mute);font-size:.68rem;font-weight:700}.per-kind li span:last-child{font-variant-numeric:tabular-nums;font-weight:800}.misses{margin:0;padding:0;font-size:.86rem;list-style:none}.misses li{border-bottom:1px solid #1c2334;justify-content:space-between;gap:.5rem;padding:.3rem 0;display:flex}.misses li span{color:var(--mute)}.misses li.none{color:var(--mute);border:0}.copy{width:100%;color:var(--gold);background:#0c111c;border:1px solid #8a6d2a;border-radius:10px;margin-top:.8rem;padding:.55rem .8rem;font-size:.88rem;font-weight:700}.copy:hover:not(:disabled){background:#2a2414}.copy:disabled{opacity:.45;cursor:default}.copied{color:#5fd697;text-align:center;min-height:1.1em;margin:.4rem 0 0;font-size:.78rem}.chart-panel summary{cursor:pointer;justify-content:space-between;list-style:none;display:flex}.chart-panel summary::-webkit-details-marker{display:none}.chart-panel summary:after{content:"Show";color:var(--gold);font-size:.8rem;font-weight:700}.chart-panel[open] summary:after{content:"Hide"}.chart-panel summary h2{margin:0}.chart-list{color:#c9d1e3;margin:.7rem 0 0;padding:0;font-size:.84rem;list-style:none}.chart-list li{border-bottom:1px solid #1c2334;padding:.35rem 0}.chart-list li.mod{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;border:0;padding-top:.7rem;font-size:.74rem;font-weight:800}.about p{color:#c3cbdc;margin:.4rem 0;font-size:.86rem}.about .fine{color:var(--mute);font-size:.78rem}.about a{color:var(--gold)}.table .card,.table .back,.table .chips,.table .verdict{transform-box:fill-box;transform-origin:50%}.deal{animation:.42s cubic-bezier(.2,.8,.2,1) both deal}.deal.u1{animation-delay:80ms}.deal.h0{animation-delay:.16s}.deal.h1{animation-delay:.24s}.deal.h2{animation-delay:.32s}@keyframes deal{0%{opacity:0;transform:translate(120px,-120px)scale(.7)rotate(-14deg)}to{opacity:1;transform:none}}.herocards{transition:opacity .35s}.herocards.mucked{opacity:.3}.pushin{animation:.3s ease-out both push}@keyframes push{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.verdict{animation:.28s cubic-bezier(.2,1.4,.4,1) both pop}.flip{animation:.22s ease-out both flip}@keyframes flip{0%{opacity:0;transform:translate(60px,-90px)rotate(-12deg)scale(.85)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.peek{animation:.3s ease-out both push}@media (prefers-reduced-motion:reduce){.deal,.pushin,.verdict,.peek,.flip{animation:none}.herocards{transition:none}}@media (width<=960px){.wrap{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"play""feedback""side"}.side{grid-template-columns:1fr 1fr;display:grid}.side .score{grid-row:span 2}}@media (width<=700px){.top{gap:.5rem;padding:.7rem .9rem .2rem}.brand{gap:.45rem}.brand svg{width:26px;height:26px}.word{font-size:1rem}.badge{padding:.2rem .45rem;font-size:.6rem}.title{white-space:nowrap;font-size:.8rem}.wrap{gap:1rem;padding:.3rem .6rem 2rem}.modes{box-sizing:border-box;grid-template-columns:auto repeat(5,minmax(0,1fr));width:100%;margin-bottom:.4rem;display:grid}.modes button{text-align:center;padding:.35rem .1rem;font-size:.8rem}.modes .full{display:none}.modes .short{display:inline}.modes button small{white-space:nowrap;font-size:.58rem}.table svg{max-height:max(300px, calc(100svh - var(--fit,196px)))}.count-box{grid-template-columns:48px minmax(0,1fr) 48px minmax(0,1fr);gap:.5rem}.side{display:flex}.actions{gap:.45rem}.act,.next{padding:.8rem .3rem;font-size:1rem}.actions.five .act{padding:.8rem .1rem;font-size:.8rem}.act kbd,.next kbd{display:none}.feedback{padding:.8rem .9rem}}