:root{--k-neutral-0: #ffffff;--k-neutral-50: #f6f7f9;--k-neutral-100: #eceef2;--k-neutral-200: #d5dae1;--k-neutral-300: #b0b8c3;--k-neutral-400: #8590a0;--k-neutral-500: #64707f;--k-neutral-600: #4c5563;--k-neutral-700: #363d48;--k-neutral-800: #232a34;--k-neutral-900: #161b22;--k-neutral-950: #0d1015;--k-green-300: #86efac;--k-green-500: #22c55e;--k-green-700: #15803d;--k-green-900: #14532d;--k-red-500: #ef4444;--k-red-600: #dc2626;--k-red-700: #b91c1c;--k-blue-400: #93c5fd;--k-blue-600: #2563eb;--k-blue-900: #1e3a8a;--k-gold-300: #fde68a;--k-gold-400: #f5b942;--k-gold-700: #8b6914;--k-violet-400: #c084fc;--k-violet-800: #4c1d95}:root{--k-radius-sm: 8px;--k-radius-md: 12px;--k-radius-lg: 20px;--k-shadow-e1: 0 1px 3px rgb(0 0 0 / 25%);--k-shadow-e2: 0 4px 10px rgb(0 0 0 / 30%);--k-shadow-e3: 0 10px 24px rgb(0 0 0 / 40%);--k-space-1: 4px;--k-space-2: 8px;--k-space-3: 12px;--k-space-4: 16px;--k-space-5: 24px;--k-space-6: 32px;--k-space-7: 48px;--k-space-8: 64px;--k-font-display: "Segoe UI", system-ui, -apple-system, sans-serif;--k-font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--k-text-xs: .75rem;--k-text-sm: .875rem;--k-text-md: 1rem;--k-text-lg: 1.25rem;--k-text-xl: 1.5rem;--k-text-2xl: 2rem;--k-text-3xl: 2.75rem;--k-card-min-w: 56px;--k-card-min-h: 84px;color-scheme:dark}:root,[data-theme=dark]{--k-overlay: rgb(0 0 0 / 60%);--k-bg: #101418;--k-surface: #1b2129;--k-surface-raised: #232b35;--k-text-primary: #e8ecf1;--k-text-secondary: #aeb9c6;--k-accent: #f5b942;--k-accent-contrast: #231703;--k-danger: #f87171;--k-success: #4ade80;--k-warning: #fbbf24;--k-card-face: #f8fafc;--k-card-back: #1e3a8a;--k-card-selected-ring: #f5b942;--k-discard-dim: #55606c;--k-timer-ok: #4ade80;--k-timer-urgent: #f59e0b;--k-snap-foreign: #2563eb;--k-suit-red: #dc2626;--k-suit-black: #111827;--k-suit-red-dim: #b45454;--k-suit-black-dim: #374151;--k-on-danger: #101418;--k-on-urgent: #101418;--k-on-snap-foreign: #f8fafc;--k-border: #363d48}[data-theme=light]{--k-overlay: rgb(22 32 43 / 45%);--k-bg: #eef1f5;--k-surface: #ffffff;--k-surface-raised: #ffffff;--k-text-primary: #16202b;--k-text-secondary: #4b5563;--k-accent: #2563eb;--k-accent-contrast: #ffffff;--k-danger: #b91c1c;--k-success: #15803d;--k-warning: #b45309;--k-card-face: #ffffff;--k-card-back: #93c5fd;--k-card-selected-ring: #2563eb;--k-discard-dim: #9aa4ae;--k-timer-ok: #15803d;--k-timer-urgent: #b45309;--k-snap-foreign: #2563eb;--k-suit-red: #dc2626;--k-suit-black: #111827;--k-suit-red-dim: #f3a6a6;--k-suit-black-dim: #9aa4ae;--k-on-danger: #ffffff;--k-on-urgent: #ffffff;--k-on-snap-foreign: #ffffff;--k-border: #d5dae1;color-scheme:light}[data-theme=casino]{--k-overlay: rgb(6 30 16 / 60%);--k-bg: #14532d;--k-surface: #1c6b40;--k-surface-raised: #22784a;--k-text-primary: #f2f7f3;--k-text-secondary: #e0eee4;--k-accent: #e7c66b;--k-accent-contrast: #201703;--k-danger: #fda4af;--k-success: #86efac;--k-warning: #fde047;--k-card-face: #fbfdf9;--k-card-back: #8b6914;--k-card-selected-ring: #e7c66b;--k-discard-dim: #7fa88e;--k-timer-ok: #86efac;--k-timer-urgent: #fbbf24;--k-snap-foreign: #93c5fd;--k-suit-red: #dc2626;--k-suit-black: #111827;--k-suit-red-dim: #f3a6a6;--k-suit-black-dim: #64707f;--k-on-danger: #201703;--k-on-urgent: #201703;--k-on-snap-foreign: #201703;--k-border: #2c8556}[data-theme=nocturne]{--k-overlay: rgb(10 5 25 / 65%);--k-bg: #17102b;--k-surface: #241a40;--k-surface-raised: #2e2250;--k-text-primary: #ede7fa;--k-text-secondary: #c9bfe8;--k-accent: #c084fc;--k-accent-contrast: #1a0f2e;--k-danger: #f87171;--k-success: #6ee7b7;--k-warning: #fcd34d;--k-card-face: #f5f1fe;--k-card-back: #4c1d95;--k-card-selected-ring: #c084fc;--k-discard-dim: #6e6486;--k-timer-ok: #6ee7b7;--k-timer-urgent: #f97316;--k-snap-foreign: #93c5fd;--k-suit-red: #dc2626;--k-suit-black: #111827;--k-suit-red-dim: #f3a6a6;--k-suit-black-dim: #64707f;--k-on-danger: #1a0f2e;--k-on-urgent: #1a0f2e;--k-on-snap-foreign: #1a0f2e;--k-border: #3b2d63}@keyframes k-deal{0%{transform:translateY(-40%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.k-deal{animation:k-deal .3s cubic-bezier(0,0,.2,1) both}.k-deal-stagger>*{animation:k-deal .3s cubic-bezier(0,0,.2,1) both;animation-delay:calc(var(--k-deal-index, 0) * 80ms)}.k-flip{animation:k-flip .4s cubic-bezier(.4,0,.2,1) both;backface-visibility:hidden}@keyframes k-flip{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes k-to-discard{0%{transform:translateY(0);opacity:1}to{transform:translateY(-24px);opacity:0}}.k-to-discard{animation:k-to-discard .25s ease-out both}@keyframes k-land{0%{transform:scale(1.08)}to{transform:scale(1)}}.k-land{animation:k-land 80ms ease-out both}.k-snap-ok{animation:k-snap-pulse .15s ease-in-out 2}@keyframes k-snap-pulse{0%,to{box-shadow:0 0 0 0 var(--k-success)}50%{box-shadow:0 0 0 4px var(--k-success)}}.k-shake{animation:k-shake .12s ease-in-out}@keyframes k-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.k-timer-urgent-pulse{animation:k-timer-pulse .5s ease-in-out infinite}@keyframes k-timer-pulse{0%,to{opacity:1}50%{opacity:.55}}.k-overlay-fade{animation:k-overlay-fade .2s ease-out both}@keyframes k-overlay-fade{0%{opacity:0}to{opacity:1}}.k-reveal-item{animation:k-overlay-fade .2s ease-out both;animation-delay:calc(var(--k-reveal-index, 0) * .12s)}.k-modal-in{animation:k-modal-in .2s ease-out both}@keyframes k-modal-in{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.k-modal-out{animation:k-modal-out .15s ease-in both}@keyframes k-modal-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(16px);opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:80ms!important;animation-iteration-count:1!important;transition-duration:80ms!important}}*{box-sizing:border-box}body{margin:0;font-family:var(--k-font-body);background:var(--k-bg);color:var(--k-text-primary)}button{min-height:48px;font-size:var(--k-text-md);padding:0 var(--k-space-4);cursor:pointer}input,select{min-height:48px;font-size:var(--k-text-md);padding:0 var(--k-space-3)}.page{max-width:560px;margin:0 auto;padding:var(--k-space-4);display:flex;flex-direction:column;gap:var(--k-space-4)}.card{background:var(--k-surface);border-radius:var(--k-radius-md);border:1px solid var(--k-border);padding:var(--k-space-4)}.row{display:flex;gap:var(--k-space-2);align-items:center}.grow{flex:1}.btn-primary{background:var(--k-accent);color:var(--k-accent-contrast);border:none;border-radius:var(--k-radius-md)}.btn-ghost{background:transparent;color:var(--k-text-primary);border:1px solid var(--k-border);border-radius:var(--k-radius-md)}.btn-danger{background:var(--k-danger);color:var(--k-on-danger);border:none;border-radius:var(--k-radius-md)}.theme-switcher{display:flex;gap:var(--k-space-1);flex-wrap:wrap}.theme-option{min-height:48px;padding:0 var(--k-space-3);border-radius:var(--k-radius-sm);border:1px solid var(--k-border);background:transparent;color:var(--k-text-secondary)}.theme-option.active{background:var(--k-accent);color:var(--k-accent-contrast);border-color:var(--k-accent);font-weight:700}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:3px solid var(--k-accent);outline-offset:2px}.settings-menu{position:relative}.settings-panel{position:absolute;right:0;top:calc(100% + var(--k-space-2));z-index:30;min-width:260px;display:flex;flex-direction:column;gap:var(--k-space-2);box-shadow:var(--k-shadow-e2)}.settings-panel h3{margin:0;font-size:var(--k-text-sm);color:var(--k-text-secondary)}.hand-grid{display:grid;grid-template-columns:repeat(2,minmax(72px,96px));gap:var(--k-space-2);justify-content:center}.hand-grid--rivals{grid-template-columns:repeat(2,44px);gap:var(--k-space-1)}.playing-card{aspect-ratio:2 / 3;width:100%;border-radius:var(--k-radius-sm);border:1px solid var(--k-border);display:flex;align-items:center;justify-content:center;font-size:var(--k-text-lg);position:relative;min-height:var(--k-card-min-h)}.playing-card.face-down{background:var(--k-card-back);color:transparent}.playing-card.known{background:var(--k-card-face);color:var(--k-suit-black)}.playing-card.locked:after{content:"🔒";position:absolute;top:2px;right:4px;font-size:var(--k-text-xs)}.playing-card.selected{outline:3px solid var(--k-card-selected-ring)}.playing-card.optimistic-pending{transform:translateY(-6px);opacity:.85}.playing-card.optimistic-error{outline:2px solid var(--k-danger)}.lastlap-banner{padding:var(--k-space-3);border-radius:var(--k-radius-md);text-align:center}.lastlap-banner.z{background:var(--k-timer-urgent);color:var(--k-on-urgent);animation:pulse 1s ease-in-out infinite}.lastlap-banner.v{background:var(--k-snap-foreign);color:var(--k-on-snap-foreign)}.lastlap-banner.collapsed{animation:none;font-size:var(--k-text-sm);padding:var(--k-space-2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.snap-bar{position:sticky;bottom:0;display:flex;gap:var(--k-space-2);padding:var(--k-space-2);background:var(--k-surface-raised);border-top:1px solid var(--k-border)}.snap-button{flex:1;font-size:var(--k-text-lg);font-weight:700}.snap-foreign{border-color:var(--k-snap-foreign);color:var(--k-snap-foreign)}.snap-context-bar{background:var(--k-snap-foreign);color:var(--k-on-snap-foreign);padding:var(--k-space-2);border-radius:var(--k-radius-sm);text-align:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--k-overlay);display:flex;align-items:center;justify-content:center}.overlay .card{max-width:420px}.conn-banner{background:var(--k-timer-urgent);color:var(--k-on-urgent);text-align:center;padding:6px}.toasts{position:fixed;bottom:var(--k-space-3);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px}.toast{background:var(--k-surface-raised);color:var(--k-text-primary);padding:var(--k-space-2) 14px;border-radius:999px;font-size:.9rem}.skeleton{height:64px;border-radius:var(--k-radius-md);background:linear-gradient(90deg,var(--k-surface),var(--k-surface-raised),var(--k-surface));background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}@keyframes k-reveal{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}.donate-qr-bg{fill:var(--k-neutral-0)}.donate-qr-modules{fill:var(--k-neutral-950)}.k-rules-chips{position:sticky;top:8px;z-index:10;display:flex;flex-wrap:wrap;gap:6px;padding:8px;margin-bottom:12px;border-radius:12px;background:var(--k-surface, var(--k-neutral-100))}.k-chip{border:1px solid var(--k-border, transparent);border-radius:999px;padding:6px 12px;min-height:36px;cursor:pointer;font-size:.85rem;background:var(--k-surface-raised, transparent);color:inherit}.k-chip:hover{filter:brightness(1.08)}.k-rules-section{scroll-margin-top:64px}.k-rules-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.k-anchor{text-decoration:none;opacity:.55}.k-anchor:hover{opacity:1}.k-collapse{min-width:48px;min-height:48px;font-size:1rem}@media (max-width: 480px){.k-rules-chips{top:4px;padding:6px;gap:4px}.k-chip{padding:5px 10px;font-size:.78rem}}@media (max-width: 360px){html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden}.page{padding-left:8px;padding-right:8px}.card{padding:12px 10px}table[data-testid=score-table]{display:block;overflow-x:auto;max-width:100%}.btn-primary,.btn-ghost{width:100%;box-sizing:border-box}.row{flex-wrap:wrap}.settings-panel{max-height:80vh;overflow-y:auto}}