.tp{--tp-card-w: min( calc((100cqi - 3rem)*.1) , max(calc((var(--fold, 100vh - 16rem) - 10.25rem) / 5.2), min( calc((100cqi - 3rem)*.1) , 3rem)) );--tp-card-h: calc(var(--tp-card-w) * 1.4);--tp-u: calc(var(--tp-card-w) / 2);--tp-pitch: calc(var(--tp-card-h) * .6);--tp-peaks-w: calc(var(--tp-u) * 18 + var(--tp-card-w));--tp-peaks-h: calc(var(--tp-pitch) * 3 + var(--tp-card-h));--tp-pile-w: calc(var(--tp-card-w) * 1.2);--tp-tray-h: calc(var(--tp-pile-w) * 1.4);--tp-tray-w: 100%;--tp-gap: var(--sp-3);--tp-squeeze: 1;--tp-pad: clamp(5px, 1.4cqi, 14px);--tp-felt-pad: clamp(5px, 1.5cqi, 16px);--tp-hair: clamp(1px, calc(var(--tp-card-w) * .03), 3px);--tp-radius: clamp(3px, calc(var(--tp-card-w) * .09), 10px);--tp-brass: 232 184 75;--tp-card: #FAF7F0;--tp-red: #D7263D;--tp-black: #17141F;--tp-text: #E8EEF4;--tp-dim: #9DB0BF;--tp-ease-out: cubic-bezier(.2,.8,.3,1);--tp-ease-back: cubic-bezier(.2,.8,.3,1.2);position:relative;display:flex;flex-direction:column;gap:clamp(var(--sp-1),1.2cqi,var(--sp-2));inline-size:100%;padding:var(--tp-pad);color:var(--tp-text);font:500 15px/1.3 inherit;font-family:inherit;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.tp__bar{display:flex;align-items:center;gap:var(--sp-1);flex-wrap:wrap;flex:none}.tp__stat{display:flex;flex-direction:column;justify-content:center;min-width:3.4rem;min-height:44px;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);background:var(--scrim-2);box-shadow:var(--e-sink)}.tp__stat[hidden]{display:none}.tp__stat span{font-size:var(--fs-1);letter-spacing:.04em;text-transform:uppercase;color:var(--tp-dim);font-weight:700}.tp__stat b{font-size:var(--fs-4);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.15}.tp__stat--score b{color:#fff}.tp__stat--best b{color:rgb(var(--tp-brass))}.tp__chip{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:44px;padding:0 var(--sp-3);border-radius:var(--r-sm);background:rgb(var(--tp-brass) / .16);color:rgb(var(--tp-brass));font-weight:800;font-size:var(--fs-1);white-space:nowrap}.tp__actions{margin-left:auto;display:flex;gap:var(--sp-1)}.tp__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);min-height:44px;min-width:44px;padding:0 var(--sp-3h);border-width:1px;border-style:solid;border-color:var(--wash-4);border-radius:var(--r-sm);background:var(--wash-2);color:var(--tp-text);font:inherit;font-weight:700;font-size:var(--fs-1);cursor:pointer;white-space:nowrap;transition:background-color .12s,transform .1s var(--tp-ease-out),border-color .12s}.tp__btn svg{flex:none}.tp__btn:hover:not(:disabled){background:var(--wash-4)}.tp__btn:active:not(:disabled){transform:translateY(1px) scale(.97);background:var(--wash-4)}.tp__btn:disabled{opacity:.35;cursor:default}.tp__btn--icon{padding:0;width:44px}.tp__btn-t{display:none}.tp--rail .tp__btn--icon{width:auto;padding:0 var(--sp-2);gap:var(--sp-2)}.tp--rail .tp__btn-t{display:inline}.tp__btn--new.is-armed{background:color-mix(in srgb,var(--art-card-red) 90%,transparent);border-color:#ff788ccc;color:#fff;animation:tp-arm .9s ease-in-out infinite}@keyframes tp-arm{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--art-card-red) 25%,transparent)}}.tp__btn:focus-visible,.tp__card:focus-visible,.tp__pile:focus-visible{outline:3px solid rgb(var(--tp-brass));outline-offset:2px}.tp__board{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--tp-gap);padding:var(--tp-felt-pad);border-radius:clamp(var(--r-sm),2cqi,var(--r-md));background:radial-gradient(ellipse at 50% 30%,rgb(255 255 255 / .06),transparent 60%),repeating-linear-gradient(45deg,rgb(255 255 255 / .014) 0 1px,transparent 1px 3px),var(--surface-bg, radial-gradient(ellipse at 50% 40%, var(--felt-lit) 0%, var(--felt) 55%, var(--felt-deep) 100%));box-shadow:var(--ring-inset),var(--e-sink-deep),var(--e-2);touch-action:manipulation;overflow:hidden}.tp__peaks{position:relative;inline-size:var(--tp-peaks-w);block-size:var(--tp-peaks-h);flex:none;transform:scale(var(--tp-squeeze));transform-origin:center;transition:transform .26s var(--tp-ease-out)}.tp__peaks .tp__card{position:absolute;left:calc(var(--x, 0) * var(--tp-u) + var(--tp-hair) / 2);top:calc((var(--r, 0) - var(--tp-row0, 0)) * var(--tp-pitch));width:calc(var(--tp-card-w) - var(--tp-hair));z-index:calc(var(--r, 0) + 1)}.tp__tray{display:grid;align-items:center;gap:var(--sp-2);grid-template-columns:minmax(0,1fr) auto 1fr;inline-size:100%;block-size:var(--tp-tray-h);flex:none}.tp__tools{display:flex;gap:var(--sp-2)}.tp__piles{display:flex;gap:calc(var(--tp-pile-w) * .3);justify-content:center}.tp--stack .tp__run{justify-self:end;max-width:12rem}.tp--stack .tp__tools{justify-self:start;max-width:6.5rem}.tp--rail .tp__board{flex-direction:row;align-items:stretch}.tp--rail .tp__tray{grid-template-columns:1fr;grid-template-rows:auto auto auto;align-content:space-between;inline-size:var(--tp-tray-w);block-size:auto;align-self:stretch;gap:var(--sp-2)}.tp--rail .tp__tools{justify-content:stretch}.tp--rail .tp__piles{gap:var(--sp-2)}.tp--rail .tp__tools .tp__btn{flex:1 1 0}.tp--rail .tp__run{align-items:center;text-align:center}.tp--rail .tp__peaks{flex:none;align-self:center}.tp__pile{position:relative;width:var(--tp-pile-w);aspect-ratio:5 / 7;border-radius:var(--tp-radius);box-shadow:inset 0 0 0 1.5px var(--wash-4),var(--e-sink);background:var(--scrim-1);transition:box-shadow .14s var(--tp-ease-out),transform .12s var(--tp-ease-out)}.tp__pile .tp__card{position:absolute;inset:0;width:100%}.tp__pile--stock{cursor:pointer}.tp__pile--stock.is-pressed{transform:scale(.96)}.tp__pile--stock .tp__card{cursor:pointer;translate:calc(var(--d, 0) * -1.5px) calc(var(--d, 0) * -1.5px)}.tp__pile--stock.is-empty{cursor:default}.tp__card.is-buried{visibility:hidden}.tp__count{position:absolute;right:-6px;bottom:-6px;z-index:2;min-width:22px;height:22px;padding:0 var(--sp-1);border-radius:var(--r-chip);display:grid;place-items:center;background:rgb(var(--tp-brass));color:#0a1017;font-size:var(--fs-1);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;box-shadow:var(--e-1)}.tp__pile--stock.is-empty .tp__count{background:var(--wash-4);color:var(--tp-text)}.tp__pile--stock:not(.is-empty){background:transparent;box-shadow:none}.tp__pile--waste .tp__card{cursor:default;transition:rotate .2s var(--tp-ease-out)}.tp__pile--waste .tp__card:nth-last-child(2){rotate:-4deg}.tp__pile--waste .tp__card:nth-last-child(3){rotate:5deg}.tp__pile.is-hinted{animation:tp-hint .7s ease-in-out 2}@keyframes tp-hint{50%{box-shadow:inset 0 0 0 3px rgb(var(--tp-brass)),0 0 22px rgb(var(--tp-brass) / .55)}}.tp--stuck .tp__pile--stock{animation:tp-breathe 2.2s ease-in-out infinite}@keyframes tp-breathe{0%,to{box-shadow:inset 0 0 0 1.5px var(--wash-4),var(--e-sink)}50%{box-shadow:inset 0 0 0 2px rgb(var(--tp-brass) / .9),0 0 20px rgb(var(--tp-brass) / .4)}}.tp__run{min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);background:var(--scrim-1);box-shadow:var(--ring-inset);transition:background-color .16s,box-shadow .16s;align-self:stretch}.tp__run-k{font-size:var(--fs-1);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--tp-dim)}.tp__run b{font-size:clamp(1.5rem,calc(var(--tp-card-w) * .62),2.6rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;transition:color .16s}.tp__run-next{font-size:var(--fs-1);font-weight:700;color:rgb(var(--tp-brass));white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tp__run-pips{display:flex;flex-wrap:nowrap;gap:var(--sp-1);margin-top:4px}.tp__run-pips i{width:6px;height:6px;border-radius:var(--r-sm);background:var(--wash-3);transition:background-color .14s var(--tp-ease-out),box-shadow .14s,transform .14s var(--tp-ease-back)}.tp__run-pips i.is-best{background:rgb(var(--tp-brass) / .32)}.tp__run-pips i.is-on{background:rgb(var(--tp-brass));box-shadow:0 0 6px rgb(var(--tp-brass) / .6);transform:scale(1.15)}.tp__run.is-hot{background:rgb(var(--tp-brass) / .16);box-shadow:var(--ring-inset-2)}.tp__run.is-hot b{color:rgb(var(--tp-brass))}.tp__run.is-blazing{background:rgb(var(--tp-brass) / .26);box-shadow:inset 0 0 0 1.5px rgb(var(--tp-brass) / .8),0 0 18px rgb(var(--tp-brass) / .28)}.tp__run.is-blazing b{color:#fff;text-shadow:0 0 14px rgb(var(--tp-brass))}.tp__run.is-broken{animation:tp-break .3s var(--tp-ease-out)}@keyframes tp-break{0%{opacity:1}40%{opacity:.35;transform:translateY(2px)}to{opacity:1}}.tp__status{pointer-events:none;margin:0;flex:none;min-height:1.45em;line-height:1.45;text-align:center;font-size:var(--fs-1);font-weight:600;color:#e8eef4cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp__status.is-urgent{color:#ffd8a8}.tp__settings{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-1) var(--sp-2);flex:none}.tp .gk-seg{min-height:44px}.tp .gk-seg__opt{min-height:38px;font-size:var(--fs-1);padding:0 var(--sp-3)}.tp__seg--level{flex:0 1 auto;min-width:11rem}.tp__rule{margin:0;flex:0 1 auto;min-width:0;font-size:var(--fs-1);font-weight:700;letter-spacing:.01em;color:rgb(var(--tp-brass));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp__settings--fixed{justify-content:center}.tp__card{aspect-ratio:5 / 7;border-radius:var(--tp-radius);perspective:700px;cursor:pointer;will-change:transform}.tp__card:not(.is-up){cursor:default}.tp__in{position:absolute;inset:0;display:block;border-radius:inherit;transform-style:preserve-3d;transition:transform .22s var(--tp-ease-back),translate .12s var(--tp-ease-out)}.tp__card:not(.is-up) .tp__in{transform:rotateY(180deg)}.tp__card.is-pressed .tp__in{transform:scale(.95)}.tp__card:not(.is-up).is-pressed .tp__in{transform:rotateY(180deg) scale(.95)}.tp__face,.tp__back{position:absolute;inset:0;display:block;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 0 0 .5px var(--scrim-2),var(--e-1)}.tp__face{background:linear-gradient(160deg,#fff 0%,var(--tp-card) 60%,#f0ebdf 100%);font-weight:800;font-size:max(var(--fs-1),calc(var(--tp-card-w) * .21));line-height:1;overflow:hidden;transition:box-shadow .14s var(--tp-ease-out),filter .26s var(--tp-ease-out)}.tp__card--red .tp__face{color:var(--tp-red)}.tp__card--black .tp__face{color:var(--tp-black)}.tp__back{transform:rotateY(180deg);background-color:#fff;background-image:var(--gafc-back);background-size:calc(var(--tp-card-w) * var(--gafc-back-tile)) calc(var(--tp-card-w) * var(--gafc-back-tile));background-position:center;background-clip:content-box;padding:calc(var(--tp-card-w) * .06)}.tp__back:after{content:"";position:absolute;inset:calc(var(--tp-card-w) * .06);border-radius:calc(var(--tp-radius) * .55);box-shadow:var(--ring-inset-2),inset 0 0 0 3px var(--gafc-back-frame);background:linear-gradient(165deg,var(--wash-3),transparent 45%);pointer-events:none}.tp__card.is-playable .tp__face{box-shadow:0 0 0 1.5px rgb(var(--tp-brass) / .85),var(--e-1)}.tp__card.is-playable .tp__in{translate:0 -3%}.tp__card.is-hinted .tp__face{animation:tp-hint-card .7s ease-in-out 2}@keyframes tp-hint-card{50%{box-shadow:0 0 0 3px rgb(var(--tp-brass)),0 0 18px rgb(var(--tp-brass) / .7)}}.tp__card--burst{position:absolute;z-index:95;pointer-events:none}.tp__float{font-size:clamp(var(--fs-2),3cqi,var(--fs-4));color:rgb(var(--tp-brass));text-shadow:var(--ink-shade)}.tp__float--peak{font-size:clamp(var(--fs-3),3.4cqi,var(--fs-4));color:#fff;text-shadow:0 0 12px rgb(var(--tp-brass)),var(--ink-shade)}.tp__float--run{font-size:clamp(var(--fs-3),3.2cqi,var(--fs-4));color:#fff;text-shadow:0 0 10px rgb(var(--tp-brass))}.tp__float--cold{font-size:var(--fs-1);color:var(--wash-7)}.tp--over .tp__card{cursor:default}.tp--over .tp__card.is-playable .tp__face{box-shadow:var(--card-shadow),0 0 0 .5px var(--scrim-1)}.tp--over .tp__card.is-playable .tp__in{translate:0 0}.tp--over .tp__card.is-missed .tp__face{filter:saturate(.55) brightness(.86)}.tp--over .tp__board:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 50% 45%,transparent 35%,var(--scrim-2) 100%);animation:tp-fade .4s var(--tp-ease-out)}.tp--won .tp__board:after{background:radial-gradient(ellipse at 50% 45%,rgb(var(--tp-brass) / .18),transparent 65%)}@keyframes tp-fade{0%{opacity:0}to{opacity:1}}.tp--tidy:not(.tp--cleared) .tp__tray{display:none}.tp--cleared .tp__peaks{display:none}.tp--cleared .tp__tray{grid-template-columns:auto auto auto;justify-content:center;gap:var(--sp-3h)}.tp--cleared .tp__run,.tp--cleared .tp__tools{justify-self:auto;max-width:none}@media(prefers-reduced-motion:reduce){.tp__in,.tp__btn,.tp__pile,.tp__run,.tp__face,.tp__peaks,.tp__pile--waste .tp__card,.tp__run-pips i{transition:none!important}.tp__pile.is-hinted,.tp__card.is-hinted .tp__face,.tp__btn--new.is-armed,.tp__run.is-broken,.tp--over .tp__board:after{animation:none!important}.tp--stuck .tp__pile--stock{animation:none!important;box-shadow:inset 0 0 0 2px rgb(var(--tp-brass) / .9)}.tp__pile.is-hinted{box-shadow:inset 0 0 0 3px rgb(var(--tp-brass))}.tp__card.is-hinted .tp__face{box-shadow:0 0 0 3px rgb(var(--tp-brass))}}@container (max-width: 21rem){.tp__run-pips{display:none}.tp__stat{min-width:2.8rem;padding:var(--sp-1) var(--sp-2)}.tp__tray{gap:var(--sp-1)}.tp__run{padding:var(--sp-1) var(--sp-1)}.tp__run-k,.tp__run-next{font-size:var(--fs-1)}.tp__tools{gap:var(--sp-1)}.tp__rule{font-size:var(--fs-1)}}@container (min-height: 1px){.tp__board{flex:1 1 auto;min-block-size:0}}.tp__seg-host{display:flex;align-items:center;margin-inline-start:auto}.tp__bar .tp__actions{margin-inline-start:0}.tp{--gafc-card-w: var(--tp-card-w)}