.tk-wrap{width:100%;container-type:inline-size}.tk-table{--hcw:clamp(50px, 9.6cqi, 84px);--hch:calc(var(--hcw) * 1.4);--tcw:clamp(46px, 8.6cqi, 76px);--tch:calc(var(--tcw) * 1.4);--bkw:clamp(20px, 3.8cqi, 34px);--bkh:calc(var(--bkw) * 1.4);--side:clamp(66px, 16cqi, 150px);--fan:clamp(1.4deg, .7cqi, 2.4deg);--felt:color-mix(in srgb, var(--game) 15%, var(--white));grid-template-columns:var(--side) minmax(0, 1fr) var(--side);background:var(--felt);border:var(--edge);border-radius:var(--r-lg);width:100%;box-shadow:var(--hard);touch-action:manipulation;-webkit-user-select:none;user-select:none;isolation:isolate;grid-template-areas:"n n n""w c e""s s s""h h h";align-items:center;gap:6px 4px;padding:clamp(8px,2cqi,18px) clamp(6px,1.6cqi,16px) 6px;display:grid;position:relative;overflow:hidden}.tk-table:before{content:"";border:2px dashed color-mix(in srgb, var(--ink) 16%, transparent);border-radius:calc(var(--r-lg) - 6px);pointer-events:none;z-index:-1;position:absolute;inset:7px}.tk-table.is-holding{cursor:pointer}.tk-face,.tk-back{--cw:var(--card-w,var(--hcw));border-radius:calc(var(--cw) * .12);border:clamp(1.5px, calc(var(--cw) * .034), 2.5px) solid var(--ink);width:100%;height:100%;box-shadow:clamp(1.5px, calc(var(--cw) * .04), 3px) clamp(1.5px, calc(var(--cw) * .04), 3px) 0 var(--ink);position:relative}.tk-face{background:var(--white);overflow:hidden}.tk-face .sol-svg{width:100%;height:100%;display:block}.tk-face .sol-rank{font-family:var(--font-display);letter-spacing:-.03em;font-weight:800}.tk-back{background:var(--ink)}.tk-back:before{content:"";inset:max(2px, calc(var(--cw) * .1));border-radius:calc(var(--cw) * .06);border:clamp(1.2px, calc(var(--cw) * .036), 2.5px) solid var(--sun);position:absolute}.tk-seat{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.tk-seat--2{flex-direction:column-reverse;grid-area:n;gap:4px}.tk-seat--1{flex-direction:column;grid-area:w}.tk-seat--3{flex-direction:column;grid-area:e}.tk-seat--0{grid-area:s}.tk-backs{--card-w:var(--bkw);flex-shrink:0;position:relative}.tk-backs:not(.tk-backs--side){--step:calc(var(--bkw) * .34);width:calc(var(--bkw) + (var(--n) - 1) * var(--step));height:var(--bkh);min-width:1px}.tk-backs--side{--step:calc(var(--bkw) * .3);width:var(--bkh);height:calc(var(--bkw) + (var(--n) - 1) * var(--step));min-height:1px}.tk-bk{width:var(--bkw);height:var(--bkh);position:absolute;top:0;left:0}.tk-backs:not(.tk-backs--side) .tk-bk{left:calc(var(--i) * var(--step))}.tk-backs--side .tk-bk{width:var(--bkh);height:var(--bkw);top:calc(var(--i) * var(--step))}.tk-backs--side .tk-back:before{inset:max(2px, calc(var(--bkw) * .1))}.tk-plate{background:var(--white);border:var(--edge);min-width:0;max-width:100%;box-shadow:var(--hard-sm);transition:background .16s, transform .2s var(--ease-spring);border-radius:14px;justify-items:center;gap:1px;padding:4px 9px 5px;display:grid;position:relative}.tk-plate.is-turn{background:var(--sun);transform:translateY(-2px)rotate(-1.5deg)}.tk-pname{align-items:center;gap:5px;min-width:0;max-width:100%;display:flex}.tk-av{background:var(--av);border:2px solid var(--ink);border-radius:50%;flex-shrink:0;width:11px;height:11px}.tk-pn{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;line-height:1.15;overflow:hidden}.tk-pscore{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(17px,3.4cqi,23px);font-weight:800;line-height:1}.tk-psub{color:var(--ink-2);white-space:nowrap;font-size:11.5px;font-weight:700;line-height:1.1}.tk-chips{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.tk-chip{border:2px solid var(--ink);background:var(--cream);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:2px;height:19px;padding:0 6px;font-size:11.5px;font-weight:800;line-height:1;display:inline-flex}.tk-chip--hot{background:var(--game)}.tk-chip--ok{background:var(--mint)}.tk-chip--bad{background:var(--cherry);color:var(--white)}.tk-plate--0{grid-auto-flow:column;align-items:center;gap:8px;padding:3px 10px}.tk-plate--0 .tk-pscore{font-size:18px}.tk-plate--0 .tk-psub{order:3}.tk-think{background:var(--white);border:2px solid var(--ink);border-radius:999px;gap:2px;padding:4px 5px;display:flex;position:absolute;top:-10px;right:-8px}.tk-think i{background:var(--ink);border-radius:50%;width:4px;height:4px;animation:.9s ease-in-out infinite tk-dot}.tk-think i:nth-child(2){animation-delay:.15s}.tk-think i:nth-child(3){animation-delay:.3s}@keyframes tk-dot{0%,60%,to{transform:none}30%{transform:translateY(-3px)}}.tk-centre{min-height:calc(var(--tch) * 2.15);grid-area:c;align-self:stretch;place-items:center;display:grid;position:relative}.tk-trick{width:calc(var(--tcw) * 2.4);height:calc(var(--tch) * 1.9);position:relative}.tk-tcard{--card-w:var(--tcw);width:var(--tcw);height:var(--tch);margin:calc(var(--tch) / -2) 0 0 calc(var(--tcw) / -2);position:absolute;top:50%;left:50%}.tk-at-0{transform:translate(0, calc(var(--tch) * .44)) rotate(var(--tilt))}.tk-at-1{transform:translate(calc(var(--tcw) * -.68), 0) rotate(var(--tilt))}.tk-at-2{transform:translate(0, calc(var(--tch) * -.44)) rotate(var(--tilt))}.tk-at-3{transform:translate(calc(var(--tcw) * .68), 0) rotate(var(--tilt))}.tk-tin{will-change:transform;width:100%;height:100%}.tk-tcard.is-win .tk-tin{animation:tk-win .36s var(--ease-spring)}.tk-tcard.is-win .tk-face{box-shadow:0 0 0 3px var(--sun), 0 0 0 5.5px var(--ink)}@keyframes tk-win{40%{transform:scale(1.1)}}.tk-overlay{z-index:20;cursor:auto;width:max-content;max-width:min(330px,100cqi - 20px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tk-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tk-hand{height:calc(var(--hch) * 1.3);grid-area:h;margin:0 -2px;position:relative}.tk-hcard{--card-w:var(--hcw);--S:min(calc(var(--hcw) * .62), calc((100% - var(--hcw)) / var(--n1)));--lift:0%;bottom:2px;left:calc((100% - var(--hcw) - var(--n1) * var(--S)) / 2 + var(--i) * var(--S));width:var(--hcw);height:var(--hch);font:inherit;color:inherit;cursor:default;transform-origin:50% 340%;transform:rotate(calc((var(--i) - var(--n1) / 2) * var(--fan))) translateY(var(--lift));transition:transform .2s var(--ease-spring);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.tk-hcard:disabled{cursor:default}.tk-hin{width:100%;height:100%;animation:tk-deal .36s var(--ease-spring) both;animation-delay:var(--d);display:block}@keyframes tk-deal{0%{opacity:0;transform:translateY(-60%)rotate(-8deg)scale(.7)}}.tk-hand.is-live .tk-hcard.can-play{--lift:-13%;cursor:pointer}.tk-hcard.is-dim .tk-face:after{content:"";background:color-mix(in srgb, var(--cream) 50%, transparent);position:absolute;inset:0}@media (hover:hover){.tk-hand.is-live .tk-hcard.can-play:hover{--lift:-22%}.tk-hand.is-live .tk-hcard.can-play:hover .tk-face{box-shadow:4px 4px 0 var(--ink)}}.tk-hand.is-live .tk-hcard.can-play:active{--lift:-9%}.tk-hcard:focus-visible{outline:none}.tk-hcard:focus-visible .tk-face{box-shadow:0 0 0 3px var(--sun), 0 0 0 5.5px var(--ink)}.tk-hand.is-live.is-picking .tk-hcard.can-play{--lift:0%}@media (hover:hover){.tk-hand.is-live.is-picking .tk-hcard.can-play:hover{--lift:-10%}}.tk-hand.is-live.is-picking .tk-hcard.is-sel,.tk-hand.is-live.is-picking .tk-hcard.is-sel:hover{--lift:-32%}.tk-hcard.is-sel .tk-face{box-shadow:0 0 0 3px var(--sun), 0 0 0 5.5px var(--ink)}.tk-hcard.is-new .tk-face{background:color-mix(in srgb, var(--sun) 30%, var(--white))}.tk-hcard.is-new:after{content:"";background:var(--sun);border:2px solid var(--ink);border-radius:50%;width:9px;height:9px;margin-left:-4.5px;position:absolute;top:-5px;left:50%}.tk-panel{background:var(--white);border:var(--edge);border-radius:var(--r-md);box-shadow:var(--hard);text-align:center;animation:tk-pop .32s var(--ease-spring);flex-direction:column;align-items:center;gap:8px;padding:12px 14px;display:flex}@keyframes tk-pop{0%{opacity:0;transform:translateY(10px)scale(.92)}}.tk-panel h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:20px;font-weight:800;line-height:1.05}.tk-panel p{color:var(--ink-2);margin:0;font-size:14px;font-weight:600;line-height:1.3}.tk-panel .ka-btn{height:38px}.tk-rows{grid-template-columns:auto auto auto;align-items:center;gap:3px 12px;margin:2px 0;display:grid}.tk-rows span{text-align:left;white-space:nowrap;font-size:14px;font-weight:700}.tk-rows b{font-family:var(--font-display);text-align:right;font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.tk-rows em{color:var(--ink-3);text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-style:normal;font-weight:700}.tk-setrow{gap:6px;display:grid}.tk-setrow>span{font-size:14px;font-weight:800}.tk-setrow .ka-seg{justify-self:start}.tk-sheet-table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;width:100%}.tk-sheet-scroll{border:var(--edge);border-radius:14px;max-height:min(56vh,420px);overflow:auto}.tk-sheet-table th,.tk-sheet-table td{text-align:right;border-bottom:1.5px solid color-mix(in srgb, var(--ink) 14%, transparent);white-space:nowrap;padding:5px 8px;font-size:14px}.tk-sheet-table th{background:var(--cream);z-index:1;font-size:13px;font-weight:800;position:sticky;top:0}.tk-sheet-table th:first-child,.tk-sheet-table td:first-child{text-align:left;color:var(--ink-3);font-weight:700}.tk-sheet-table tfoot td{background:var(--white);font-family:var(--font-display);border-top:var(--edge);border-bottom:0;font-size:17px;font-weight:800;position:sticky;bottom:0}.tk-sheet-table td small{color:var(--ink-3);font-size:11px;font-weight:700;display:block}.tk-sheet-table .is-me{background:color-mix(in srgb, var(--sun) 35%, var(--white))}.tk-sheet-table th.is-me{background:color-mix(in srgb, var(--sun) 55%, var(--cream))}.tk-empty{color:var(--ink-3);margin:0;font-weight:600}@media (prefers-reduced-motion:reduce){.tk-hin,.tk-panel,.tk-tcard.is-win .tk-tin,.tk-think i{animation:none}.tk-hcard,.tk-plate{transition:none}}
