:root{--c-bg:#fff;--c-surface:#f9fafb;--c-surface-2:#f3f4f6;--c-ink:#000;--c-ink-soft:#364153;--c-ink-muted:#4a5565;--c-primary:#05f;--c-primary-press:#193cb8;--c-primary-soft:#dbeafe;--c-primary-line:#90c5ff;--c-highlight:#fef08a;--c-danger:#fb2c36;--c-danger-soft:#ffe2e2;--c-success:#008138;--c-success-soft:#dcfce7;--bw-1:1px;--bw-2:2px;--bw-4:4px;--radius:0;--shadow-sm:2px 2px 0 0 var(--c-ink);--shadow:4px 4px 0 0 var(--c-ink);--shadow-lg:8px 8px 0 0 var(--c-ink);--font-sans:Geist, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:36px;--text-4xl:48px;--fw-normal:400;--fw-medium:500;--fw-bold:700;--fw-black:900;--tracking-tight:-.025em;--tracking-tighter:-.05em;--tracking-wide:.1em;--leading-tight:1.15;--leading-normal:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--gutter:16px;--tap-target:44px;--card-w:clamp(52px, 15vw, 88px);--card-ratio:1.4545;--focus-width:4px;--dur:.15s;--ease:cubic-bezier(.4, 0, .2, 1);--dur-flip:.24s}.kb-surface{background:var(--c-bg);border:var(--bw-2) solid var(--c-ink);box-shadow:var(--shadow)}.kb-surface--soft{background:var(--c-surface)}.kb-header{border-bottom:var(--bw-4) solid var(--c-ink);padding-bottom:var(--space-3)}.kb-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-target);min-width:var(--tap-target);padding:var(--space-3) var(--space-4);border:var(--bw-2) solid var(--c-ink);border-radius:var(--radius);background:var(--c-bg);color:var(--c-ink);box-shadow:var(--shadow);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease), background-color var(--dur) var(--ease);display:inline-flex}.kb-btn:hover:not(:disabled){background:var(--c-surface-2)}.kb-btn:active:not(:disabled){box-shadow:none;transform:translate(4px,4px)}.kb-btn:focus-visible{outline:var(--focus-width) solid var(--c-primary);outline-offset:2px}.kb-btn:disabled{opacity:1;background:var(--c-surface-2);color:var(--c-ink-muted);border-color:var(--c-ink-muted);box-shadow:none;cursor:not-allowed}.kb-btn--primary{background:var(--c-primary);color:var(--c-bg)}.kb-btn--primary:hover:not(:disabled){background:var(--c-primary-press)}.kb-btn--primary:focus-visible{outline-color:var(--c-ink)}.kb-btn--danger{background:var(--c-danger);color:var(--c-bg)}.kb-btn--kaboo{background:var(--c-highlight);color:var(--c-ink);box-shadow:var(--shadow-lg);font-weight:var(--fw-black)}.kb-btn--kaboo:active:not(:disabled){box-shadow:none;transform:translate(8px,8px)}.kb-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:var(--bw-2) solid var(--c-ink);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;display:inline-flex}.kb-chip--dark{background:var(--c-ink);color:var(--c-bg)}.kb-chip--soft{background:var(--c-primary-soft);color:var(--c-primary-press)}.kb-title{font-family:var(--font-sans);font-weight:var(--fw-black);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);text-transform:uppercase;margin:0}.kb-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0}.kb-card{width:var(--card-w);aspect-ratio:1 / var(--card-ratio);border:var(--bw-2) solid var(--c-ink);border-radius:var(--radius);background:var(--c-bg);box-shadow:var(--shadow-sm);font-family:var(--font-sans);font-weight:var(--fw-bold);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:0;display:block;position:relative;overflow:hidden}.kb-card--down{background:var(--c-ink)}.kb-card--selected{box-shadow:0 0 0 3px var(--c-primary), var(--shadow-sm);transform:translateY(-2px)}.kb-card--empty{box-shadow:none;background:0 0;border-style:dashed}.kb-table{touch-action:manipulation;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;min-height:100dvh;padding:var(--gutter);padding-bottom:calc(var(--gutter) + env(safe-area-inset-bottom));padding-top:calc(var(--gutter) + env(safe-area-inset-top));padding-left:calc(var(--gutter) + env(safe-area-inset-left));padding-right:calc(var(--gutter) + env(safe-area-inset-right));background:var(--c-bg);color:var(--c-ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal)}@media (prefers-reduced-motion:reduce){:root{--dur:0s;--dur-flip:0s}.kb-btn:active:not(:disabled),.kb-btn--kaboo:active:not(:disabled),.kb-card--selected{transform:none}}
*,:before,:after{box-sizing:border-box}html,body{background:var(--c-bg);color:var(--c-ink);font-family:var(--font-sans);min-height:100dvh;margin:0;padding:0}.kb-table{gap:var(--space-3);flex-direction:column;display:flex}.kb-table--gate{align-content:center;place-items:center;gap:var(--space-4);text-align:center;display:grid}.kb-table--game{height:100dvh;padding-bottom:0;overflow:hidden}.kb-table--game .kb-board{overscroll-behavior:contain;min-height:0;padding:var(--space-1);margin:calc(-1 * var(--space-1));overflow-y:auto}.kb-topbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.kb-topbar>.kb-label{color:var(--c-ink-soft);margin-left:auto}.kb-status{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.kb-status .kb-btn{margin-left:auto}.kb-board,.kb-centre{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.kb-opponents{gap:var(--space-4);padding-bottom:var(--space-1);display:flex;overflow-x:auto}.kb-seat{gap:var(--space-1);flex-direction:column;flex:none;display:flex}.kb-seat .kb-label{color:var(--c-ink-soft)}.kb-piles{justify-content:center;align-items:flex-start;gap:var(--space-4);display:flex}.kb-pile{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.kb-pile__head{justify-content:center;align-items:center;gap:var(--space-1);min-height:20px;display:flex}.kb-chip--count{padding:0 var(--space-1);border-width:var(--bw-1)}.kb-pile .kb-label{color:var(--c-ink-soft);text-align:center}.kb-pile--discard .kb-card{border-width:var(--bw-4);box-shadow:var(--shadow)}.kb-pile__stack{place-items:center;display:grid}.kb-hand{gap:var(--space-2);grid-template-columns:repeat(2,auto);justify-content:start;align-items:start;display:grid}.kb-hand__cell{position:relative}.kb-hand__index{padding:0 var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--c-ink-muted);position:absolute;inset-block-end:0;inset-inline-end:0}.kb-hand--compact{--card-w:clamp(40px, 11vw, 64px)}.kb-you{gap:var(--space-2);flex-direction:column;align-items:center;margin-top:auto;display:flex}.kb-card{cursor:default}button.kb-card{cursor:pointer}button.kb-card:disabled{cursor:default;opacity:.82}.kb-card:focus-visible{outline:var(--focus-width) solid var(--c-primary);outline-offset:2px}.kb-card__face{object-fit:fill;-webkit-user-select:none;user-select:none;width:104%;height:104%;animation:kb-reveal var(--dur-flip) var(--ease) both;display:block;position:absolute;inset:-2%}@keyframes kb-reveal{0%{opacity:0;transform:scale(.94)}}.kb-card__back{border:var(--bw-2) solid var(--c-bg);position:absolute;inset:3px}.kb-card__back:after{content:"";border:var(--bw-1) solid var(--c-bg);opacity:.5;position:absolute;inset:3px}.kb-card--dimmed{opacity:.5}.kb-dock{z-index:20;align-items:center;gap:var(--space-2);margin-inline:calc(-1 * var(--gutter) - env(safe-area-inset-left)) calc(-1 * var(--gutter) - env(safe-area-inset-right));margin-top:var(--space-3);padding:var(--space-3) calc(var(--gutter) + env(safe-area-inset-left)) calc(var(--space-4) + env(safe-area-inset-bottom)) calc(var(--gutter) + env(safe-area-inset-right));background:var(--c-surface);border-top:var(--bw-4) solid var(--c-ink);flex-direction:column;flex:none;display:flex}.kb-dock .kb-error,.kb-dock .kb-peeks{width:100%;max-width:34rem}.kb-actions{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;width:100%;max-width:48rem;display:flex}.kb-actions__hint{text-align:center;font-size:var(--text-sm);color:var(--c-ink-soft);flex:100%;margin:0}.kb-btn--small{min-height:var(--tap-target);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);box-shadow:var(--shadow-sm)}.kb-peeks{--card-w:clamp(40px, 11vw, 56px);justify-content:center;align-items:center;gap:var(--space-2);background:var(--c-highlight);border:var(--bw-2) solid var(--c-ink);box-shadow:var(--shadow);padding:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.kb-peeks__head{align-items:stretch;gap:var(--space-2);flex-direction:column;display:flex}.kb-peeks__cards{gap:var(--space-2);margin-top:0;display:flex}.kb-peeks__item{align-items:center;gap:var(--space-1);flex-direction:column;margin:0;display:flex}.kb-peeks__item .kb-label{text-align:center;max-width:13ch}.kb-panel{border:var(--bw-2) solid var(--c-ink);padding:var(--space-3);background:var(--c-surface)}.kb-panel--log{display:none}.kb-panel--scores{background:0 0;border:0;padding:0}.kb-panel--scores .kb-panel__title{display:none}.kb-panel--scores .kb-scores{gap:var(--space-1);flex-flow:wrap}.kb-panel--scores .kb-scores__row{gap:var(--space-1);padding:0 var(--space-2);border-color:var(--c-ink);background:var(--c-bg);font-size:var(--text-xs)}.kb-panel--scores .kb-scores__name{flex:none}.kb-panel--scores .kb-scores__row--turn{background:var(--c-highlight)}.kb-panel--scores .kb-panel__note{display:none}.kb-panel__title{margin:0 0 var(--space-2);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase}.kb-panel__note{margin:var(--space-2) 0 0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-ink-muted)}.kb-scores{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.kb-scores__row{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:var(--bw-1) solid transparent;display:flex}.kb-scores__row--turn{border-color:var(--c-ink);background:var(--c-highlight)}.kb-scores__row--you{font-weight:var(--fw-bold)}.kb-scores__name{align-items:center;gap:var(--space-1);flex:1;display:flex}.kb-scores__cards{font-family:var(--font-mono);color:var(--c-ink-muted)}.kb-scores__total{font-family:var(--font-mono);font-weight:var(--fw-black);text-align:right;min-width:2ch}.kb-log{gap:var(--space-1);flex-direction:column;max-height:40dvh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.kb-log__row{gap:var(--space-2);font-size:var(--text-xs);display:flex}.kb-log__kind{font-family:var(--font-mono);color:var(--c-ink-muted);min-width:10ch}.kb-gate__title{font-size:var(--text-3xl)}.kb-gate__body{max-width:34ch;color:var(--c-ink-soft);margin:0}.kb-form{gap:var(--space-2);text-align:start;flex-direction:column;width:min(100%,32rem);display:flex}.kb-input{min-height:var(--tap-target);padding:var(--space-2);border:var(--bw-2) solid var(--c-ink);border-radius:var(--radius);background:var(--c-bg);font-family:var(--font-mono);font-size:var(--text-base);width:100%}.kb-input:focus-visible{outline:var(--bw-2) solid var(--c-primary);outline-offset:2px}.kb-chip--room{font-size:var(--text-3xl);padding:var(--space-2) var(--space-4);letter-spacing:var(--tracking-wide);align-self:flex-start}.kb-error{padding:var(--space-2) var(--space-3);border:var(--bw-2) solid var(--c-danger);background:var(--c-danger-soft);font-size:var(--text-sm);margin:0}.kb-footnote{font-size:var(--text-xs);color:var(--c-ink-muted);text-align:center;margin:0}.kb-table--game .kb-footnote{display:none}@media (min-width:60rem){.kb-table{gap:var(--space-4);min-height:100dvh}.kb-board{gap:var(--space-5);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(14rem,18rem) minmax(0,1fr) minmax(14rem,20rem);align-items:stretch;display:grid;overflow:hidden}.kb-board>*{min-height:0;overflow-y:auto}.kb-opponents{justify-content:center;overflow-x:visible}.kb-you{margin-top:auto}.kb-btn{min-height:56px;padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.kb-btn--small{min-height:var(--tap-target);padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.kb-actions__hint{font-size:var(--text-base)}.kb-dock{margin-top:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.kb-table--game .kb-footnote,.kb-panel--log{display:block}.kb-panel--scores{border:var(--bw-2) solid var(--c-ink);padding:var(--space-3);background:var(--c-surface)}.kb-panel--scores .kb-panel__title{display:block}.kb-panel--scores .kb-scores{flex-flow:column}.kb-panel--scores .kb-scores__row{gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-base);background:0 0;border-color:#0000}.kb-panel--scores .kb-scores__name{flex:1}.kb-panel--scores .kb-scores__row--turn{border-color:var(--c-ink);background:var(--c-highlight)}.kb-panel--scores .kb-panel__note{margin-top:var(--space-2);display:block}.kb-peeks{--card-w:clamp(56px, 5vw, 72px)}.kb-log{max-height:none;overflow-y:visible}}