: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{box-sizing:border-box;background:var(--panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:4px;width:100%;margin-bottom:.6rem;padding:4px;display:grid}.modes button{color:var(--mute);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:9px;min-width:0;padding:.5rem;font-size:.88rem;font-weight:700;line-height:1.2}.modes button small{opacity:.8;text-overflow:ellipsis;font-size:.72rem;font-weight:500;display:block;overflow:hidden}.lbl-s{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;position:absolute;top:.4rem;left:.4rem}.decide{flex-direction:column;align-items:center;gap:.6rem;margin-top:.2rem;display:flex}.read{color:#c9d1e3;border:1px solid var(--line);text-align:center;background:#121826;border-radius:10px;max-width:640px;margin:0;padding:.5rem .8rem;font-size:.9rem}.read[hidden]{display:none}.read b{color:var(--ink)}@media (height<=600px){.read .extra{display:none}}.read .tag{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-right:.3rem;font-size:.66rem;font-weight:800}.prompt{color:var(--mute);text-align:center;min-height:1.4em;margin:0;font-size:.98rem}.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;width:min(100%,560px);display:grid}.actions[hidden],.next[hidden],.act[hidden]{display:none}.actions.two{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,400px)}.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 b{font-weight:900}.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()}.fold{background:linear-gradient(#4a5168,#353b4f)}.call{background:linear-gradient(#2f6fd6,#2257ad)}.raise{color:#1a1406;background:linear-gradient(#e0a93a,#b9801c)}.raise kbd{color:#1a1406;background:#0002;border-color:#0003}.count-box{flex-wrap:wrap;justify-content:center;gap:.6rem;width:min(100%,560px);display:flex}.count-box[hidden]{display:none}.cnt{align-items:stretch;gap:.4rem;display:flex}.cnt span{color:var(--mute);text-align:right;align-self:center;min-width:2.8em;font-weight:800}.cnt input{box-sizing:border-box;text-align:center;width:84px;min-width:0;color:var(--ink);background:#0c111c;border:2px solid #3a4a74;border-radius:12px;padding:.45rem;font:800 1.5rem/1 ui-sans-serif,system-ui,sans-serif}.cnt input:focus{outline:3px solid var(--gold);outline-offset:1px}.cnt input::placeholder{color:#5b6684}.step{background:linear-gradient(#4a5168,#353b4f);border:0;border-radius:12px;width:52px;font-size:1.5rem;font-weight:800;box-shadow:0 6px 16px #0006,inset 0 1px #fff3}#cnt-go{flex:150px;max-width:220px}.clist{margin:.7rem 0 .2rem}.cg{margin:.45rem 0}.cg-head{color:var(--mute);font-size:.84rem;margin:0 0 .3rem!important}.cg-head b{color:var(--ink);margin-right:.25rem}.cpairs{flex-wrap:wrap;gap:4px;display:flex}.mp{background:#fbfaf6;border-radius:4px;gap:2px;padding:1px 4px;font:800 .76rem/1.35 ui-rounded,system-ui,sans-serif;display:inline-flex}.mp.dead{opacity:.38}.mp b.gone{text-decoration:line-through 2px}.su-s{color:#16181d}.su-h{color:#d3262e}.su-d{color:#1d6bd0}.su-c{color:#1b8a3c}.next{background:linear-gradient(#2a3450,#1e2638);width:min(100%,560px);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}.chart{color:#c9d1e3;font-size:.9rem}.chart span{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-right:.35rem;font-size:.68rem;font-weight:800}.src{color:var(--mute);font-size:.78rem}.hgrid-wrap{margin:.7rem 0 .2rem}.hgrid-title{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:.72rem;font-weight:800;margin:0 0 .35rem!important}.hgrid{background:#0b0f18;border:1px solid #0b0f18;border-radius:6px;grid-template-columns:repeat(13,1fr);gap:1px;max-width:360px;display:grid;overflow:hidden}.hgrid i{aspect-ratio:1;color:#ffffffb0;letter-spacing:-.02em;place-items:center;font-size:clamp(6px,1.9vw,8.5px);font-style:normal;font-weight:700;display:grid}.g-raise,.g-three,.g-shove{background:#c8901f;color:#1a1406!important}.g-call{background:#2f6fd6}.g-fold{background:#1a2132;color:#fff5!important}.g-close{background:repeating-linear-gradient(45deg,#c8901f 0 3px,#1a2132 3px 6px)}.g-mixed{background:repeating-linear-gradient(45deg,#5b6478 0 3px,#1a2132 3px 6px)}.hgrid i.me{outline-offset:-2px;z-index:1;outline:2px solid #fff;position:relative;box-shadow:0 0 0 2px #0b0f18}.hgrid-key{color:var(--mute);flex-wrap:wrap;gap:.3rem .8rem;font-size:.74rem;display:flex;margin:.45rem 0 0!important}.hgrid-key span{align-items:center;gap:.3rem;display:inline-flex}.hgrid-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}.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}.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-seat{grid-template-columns:repeat(5,1fr);gap:.3rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.per-seat[hidden]{display:none}.per-seat li{background:#0c111c;border-radius:8px;flex-direction:column;align-items:center;padding:.3rem 0;font-size:.78rem;display:flex}.per-seat li span:first-child{color:var(--mute);font-size:.68rem;font-weight:700}.per-seat 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}.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}.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 b{color:var(--ink);margin-right:.3rem}.chart-list .share{color:var(--mute);margin-right:.3rem;font-size:.76rem}.chart-list .note{color:var(--mute);border:0}.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.h1{animation-delay:.12s}.deal.d1,.deal.d1b{animation-delay:50ms}.deal.d2,.deal.d2b{animation-delay:.1s}.deal.d3,.deal.d3b{animation-delay:.15s}.deal.d4,.deal.d4b{animation-delay:.2s}.deal.d5,.deal.d5b{animation-delay:.25s}@keyframes deal{0%{opacity:0;transform:translateY(-60px)scale(.7)rotate(-8deg)}to{opacity:1;transform:none}}.herocards{transition:opacity .35s,transform .35s}.herocards.mucked{opacity:.28;transform:translateY(-14px)}.pushin{animation:.3s ease-out both push}@keyframes push{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.verdict{animation:.28s cubic-bezier(.2,1.4,.4,1) both pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.podg.folded{opacity:.45}.ring{animation:1.3s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.deal,.pushin,.verdict,.ring{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{grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:.4rem}.modes button{text-align:center;grid-column:span 3;padding:.45rem .1rem;font-size:.78rem}.modes button:nth-child(-n+3){grid-column:span 4}.lbl-l{display:none}.lbl-s{display:inline}.modes button small{display:none}.table svg{max-height:max(240px, calc(100svh - var(--fit,186px)))}.side{display:flex}.act,.next{padding:.8rem .3rem;font-size:1rem}.act kbd,.next kbd,.count-box .step{display:none}.count-box{flex-wrap:nowrap;gap:.5rem}.cnt input{width:68px}.cnt span{min-width:0;font-size:.85rem}#cnt-go{flex:110px}.feedback{padding:.8rem .9rem}}