.kn{--kn-card:clamp(44px, min(15cqw, 10.5cqh), 72px);--kn-chip:clamp(36px, min(10.5cqw, 7.6cqh), 46px);--pile-w:clamp(40px, min(13cqw, 9.5cqh), 72px);--us:#7fd1a8;--them:#f0a39b}@container gt (orientation:landscape) and (width>=600px){.kn{--kn-card:clamp(42px, 12.5cqh, 92px);--kn-chip:clamp(34px, 8cqh, 54px);--pile-w:clamp(42px, 11cqh, 84px)}}@container gt (orientation:landscape) and (height<=460px){.kn{--kn-card:clamp(40px, 13.5cqh, 58px);--kn-chip:clamp(30px, 8.6cqh, 38px);--pile-w:clamp(38px, 12cqh, 52px)}}.kn .gt-center:before{display:none}.kn .gt-center{align-items:stretch}.kn .gt-seat-row{gap:6px}.kn-seat{min-width:0}.kn-seat .kn-team-tag{letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:800}.kn-seat.is-us .kn-team-tag{color:var(--us)}.kn-seat.is-them .kn-team-tag{color:var(--them)}.kn .gt-seat-row>.kn-seat{border:2px solid #0000}.kn .gt-seat-row>.kn-seat.is-us{border-color:color-mix(in srgb, var(--us) 55%, transparent)}.kn .gt-seat-row>.kn-seat.is-them{border-color:color-mix(in srgb, var(--them) 40%, transparent)}.kn-seat.is-us .kn-name{color:var(--us)}.kn-seat.is-them .kn-name{color:var(--them)}@container gt (orientation:landscape) and (width>=600px){.kn .gt-seat-row>li{min-width:92px}}.kn-center{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;gap:6px;width:100%;min-height:0;display:grid}.kn-center>.kn-team.is-them{grid-area:1/1}.kn-center>.kn-team.is-us{grid-area:2/1}.kn-center>.kn-piles{flex-direction:column;grid-area:1/2/span 2;gap:6px}@container gt (orientation:landscape) and (width>=600px){.kn-center{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);gap:8px 14px}.kn-center>.kn-piles{flex-direction:column;grid-area:1/1/span 2;align-self:center;gap:14px}.kn-center>.kn-team.is-them{grid-area:1/2}.kn-center>.kn-team.is-us{grid-area:2/2}}@container gt (orientation:landscape) and (width>=600px) and (height<=460px){.kn-center>.kn-piles{flex-direction:row}}.kn-team{background:#0003;border:2px solid #0000;border-radius:12px;flex-direction:column;gap:4px;min-height:0;padding:4px 6px 6px;display:flex;overflow:hidden}.kn-team.is-us{border-color:color-mix(in srgb, var(--us) 45%, transparent)}.kn-team.is-them{border-color:color-mix(in srgb, var(--them) 35%, transparent)}.kn-team.is-target{border-color:var(--color-amber);box-shadow:0 0 0 2px #f2b63259}.kn-team-head{flex-wrap:wrap;align-items:center;gap:6px;min-height:20px;font-size:13px;line-height:1.2;display:flex}.kn-team.is-us .kn-team-name{color:var(--us)}.kn-team.is-them .kn-team-name{color:var(--them)}.kn-melds{flex-wrap:wrap;align-content:flex-start;gap:4px;min-height:0;display:flex;overflow:hidden}.kn-empty{color:var(--color-cream-2);opacity:.8;align-self:center;font-size:13px}.kn-chip{width:var(--kn-chip);height:calc(var(--kn-chip) * 1.28);min-width:34px;color:var(--color-ink);background:linear-gradient(160deg,#fff,#f1ece0);border:1px solid #cbc2ae;border-radius:7px;flex-direction:column;flex:none;justify-content:center;align-items:center;padding:0;font-weight:900;line-height:1;display:flex;position:relative;box-shadow:0 2px 4px #0000004d}button.kn-chip{cursor:pointer;min-width:44px;min-height:44px}.kn-team.is-them .kn-chip{--kn-chip:clamp(30px, min(9cqw, 6.4cqh), 40px)}.kn-chip .r{font-size:calc(var(--kn-chip) * .42)}.kn-chip .n{font-size:calc(var(--kn-chip) * .27);margin-top:2px;font-weight:800}.kn-chip .w{background:var(--color-amber);min-width:17px;height:17px;color:var(--color-ink);border-radius:999px;justify-content:center;align-items:center;padding:0 3px;font-size:11px;font-weight:900;display:flex;position:absolute;top:-5px;right:-5px}.kn-chip .bar{background:#0000001f;border-radius:2px;height:3px;position:absolute;bottom:3px;left:4px;right:4px;overflow:hidden}.kn-chip .bar>i{background:var(--color-felt);height:100%;display:block}.kn-chip.is-natural{color:#fff;background:linear-gradient(160deg,#d8392f,#a51f17);border-color:#7d140e}.kn-chip.is-mixed{color:#fff;background:linear-gradient(160deg,#3b3f46,#1c1e22);border-color:#000}.kn-chip.is-natural .bar,.kn-chip.is-mixed .bar{display:none}.kn-chip .tag{letter-spacing:.02em;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:800}.kn-chip.is-new{animation:.5s ease-out kn-pop}@keyframes kn-pop{0%{box-shadow:0 0 0 4px var(--color-amber);transform:scale(1.25)}to{transform:none}}.kn-red3{height:20px;color:var(--color-suit-red);background:#fff;border-radius:999px;align-items:center;gap:2px;padding:0 6px;font-size:12px;font-weight:900;display:inline-flex}.kn-piles{justify-content:center;align-items:center;gap:clamp(14px,6cqw,36px);display:flex}.kn-pile-btn{color:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:0;display:flex}.kn-pile-btn:disabled{cursor:default}.kn-pile-btn.is-go .pcard,.kn-pile-btn.is-go .pback{outline:3px solid var(--color-amber);outline-offset:2px}.kn-pile-label{color:var(--color-cream-2);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.kn-pile-stack{display:block;position:relative}.kn-cross{position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:90deg}.kn-frozen-tag{color:#0b3a66;background:#cfe8ff;border-radius:999px;align-items:center;gap:3px;padding:1px 6px;font-size:11px;font-weight:800;display:inline-flex}.kn-pile-stack.is-frozen .pcard:last-child{box-shadow:0 0 0 3px #9fd0ff,0 3px 8px #0000004d}.pcard.kn-joker{color:#6b2fa0}.pcard.kn-joker .idx{font-size:calc(var(--w) * .24)}.pcard.kn-joker .art{inset:18% 14%}.pcard.kn-joker .art .jk{font-size:calc(var(--w) * .17);letter-spacing:.04em;writing-mode:vertical-rl;font-weight:900;rotate:180deg}.pcard.kn-joker .art .star{font-size:calc(var(--w) * .42);color:#d0901a}.kn .gt-hand.kn-hand{height:auto;min-height:calc(var(--kn-card) * 1.4 + 16px);--card-w:var(--kn-card);flex-direction:column;justify-content:flex-end;align-items:center;padding:14px 0 2px;display:flex;overflow:hidden}@container gt (orientation:landscape) and (width>=600px){.kn .gt-hand.kn-hand{padding:12px 2% 10px!important;overflow:visible!important}}.kn-row{justify-content:center;display:flex;position:relative}.kn-row+.kn-row{margin-top:calc(var(--kn-card) * -1.4 + 46px)}.kn-group{height:calc(var(--kn-card) * 1.4);cursor:pointer;border-radius:calc(var(--kn-card) * .11);text-align:left;background:0 0;border:0;flex:none;padding:0;position:relative}.kn-group:disabled{cursor:default}.kn-group>.kn-card{transition:translate .15s;position:absolute;top:0}.kn-group>.kn-card.is-sel{translate:0 -12px}.kn-group>.kn-card.is-sel .pcard{outline:3px solid var(--color-amber);outline-offset:0}.kn-group.is-dim .pcard{filter:brightness(.8)saturate(.85)}.kn-group:focus-visible{outline:3px solid var(--color-amber);outline-offset:2px}.kn-count{z-index:20;background:var(--color-ink);min-width:20px;height:20px;color:var(--color-cream);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:12px;font-weight:900;display:flex;position:absolute;top:3px;right:auto;box-shadow:0 1px 3px #0006}.kn-count.is-sel{background:var(--color-amber);color:var(--color-ink)}.kn-group.shake{animation:.42s shake}.kn-staged{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.kn-staged button{border:1px dashed var(--color-amber);background:#0000004d;border-radius:999px;min-height:32px;padding:0 10px;font-weight:800}.kn-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px;gap:8px;display:grid}.kn-actions>button{border-radius:12px;min-height:52px;padding:0 6px;font-size:15px;font-weight:800;line-height:1.15;position:relative}.kn-actions .is-main{background:var(--color-amber);color:var(--color-ink)}.kn-actions .is-soft{border:2px solid #faf4e699}.kn-actions .is-off{color:#faf4e68c;border:2px solid #faf4e640}@container gt (orientation:landscape) and (height<=460px){.kn-actions>button{min-height:46px;font-size:14px}}.kn-score{border-collapse:collapse;width:100%;font-size:14px}.kn-score th,.kn-score td{text-align:right;border-bottom:1px solid var(--color-line);padding:4px 6px}.kn-score th:first-child,.kn-score td:first-child{text-align:left;font-weight:600}.kn-score thead th{font-size:13px}.kn-score tr.sum td{border-bottom:0;font-weight:900}.kn-score .us{color:var(--color-felt)}@container gt (orientation:landscape) and (height<=640px){.end-card>.kn-score-wrap{grid-area:1/2/span 8;align-self:center}.kn-score th,.kn-score td{padding:2px 6px}}@container gt (height<=600px){.kn-score{font-size:13px}.kn-score th,.kn-score td{padding:2px 6px}}@media (prefers-reduced-motion:reduce){.kn-chip.is-new,.kn-group.shake{animation:none}.kn-group>.kn-card{transition:none}}@container gt (orientation:landscape) and (width>=600px) and (height<=460px){.kn .gt-felt{padding-inline:2%}.kn .gt-seat-row>.seat-left{top:1%;left:1%}.kn .gt-seat-row>.seat-right{top:1%;left:auto;right:1%}.kn .gt-seat-row>li{min-width:0}.kn-seat .kn-team-tag{display:none}.kn-seat>span{align-items:baseline;gap:6px;flex-direction:row!important}.kn-seat.is-us .notranslate{color:var(--us)}.kn-seat.is-them .notranslate{color:var(--them)}}@layer components{@container gt (orientation:landscape) and (width>=600px) and (height<=460px){.kn .gt-seat-row>.seat-me-wide{display:none!important}}}