.tp{--tp-red:var(--color-accent);--tp-back-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 50 70' preserveAspectRatio='none' fill='none' stroke='%23fbecd6' stroke-width='.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.6' y='3.6' width='42.8' height='62.8' rx='3' stroke-opacity='.85'/%3E%3Crect x='5.6' y='5.6' width='38.8' height='58.8' rx='2' stroke-opacity='.45'/%3E%3Cpath d='M25 22 36 35 25 48 14 35Z' stroke-opacity='.8'/%3E%3Cpath d='M25 26.5 31 35 25 43.5 19 35Z' stroke-opacity='.5'/%3E%3Ccircle cx='25' cy='35' r='2.2' fill='%23fbecd6' fill-opacity='.7' stroke='none'/%3E%3Cg id='c' stroke-opacity='.8'%3E%3Cpath d='M9 9C15 9 17.5 13 15.5 16.5 13.5 19.5 9.5 17.5 10.8 15 11.8 13.3 14 13.8 13.8 15.6M9 9C9 15 13 17.5 16.5 15.5'/%3E%3Cpath d='M25 9C22 13.5 18.5 13 18.5 10.8 18.5 9.3 20.3 9.3 20.8 10.5M25 9V17C22 19 20 21 18 26'/%3E%3Cpath d='M9 35C12 31 12 27.5 9.5 26.8 8.2 26.5 7.8 28.2 9 28.6'/%3E%3Cpath d='M20 35H14M25 17 25 22' stroke-opacity='.4'/%3E%3C/g%3E%3Cuse xlink:href='%23c' transform='matrix(-1 0 0 1 50 0)'/%3E%3Cuse xlink:href='%23c' transform='matrix(1 0 0 -1 0 70)'/%3E%3Cuse xlink:href='%23c' transform='matrix(-1 0 0 -1 50 70)'/%3E%3C/svg%3E");margin-top:2rem}.tp-stage{touch-action:manipulation}.tp-hud{border-bottom:1px solid var(--color-rule);grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:.75rem;display:grid}.tp-hud dt{letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-muted);font-size:.6875rem}.tp-hud dd{font-family:var(--font-serif);font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:1.3rem;line-height:1.2}.tp-hud [data-hud=streak].is-hot{color:var(--color-accent)}.tp-table{background:#e8ece4;margin:1.75rem -1.5rem 0;padding:2.9rem .5rem .6rem;position:relative;overflow:clip}.tp-felt{position:relative;container-type:inline-size}.tp-scene{pointer-events:none;position:absolute;inset:0;transform:translateZ(0)}.tp-scene svg{width:100%;height:100%;position:absolute;inset:0}.tp-scene:after{content:"";border-radius:inherit;background:var(--paper-grain), radial-gradient(ellipse at 50% 42%, transparent 58%, #46341e29);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000012}.tp-clouds{animation:50s ease-in-out infinite alternate tp-drift}@keyframes tp-drift{0%{transform:translate(-2.5%)}to{transform:translate(2.5%)}}.tp-board,.tp-deck{--slot:calc(100cqi / 10);--cw:calc(var(--slot) * .93);--ch:calc(var(--cw) * 1.4);--step-y:calc(var(--ch) * .52);position:relative}.tp-board{height:calc(var(--step-y) * 3 + var(--ch))}.tp-card,.tp-pile-card,.tp-back,.tp-wild,.tp-face,.tp-stock:before{border-radius:calc(var(--w,var(--cw)) * .09)}.tp-card{left:calc(var(--x) * var(--slot) - var(--cw) / 2);top:calc(var(--row) * var(--step-y));width:var(--cw);height:var(--ch);font-size:calc(var(--cw) * .32);transition:translate .16s cubic-bezier(.22,1,.36,1);position:absolute}.tp-card:disabled{cursor:default}.tp-card:not(:disabled){cursor:pointer}.tp-card:focus-visible,.tp-stock:focus-visible,.tp-wild:focus-visible,.tp-sound:focus-visible,.tp-undo:focus-visible{outline-offset:2px}@media (hover:hover) and (pointer:fine){.tp-card:not(:disabled):hover{translate:0 -3px}}.tp-sound{z-index:35;width:36px;height:36px;color:var(--color-muted);backdrop-filter:blur(4px);cursor:pointer;background:#fbfaf79e;border-radius:999px;place-items:center;transition:color .16s ease-out,background-color .16s ease-out;display:grid;position:absolute;top:.35rem;left:.35rem;box-shadow:0 0 0 1px #0000000f}.tp-sound-music{left:calc(.35rem + 40px)}.tp-full{left:auto;right:.35rem}.tp-full[hidden]{display:none}.tp-sound svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.tp-sound[aria-pressed=true]{color:var(--color-ink);background:#fbfaf7e0}.tp-sound[aria-pressed=true] .tp-sound-off,.tp-sound[aria-pressed=false] .tp-sound-on{display:none}@media (hover:hover) and (pointer:fine){.tp-sound:hover{color:var(--color-ink);background:var(--color-card)}}.tp-back,.tp-card.is-down{background:radial-gradient(circle at 50% 42%, #ffecd24d, transparent 65%), var(--tp-back-art) center / 100% 100% no-repeat, #c17c51;box-shadow:inset 0 0 0 max(1.5px, calc(var(--w,var(--cw)) * .045)) #f5ebdc, 0 0 0 1px #3c1e0a42, 0 1px 2px #0000001f, 0 4px 10px -6px #0000004d}.tp-face{--garb:#304c66;background:var(--color-card);color:var(--color-ink);font-family:var(--font-serif);line-height:1;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #00000024,0 1px 2px #0000001a,0 4px 10px -6px #0000004d}.tp-face[data-red=true]{color:var(--tp-red)}.tp-face[data-suit=hearts]{--garb:#b23a2e}.tp-face[data-suit=diamonds]{--garb:#c17c51}.tp-face[data-suit=clubs]{--garb:#3f6b56}.tp-corner{flex-direction:column;align-items:center;gap:.12em;width:1.05em;font-size:.92em;display:flex;position:absolute;top:.3em;left:.14em}.tp-corner .is-ten{letter-spacing:-.14em;margin-left:-.14em;font-size:.88em}.tp-corner-suit{fill:currentColor;width:.72em;height:.72em}.tp-frame{border:1px solid color-mix(in oklab, currentColor 42%, transparent);border-radius:.22em;position:absolute;inset:6% 7% 6% 34%;overflow:hidden}.is-court .tp-frame,.tp-face-wild .tp-frame{background:color-mix(in oklab, var(--garb) 8%, #fbf6ec);border-color:color-mix(in oklab, var(--garb) 55%, transparent)}.tp-art{width:100%;height:100%;position:absolute;inset:0}.tp-pips{display:none;position:absolute;inset:5% 4%}.tp-pip{fill:currentColor;width:.56em;height:.56em;position:absolute;translate:-50% -50%}.tp-pip.is-flipped{rotate:180deg}.tp-one{fill:currentColor;width:1.05em;height:1.05em;margin:auto;position:absolute;inset:0}.tp-ace{place-items:center;display:grid;position:absolute;inset:0}.tp-ace:before{content:"";border:1px solid color-mix(in oklab, currentColor 32%, transparent);border-radius:50%;width:1.7em;height:1.7em;position:absolute}.tp-ace-pip{fill:currentColor;width:1.1em;height:1.1em}.tp-face-wild{--garb:#dcab4b}.tp-face-wild .tp-frame{left:7%}.tp-wild-word{text-align:center;font-family:var(--font-script);color:var(--color-accent);background:linear-gradient(#0000,#fbf6eceb 40%);border-radius:0 0 .22em .22em;padding:.35em 0 .15em;font-size:.95em;position:absolute;inset:auto 7% 6%}@container (width<=360px){.tp-stock{--fan:1.5}.tp-deck,.tp-actions{gap:.7rem}}@container (width<=320px){.tp-stock{--fan:1}}@container (width>=520px){.tp-pips{display:block}.tp-one{display:none}}.tp-deck{--w:max(var(--cw), 3rem);--h:calc(var(--w) * 1.4);align-items:flex-end;gap:.9rem;margin-top:1.5rem;padding-bottom:1.4rem;display:flex}.tp-stock{--step:min(calc(var(--w) * .16), calc(var(--w) * var(--fan,2.2) / max(var(--n,1), 1)));width:calc(var(--w) + max(var(--n,0) - 1, 0) * var(--step));height:var(--h);cursor:pointer;flex:none;position:relative}.tp-stock:disabled{cursor:default}.tp-stock:before{content:"";width:var(--w);height:var(--h);background:#fbfaf740;border:1px dashed #1d1b184d;position:absolute;top:0;left:0}.tp-back{top:0;left:calc(var(--i) * var(--step));width:var(--w);height:var(--h);position:absolute}.tp-next{text-align:center;font-family:var(--font-script);font-size:calc(var(--w) * .22);color:#fff;text-shadow:0 1px 2px #46230ab3,0 0 6px #783c1499;place-items:center;padding:0 .35em;line-height:1.05;display:grid;position:absolute;inset:0;rotate:-8deg}.tp-stock-count{color:var(--color-ink);font-variant-numeric:tabular-nums;text-shadow:0 0 4px var(--color-card), 0 0 2px var(--color-card);font-size:.7rem;position:absolute;top:calc(100% + .3rem);left:.1rem}@media (hover:hover) and (pointer:fine){.tp-stock:not(:disabled):hover .tp-back:last-of-type{translate:0 -3px}.tp-back{transition:translate .16s cubic-bezier(.22,1,.36,1)}}.tp-pile{width:var(--w);height:var(--h);font-size:calc(var(--w) * .32);flex:none;position:relative}.tp-pile-card{position:absolute;inset:0}.tp-pile-under{rotate:-3deg}.tp-actions{align-items:flex-end;gap:.9rem;margin-left:auto;display:flex}.tp-undo{min-height:36px;color:var(--color-ink);backdrop-filter:blur(4px);cursor:pointer;background:#fbfaf7d1;border-radius:999px;padding:0 .9rem;font-size:.8rem;transition:color .16s ease-out,background-color .16s ease-out;box-shadow:0 0 0 1px #0000001a,0 2px 6px -3px #00000040}.tp-undo:not(:disabled):hover{background:var(--color-card)}.tp-undo:disabled{color:var(--color-faint);cursor:default;background:#fbfaf773}.tp-wild{width:var(--w);height:var(--h);font-size:calc(var(--w) * .32);cursor:pointer;flex:none;transition:translate .16s cubic-bezier(.22,1,.36,1),opacity .2s ease-out,filter .2s ease-out;position:relative}.tp-wild .tp-face{box-shadow:0 0 0 1px oklab(76.8428% .0183894 .124701/.7),0 0 0 3px #dcab4b40,0 4px 10px -6px #0000004d}.tp-wild:disabled{cursor:default;opacity:.5;filter:grayscale(.7)}@media (hover:hover) and (pointer:fine){.tp-wild:not(:disabled):hover{translate:0 -3px}}.tp-pop{z-index:20;font-family:var(--font-serif);color:var(--color-accent);font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;text-shadow:0 0 6px var(--color-card), 0 0 2px var(--color-card);font-size:.95rem;position:absolute;translate:-50% -50%}.tp-panel{z-index:30;background:color-mix(in oklab, var(--color-paper) 55%, transparent);backdrop-filter:blur(3px);place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.tp-panel[hidden]{display:none}.tp-panel-card{background:var(--color-card);text-align:center;border-radius:4px;width:min(100%,20rem);padding:1.5rem 1.6rem 1.6rem;box-shadow:0 0 0 1px #0000000f,0 24px 70px -20px #00000040}.tp-panel-title{font-family:var(--font-serif);font-size:1.5rem;line-height:1.2}.tp-tally{text-align:left;margin-top:1rem;font-size:.8rem}.tp-tally div{color:var(--color-muted);justify-content:space-between;gap:1rem;padding:.35rem 0;display:flex}.tp-tally dd{font-variant-numeric:tabular-nums;color:var(--color-ink)}.tp-tally div:last-child{border-top:1px solid var(--color-rule);color:var(--color-ink);margin-top:.35rem;padding-top:.6rem}.tp-tally div:last-child dd{font-family:var(--font-serif);font-size:1.05rem}.tp-final-label{letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-muted);margin-top:1rem;font-size:.6875rem}.tp-final{font-family:var(--font-serif);font-variant-numeric:tabular-nums;margin-top:.2rem;font-size:2.4rem;line-height:1.1}.tp-final-meta{color:var(--color-muted);margin-top:.2rem;font-size:.75rem}.tp-verdict{margin-top:.9rem;font-size:.85rem}.tp-verdict.is-best{color:var(--color-accent)}.tp-button{border:1px solid var(--color-ink);min-height:44px;font-family:var(--font-serif);cursor:pointer;border-radius:999px;margin-top:1.25rem;padding:.55rem 1.25rem;font-size:.95rem;transition:background-color .16s ease-out,color .16s ease-out}.tp-button:hover{background:var(--color-ink);color:var(--color-paper)}.tp-foot{border-top:1px solid var(--color-rule);justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-top:1.25rem;padding-top:1rem;display:flex}.tp-foot p{max-width:30rem;color:var(--color-muted);font-size:.75rem;line-height:1.6}.tp-end{min-height:32px;color:var(--color-muted);cursor:pointer;text-decoration:underline;text-decoration-color:var(--color-rule);text-underline-offset:.3em;flex:none;font-size:.75rem;transition:color .16s ease-out}.tp-end:hover,.tp-end[data-armed]{color:var(--color-accent)}.tp-end[hidden]{display:none}.tp-scores{margin-top:3rem}.tp-scores-title{font-family:var(--font-serif);font-size:1.35rem;line-height:1.2}.tp-score-list{margin-top:1rem}.tp-score-list li{grid-template-columns:1.75rem minmax(0,1fr) auto;align-items:baseline;column-gap:1rem;padding:.65rem 0;display:grid}.tp-score-rank{font-family:var(--font-serif);color:var(--color-faint);font-variant-numeric:tabular-nums;font-size:.85rem}.tp-score-value{font-family:var(--font-serif);font-variant-numeric:tabular-nums;font-size:1.15rem}.tp-score-rounds{font-family:var(--font-sans);color:var(--color-muted);margin-left:.6rem;font-size:.75rem}.tp-score-list time{color:var(--color-faint);font-variant-numeric:tabular-nums;font-size:.75rem}.tp-score-list li.is-new .tp-score-rank,.tp-score-list li.is-new .tp-score-value{color:var(--color-accent)}.tp-scores-empty{border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);color:var(--color-muted);margin-top:1rem;padding:1rem 0;font-size:.85rem}.tp-scores-empty[hidden],.tp-score-list[hidden]{display:none}.tp-scores-note{color:var(--color-faint);margin-top:.75rem;font-size:.7rem}.tp-stage:fullscreen,.tp-stage.is-full{--fit:min(100%, 72rem, calc((100dvh - 13rem) * 2.1));padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:var(--paper-grain), var(--paper-mottle), var(--color-paper);color:var(--color-ink);flex-direction:column;gap:.75rem;display:flex;overflow:hidden}.tp-stage.is-full{z-index:90;touch-action:none;position:fixed;inset:0}.tp-stage:fullscreen .tp-hud,.tp-stage.is-full .tp-hud{width:var(--fit);margin-inline:auto}.tp-stage:fullscreen .tp-table,.tp-stage.is-full .tp-table{border-radius:14px;flex-direction:column;flex:1;justify-content:center;min-height:0;margin:0;display:flex}.tp-stage:fullscreen .tp-felt,.tp-stage.is-full .tp-felt{width:var(--fit);margin-inline:auto}.tp-turn{z-index:35;width:max-content;max-width:calc(100% - 2rem);color:var(--color-ink);backdrop-filter:blur(4px);cursor:pointer;background:#fbfaf7e0;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.8rem;display:none;position:absolute;bottom:1.25rem;left:50%;translate:-50%;box-shadow:0 0 0 1px #00000014,0 4px 14px -6px #0000004d}.tp-turn svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}@media (orientation:portrait) and (width<=600px){:is(.tp-stage:fullscreen,.tp-stage.is-full):not([data-turned]) .tp-turn{display:flex}}@media (orientation:landscape) and (height<=520px){:is(.tp-stage:fullscreen,.tp-stage.is-full){--fit:min(100%, 72rem, calc((100dvh - 6.75rem) * 2.16));padding-top:max(.5rem, env(safe-area-inset-top));padding-bottom:max(.5rem, env(safe-area-inset-bottom));gap:.4rem}:is(.tp-stage:fullscreen,.tp-stage.is-full) .tp-hud{padding-bottom:.35rem}:is(.tp-stage:fullscreen,.tp-stage.is-full) .tp-hud div{align-items:baseline;gap:.5rem;display:flex}:is(.tp-stage:fullscreen,.tp-stage.is-full) .tp-hud dd{margin-top:0;font-size:1.05rem}:is(.tp-stage:fullscreen,.tp-stage.is-full) .tp-table{padding-top:.5rem;padding-bottom:.4rem}:is(.tp-stage:fullscreen,.tp-stage.is-full) .tp-deck{margin-top:.9rem}:is(.tp-stage:fullscreen,.tp-stage.is-full) .tp-sound-music{top:calc(.35rem + 40px);left:.35rem}}@media (width>=640px){.tp-table{border-radius:14px;padding:2.9rem 1rem .9rem}.tp-deck{gap:1.25rem}}@media (width<=380px){.tp-hud dd{font-size:1.1rem}.tp-hud dt{letter-spacing:.1em}}