:root{--bg: #0f1720;--surface: #1b2430;--surface-2: #232f3d;--text: #e8edf2;--text-muted: #9aa7b4;--accent: #4cae7f;--accent-strong: #2f8e63;--border: #33424f;--danger: #d8674f;--warning: #d9a441;--card-bg: #f7f5ef;--card-border: #c9c2b0;--suit-red: #c02530;--suit-black: #1d2024;--disabled: #4a5560;--font-base: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fs-sm: .85rem;--fs-base: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.75rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--radius: 10px;--radius-sm: 6px;--shadow: 0 6px 18px rgba(0, 0, 0, .28)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-base);font-size:var(--fs-base);line-height:1.5;color:var(--text);background-color:var(--bg)}h1,h2,h3{line-height:1.2;margin:0 0 var(--sp-3)}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}ul{list-style:none;margin:0;padding:0}p{margin:0 0 var(--sp-2)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.page{max-width:1024px;margin:0 auto;padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.page__header{border-bottom:1px solid var(--border);padding-bottom:var(--sp-3)}.page__code{font-weight:700;letter-spacing:.08em;color:var(--accent)}.panel{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--sp-4)}.form{display:flex;flex-direction:column;gap:var(--sp-2)}.form label{font-size:var(--fs-sm);color:var(--text-muted)}.form input{font:inherit;color:var(--text);background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3)}.form input:focus-visible{border-color:var(--accent)}.btn{font:inherit;cursor:pointer;color:#fff;background-color:var(--accent-strong);border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-4)}.btn:hover{background-color:var(--accent)}.btn--ghost{background-color:transparent;color:var(--text);border-color:var(--border)}.btn--danger{background-color:var(--danger);color:#fff}.btn--compact{font-size:.72rem;padding:2px var(--sp-2);border-radius:999px}.btn:disabled,.is-disabled{cursor:not-allowed;opacity:.5;background-color:var(--disabled);color:var(--text-muted)}.btn[aria-pressed=true]{background-color:var(--accent);box-shadow:inset 0 0 0 2px var(--text)}.card{position:relative;display:inline-flex;box-sizing:border-box;width:3.4em;aspect-ratio:2.5 / 3.5;min-width:0;text-align:left;font-weight:700;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:0;box-shadow:0 1px 3px #00000040}.card--red{color:var(--suit-red)}.card--black{color:var(--suit-black)}.card-face{overflow:hidden}.card-face__value{position:absolute;top:.18em;left:.28em;z-index:2;font-size:.82em;font-weight:800;line-height:1;letter-spacing:-.02em}.card-face__pip{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.9em;line-height:1;opacity:.92;pointer-events:none}.card-face__corner--br{position:absolute;right:.28em;bottom:.18em;z-index:2;display:flex;flex-direction:column;align-items:center;font-size:.7em;font-weight:800;line-height:1;transform:rotate(180deg);pointer-events:none}.card-slot{display:inline-flex;padding:0;border:0;background:transparent}button.card-slot{cursor:pointer}button.card-slot:disabled{cursor:not-allowed;opacity:.55}button.card-slot:not(:disabled):hover .card-face{transform:translateY(-2px);transition:transform .12s ease}.hand__list,.cards__list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.table{display:flex;flex-direction:column;gap:var(--sp-4)}.table__public{display:flex;flex-wrap:wrap;gap:var(--sp-4)}.seats{display:flex;flex-direction:column;gap:var(--sp-2)}.seat{background-color:var(--surface-2);border:1px solid var(--border);border-left:4px solid transparent;border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.seat--active{border-left-color:var(--accent);background-color:#4cae7f1f}.seat--disconnected{opacity:.7;border-left-color:var(--warning)}.seat--eliminated{opacity:.55;border-left-color:var(--danger);text-decoration:line-through}.turn{border-left:4px solid var(--accent)}.action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3)}.action-bar fieldset{display:flex;align-items:center;gap:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3)}.action-bar fieldset:disabled{opacity:.5}.banner{flex:0 0 auto;border-radius:var(--radius-sm);margin:0;padding:var(--sp-1) var(--sp-3);background-color:var(--surface-2);border:1px solid var(--border);text-align:center}.banner--event{background-color:#4cae7f26;border-color:var(--accent);font-weight:700}.banner--waiting{background-color:#d9a44126;border-color:var(--warning)}.banner--stand{background-color:#d8674f2e;border-color:var(--danger);border-width:2px;color:var(--text);font-weight:700;font-size:1.1rem;text-align:center;letter-spacing:.02em}.banner--turn{background-color:#4cae7f33;border-color:var(--accent);border-width:2px;color:var(--text);font-weight:800;font-size:1.25rem;text-align:center;letter-spacing:.03em}.scoreboard__item,.reveal__item,.result__item{padding:var(--sp-1) 0}.score--eliminated{color:var(--danger);font-weight:700}.match-over{text-align:center}.match-over__outcome{font-size:var(--fs-lg);font-weight:700;color:var(--accent)}.presence{font-size:var(--fs-sm);color:var(--text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.table-page{max-width:none;width:100%;height:100vh;min-height:0;margin:0;padding:var(--sp-2) var(--sp-4) 0;gap:var(--sp-1);overflow:hidden}.topbar{flex:0 0 auto;display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);padding-bottom:var(--sp-2)}.topbar__title{font-size:var(--fs-lg);margin:0}.topbar__status{display:flex;align-items:baseline;gap:var(--sp-2) var(--sp-4);margin-left:auto}.topbar .turn{display:flex;align-items:baseline;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;margin:0;padding:0;background:transparent;border:0;border-left:0;box-shadow:none}.topbar .turn h2{font-size:var(--fs-sm);color:var(--text-muted);margin:0}.topbar .turn p{margin:0;font-size:var(--fs-sm)}.topbar .turn [data-testid=turn-indicator]{font-weight:700;font-size:var(--fs-base);color:var(--accent)}.table-area{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-bottom:var(--sp-2)}.dock{position:sticky;bottom:0;z-index:50;flex:0 0 auto;display:flex;flex-direction:column;gap:var(--sp-2);max-height:42vh;overflow:auto;margin:0 calc(-1 * var(--sp-4));padding:var(--sp-2) var(--sp-4) var(--sp-3);background-color:var(--surface);border-top:1px solid var(--border);box-shadow:0 -8px 24px #00000073}.dock .panel{box-shadow:none}.dock__hint{margin:0;font-weight:700;letter-spacing:.02em;color:var(--accent)}.dock__self{margin:0;padding:0}.dock__self .avatar{position:static;transform:none;width:auto;max-width:100%;flex-direction:row;align-items:center;gap:var(--sp-3);text-align:left}.dock__self .avatar__disc{width:44px;height:44px;font-size:var(--fs-lg)}.dock__self .avatar__info{background:transparent;padding:0}.felt{position:relative;height:100%;width:auto;max-width:100%;aspect-ratio:16 / 10;margin:0 auto;border-radius:50%/38%;background:radial-gradient(ellipse at center,#4cae7f33,#0f172000 70%),#16402c;border:8px solid #0c2a1c;box-shadow:inset 0 0 60px #0000008c,var(--shadow)}.felt__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-wrap:nowrap;gap:var(--sp-4);align-items:center;justify-content:center;z-index:2;pointer-events:auto}.felt__slot{padding:var(--sp-3);text-align:center;background-color:#1b2430eb}.felt__seats{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.felt__seats button,.felt__seats a,.felt__seats [role=button]{pointer-events:auto}.card-back{position:relative;display:inline-flex;align-items:center;justify-content:center;width:4.2em;aspect-ratio:2.5 / 3.5;border:3px solid #ffffff;border-radius:var(--radius-sm);background-color:#1d3a6b;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 6px,transparent 6px 12px),repeating-linear-gradient(-45deg,rgba(255,255,255,.12) 0 6px,transparent 6px 12px);box-shadow:0 2px 8px #0006;color:#fff}button.card-back{cursor:pointer}button.card-back:not(:disabled):hover{transform:translateY(-2px);transition:transform .12s ease}.card-back--stack:before,.card-back--stack:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid rgba(255,255,255,.7);border-radius:var(--radius-sm);background-color:#16305a;box-shadow:0 2px 6px #0000004d;z-index:-1}.card-back--stack:before{transform:translate(5px,5px)}.card-back--stack:after{transform:translate(10px,10px);background-color:#112647;z-index:-2}.discard-pile{position:relative;display:inline-block;min-height:5.4em}.discard-pile__open{position:relative;z-index:2}.discard-pile__open:before,.discard-pile__open:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.18);border-radius:var(--radius-sm);background-color:#fdfdfb;box-shadow:0 2px 6px #0000004d;pointer-events:none;z-index:-1}.discard-pile__open:before{transform:translate(4px,4px)}.discard-pile__open:after{transform:translate(8px,8px);background-color:#f4f4f0;z-index:-2}.avatar{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);width:120px;max-width:32vw;text-align:center;background-color:transparent;border:0;padding:0;transition:opacity .2s ease,filter .2s ease,transform .2s ease}.avatar__disc{position:relative;display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background-color:var(--avatar-bg, var(--surface-2));color:#fff;font-weight:700;font-size:var(--fs-xl);box-shadow:0 2px 8px #00000073,inset 0 0 0 2px #ffffff1f}.avatar__info{font-size:var(--fs-sm);display:flex;flex-direction:column;align-items:center;gap:2px;max-width:100%;padding:2px var(--sp-2);border-radius:var(--radius-sm);background-color:#0c1610b8;color:var(--text)}.avatar__name{font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar__lives{display:inline-flex;align-items:center;gap:4px}.avatar__hearts{color:var(--danger);letter-spacing:-1px}.avatar--turn .avatar__disc{outline:3px solid var(--accent);outline-offset:3px;animation:turnRing 1.4s ease-in-out infinite}.avatar--dealer .avatar__disc{box-shadow:0 2px 8px #00000073,inset 0 0 0 2px #ffffff1f,0 0 0 3px var(--warning),0 0 12px #d9a4418c}.avatar--disconnected{opacity:.6;filter:grayscale(.6)}.avatar--eliminated{opacity:.45;filter:grayscale(.85);text-decoration:line-through}@keyframes turnPulse{0%,to{box-shadow:0 0 #4cae7f8c}50%{box-shadow:0 0 14px 6px #4cae7fa6}}@keyframes turnRing{0%,to{box-shadow:0 0 #4cae7fb3}50%{box-shadow:0 0 18px 8px #4cae7fd9}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.banner--stand,.banner--event,.banner--waiting,.banner--turn{animation:fadeInUp .24s ease-out}button.card-slot{transition:transform .14s ease,box-shadow .14s ease}button.card-slot:not(:disabled):hover{transform:translateY(-4px)}button.card-slot:not(:disabled):hover .card{box-shadow:0 6px 14px #00000059}@keyframes cardFlipIn{0%{transform:perspective(600px) rotateY(90deg);opacity:0}to{transform:perspective(600px) rotateY(0);opacity:1}}.card-anim-flip{animation:cardFlipIn .3s ease-out;transform-origin:center;backface-visibility:hidden}@keyframes handCardIn{0%{transform:translateY(8px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.card-anim-in{animation:handCardIn .2s ease-out both;animation-delay:calc(var(--i, 0) * 40ms)}button.card-slot:not(:disabled):active{transform:translateY(-2px)}button.card-slot.card-slot--lift:not(:disabled){transform:translateY(-6px)}button.card-slot.card-slot--lift:not(:disabled) .card{box-shadow:0 8px 18px #0006}@keyframes cardPop{0%{transform:scale(.9);opacity:.4}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}.card-anim-pop{animation:cardPop .22s ease-out}@keyframes turnGlow{0%,to{box-shadow:0 0 #4cae7f00}50%{box-shadow:0 0 16px 4px #4cae7f8c}}.is-my-turn{animation:turnGlow 1.6s ease-in-out infinite;border-radius:var(--radius-md)}@media(max-width:640px){.page{padding:var(--sp-4) var(--sp-3)}.table-page{height:100vh;height:100svh;height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:var(--sp-2) var(--sp-3) 0;gap:var(--sp-1)}.topbar{flex:0 0 auto}.topbar__status{margin-left:0}.table-area{flex:1 1 auto;min-height:0;display:block;overflow:hidden;align-items:stretch;justify-content:stretch;padding-bottom:0}.felt{position:relative;height:100%;width:100%;aspect-ratio:auto;max-width:none;max-height:none;min-height:0;display:flex;flex-direction:row;align-items:stretch;gap:var(--sp-2);border-width:2px;border-radius:var(--radius);padding:var(--sp-2)}.table__public{flex-direction:row}.felt__seats{order:0}.felt__center{order:1}.felt__center{position:static;top:auto;left:auto;transform:none;flex:1 1 auto;min-width:0;min-height:0;flex-wrap:wrap;margin-bottom:0}.felt__seats{position:static;inset:auto;flex:0 0 auto;width:64px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:var(--sp-1);overflow-x:hidden;overflow-y:auto;pointer-events:auto}.felt__seats>*{flex:0 0 auto}.felt__seats .avatar{position:static!important;top:auto!important;left:auto!important;transform:none!important;flex:0 0 auto;width:100%;max-width:100%;flex-direction:column;align-items:center;text-align:center;gap:2px}.felt__seats .avatar__disc{width:2em;height:2em;font-size:var(--fs-xs)}.felt__seats .avatar__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem}.felt__seats .avatar__lives,.felt__seats .avatar__hearts{font-size:.7rem}.dock{position:static;flex:0 0 auto;max-height:48dvh;overflow-y:auto;margin:0 calc(-1 * var(--sp-3));box-shadow:0 -8px 24px #00000073}.card{width:2.7em}.card-back{width:3.4em}.discard-pile{min-height:4.4em}.table-page{position:relative}.ad-corner{display:flex;flex-direction:column;align-items:flex-end;position:absolute;top:calc(env(safe-area-inset-top,0px) + var(--sp-1));right:calc(env(safe-area-inset-right,0px) + var(--sp-1));z-index:50;width:116px;gap:1px;overflow:hidden;border-radius:var(--radius);pointer-events:auto}.ad-corner__bar{display:flex;align-items:center;justify-content:space-between;gap:2px;width:100%}.ad-corner__label{font-size:.45rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7;line-height:1}.ad-corner__dismiss{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#0000008c;color:#fff;width:14px;height:14px;border-radius:50%;font-size:.7rem;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.ad-corner__img{width:100%;height:auto;display:block;border-radius:var(--radius);box-shadow:0 2px 8px #00000059}.topbar{padding-right:128px}.topbar__title{font-size:var(--fs-base);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .turn h2,.topbar .turn p,.topbar .turn [data-testid=turn-indicator]{font-size:var(--fs-sm)}}@media(min-width:641px){.ad-corner{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}