:root{--felt: #14532d;--felt-dark: #052e16;--ink: #f8fafc;--muted: #cbd5e1;--gold: #fbbf24;--card-white: #fffdf7;--red: #b91c1c;--black: #111827;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--felt-dark);color:var(--ink);line-height:1.35}.gg-play button,.gg-play input,.gg-play select,.lobby button,.lobby input,.lobby select{font:inherit}.gg-play button,.lobby button{cursor:pointer;min-height:44px;min-width:44px;padding:.45rem .75rem;border:1px solid #57534e;background:#1c1917;color:#fff8e7;border-radius:8px}.gg-play button:focus-visible,.lobby button:focus-visible,.playing-card--button:focus-visible{outline:2px solid #fde68a;outline-offset:2px}.gg-play button.primary,.lobby button.primary{background:#7f1d1d;border-color:#b45309;color:#fff7ed}.gg-play button.ghost,.lobby button.ghost{background:transparent;min-height:36px;font-size:.85rem}.gg-play input,.gg-play select,.lobby input,.lobby select{min-height:44px;padding:.4rem .6rem;border-radius:8px;border:1px solid #57534e;background:#1c1917;color:#fff8e7}.banner{background:#7f1d1d;padding:.6rem .8rem;border-radius:8px}.banner--float{margin:0 .75rem}.muted,.hand-hint{color:var(--muted)}.kicker{margin:0;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;color:#bbf7d0}h1{margin:.15rem 0 0;font-size:1.15rem}.lobby{min-height:100dvh;padding:calc(1rem + var(--safe-t)) calc(1rem + var(--safe-r)) calc(1rem + var(--safe-b)) calc(1rem + var(--safe-l));display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#166534 0%,transparent 45%),var(--felt-dark)}.lobby-card{width:min(420px,100%);background:#0f172acc;border:1px solid #334155;border-radius:16px;padding:1.25rem;display:grid;gap:.75rem}.field,.or{display:grid;gap:.35rem}.or{text-align:center;color:var(--muted);font-size:.85rem}.join-row{display:flex;gap:.5rem}.join-row input{flex:1}.gg-play.table-app,.table-app{height:100%;min-height:0;display:flex;flex-direction:column;padding:var(--safe-t) var(--safe-r) 0 var(--safe-l);overflow:hidden;container-type:size;container-name:play;background:radial-gradient(ellipse at 50% 28%,#3b2414,#1a100a 55%,#0c0806)}.table-hud{display:flex;justify-content:space-between;gap:.5rem;padding:.28rem .7rem .2rem;align-items:center;flex:0 0 auto;z-index:8}.table-hud__mark{margin:0;font-size:.78rem;letter-spacing:.04em;color:#e7d3a8;opacity:.85}.table-hud__meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;justify-content:flex-end;font-size:.82rem}.table-hud__turn{color:#fde68a}.dir{padding:.25rem .55rem;border-radius:999px;background:#064e3b;font-size:.85rem}.table-room{min-height:0;flex:1;display:flex;flex-direction:column;position:relative}.table-stage{min-height:0;flex:1;position:relative;overflow:hidden}.table-oval{position:absolute;top:3%;right:5%;bottom:0;left:5%;border-radius:50%;background:radial-gradient(ellipse at 50% 42%,#1a7a3a 0%,var(--felt) 58%,#0b3b1c 100%);box-shadow:inset 0 0 0 12px #14532d,inset 0 0 0 14px #c4a57455,0 22px 48px #0008,0 0 0 18px #2a1810aa}.table-app--tall .table-oval{top:1.5%;right:2.5%;bottom:0;left:2.5%;border-radius:46%/36%}.seat{position:absolute;background:transparent;border:0;padding:.1rem;width:min(10.5rem,34%);text-align:center;z-index:2;overflow:visible}.seat--turn .seat__plate{box-shadow:0 0 0 1px #fbbf2488,0 0 16px #fbbf2444}.seat--turn .seat__name{color:#fde68a;text-shadow:0 0 8px #fbbf2466}.seat--compact{width:min(8.2rem,30%)}.seat--away{opacity:.72}.seat--finished .seat__plate{box-shadow:0 0 0 1px #93c5fd66}.seat__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:7.5rem}.seat__meta{display:flex;justify-content:center;gap:.35rem;align-items:center}.dot{width:.55rem;height:.55rem;border-radius:50%;display:inline-block}.dot--on{background:#4ade80}.dot--off{background:#f87171}.seat__plate{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;margin:.15rem auto 0;padding:.12rem .45rem;border-radius:999px;background:#052e16aa;border-bottom:1px solid transparent}.seat--turn .seat__plate{border-bottom-color:var(--gold)}.seat__backs{display:flex;justify-content:center;align-items:flex-end;min-height:3.1rem;margin:0;filter:drop-shadow(0 6px 8px #0006);position:relative}.seat__hand{position:relative;display:inline-block;max-width:100%}.seat__back{display:inline-block;transform-origin:50% 100%}.wild-die{display:block;pointer-events:none;line-height:0;filter:drop-shadow(0 4px 6px #000a)}.wild-die img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.table-oval>.wild-die--local{position:absolute;z-index:3;left:50%;top:70%;width:clamp(56px,4.15vw,64px);height:clamp(56px,4.15vw,64px)}.table-app--tall .table-oval>.wild-die--local{width:clamp(44px,11vw,52px);height:clamp(44px,11vw,52px)}.table-app--landscape .table-oval>.wild-die--local{width:clamp(44px,6.2vw,52px);height:clamp(44px,6.2vw,52px)}.wild-die--seat{position:absolute;z-index:1;width:clamp(32px,2.5vw,40px);height:clamp(32px,2.5vw,40px);top:46%;transform:translateY(-50%)}.seat--compact .wild-die--seat,.seat--rail .wild-die--seat{width:clamp(30px,6.5vw,36px);height:clamp(30px,6.5vw,36px)}.table-oval[data-opponent-count="7"] .wild-die--seat,.table-oval[data-opponent-count="6"] .wild-die--seat,.table-oval[data-opponent-count="5"] .wild-die--seat{width:clamp(30px,2.2vw,36px);height:clamp(30px,2.2vw,36px)}.seat[data-inward=right] .wild-die--seat{left:calc(100% + 22px);right:auto}.seat[data-inward=down] .wild-die--seat{left:calc(100% + 12px);right:auto;top:58%}.seat[data-inward=left] .wild-die--seat{right:calc(100% + 22px);left:auto}.seat--rail[data-inward=right] .wild-die--seat,.seat--rail[data-inward=down] .wild-die--seat{left:calc(100% + 12px)}.seat--rail[data-inward=left] .wild-die--seat{right:calc(100% + 12px)}.seat__stats{display:flex;flex-direction:column;font-size:.78rem;color:#d1fae5}.seat__turn,.seat__penalty,.seat__host,.you-turn{font-size:.75rem;color:var(--gold)}.center{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:flex-end;gap:1.8rem;z-index:1}.center__piles{display:flex;justify-content:center;align-items:flex-end;gap:inherit}.table-app--tall .center{top:40%;gap:1.1rem}.table-status{position:absolute;left:50%;top:62%;transform:translate(-50%);z-index:4;display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .55rem;max-width:min(18rem,70%);padding:.28rem .55rem;border-radius:10px;background:#7f1d1dcc;font-size:.78rem;text-align:center}.table-status--quiet{background:#052e1666;color:#d1fae5;top:61%}.table-app--tall .table-status{top:54%;bottom:auto;max-width:min(20rem,86%)}.pile{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:transparent;border:0;color:inherit;min-width:auto}.pile__stack{position:relative;display:block}.pile__echo{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pile__echo--1{transform:translate(4px,5px) rotate(3deg);opacity:.88}.pile__echo--2{transform:translate(8px,9px) rotate(6deg);opacity:.7}.pile__label{font-size:.8rem;color:#d1fae5}.pile--draw:disabled{opacity:.7}.pile--discard{position:relative;width:6.4rem}.staged-discard{list-style:none;margin:0;padding:0;position:absolute;left:.15rem;top:-.35rem;z-index:4;pointer-events:none}.staged-discard__item{position:absolute;left:0;top:0}.discard-second{position:absolute;left:-1.1rem;top:.35rem;transform:rotate(-8deg);opacity:.92;z-index:0}.pile--discard .playing-card--pile{position:relative;z-index:1}.pile-empty{width:4.6rem;height:6.4rem;border:2px dashed #86efac66;border-radius:8px;display:grid;place-items:center;font-size:.8rem}.finish-line{border-radius:10px;padding:.35rem .55rem;display:flex;flex-wrap:wrap;gap:.35rem;font-size:.82rem;background:#1e3a8acc;margin:0 .5rem .15rem}.local-band{position:relative;z-index:5;flex:0 0 auto;display:flex;flex-direction:column;margin-top:calc(-1 * var(--hand-rise, 7.2rem));padding:.85rem .4rem .1rem;background:transparent;pointer-events:none}.you-plate{order:-1;position:relative;z-index:30;display:block;width:max-content;max-width:92%;margin:0 auto .25rem;padding:.12rem .6rem;border-radius:999px;background:#120c08d6;text-align:center;font-size:.75rem;color:#f3e6c4;text-shadow:0 1px 4px #000a;white-space:nowrap}.local-band>*{pointer-events:auto}.hand-scroller{position:relative;z-index:1;overflow:visible;padding:.4rem .25rem .35rem;touch-action:pan-y}.hand-fan{display:flex;justify-content:center;align-items:flex-end;width:100%;min-height:var(--hand-fan-min-h, 9.4rem);padding:0 .2rem .2rem;isolation:isolate;user-select:none;-webkit-user-select:none}.hand-slot{flex:0 0 auto;touch-action:none;cursor:grab;transform-origin:50% 100%;transition:transform .16s ease,margin .16s ease,filter .16s ease}.hand-fan--dragging .hand-slot{cursor:grabbing}.hand-gap{flex:0 0 2.6rem;width:2.6rem;align-self:stretch;pointer-events:none;transition:width .16s ease,flex-basis .16s ease}.hand-ghost{position:fixed;z-index:40;pointer-events:none;opacity:.68;filter:drop-shadow(0 14px 18px #0009);transform:scale(1.08)}.playing-card--lifted{transform:translateY(-.35rem) rotate(-2deg)}.play-tray{padding:.15rem .25rem .05rem;max-width:42rem;margin:0 auto}.play-tray__title,.hand-hint{margin:0 0 .2rem;font-size:.78rem}.play-tray__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem;max-height:7.5rem;overflow:auto}.play-tray__item{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.play-tray__idx{font-weight:700;min-width:1.2rem}.play-controls{background:transparent;padding:.1rem .5rem calc(.28rem + var(--safe-b));z-index:6}.play-tray__actions,.action-bar,.late-calls,.late-calls__row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.action-bar{padding:0;justify-content:center;max-width:44rem;margin:0 auto}.action-bar button{flex:0 1 8.5rem;min-height:44px}.table-menu{position:relative;font-size:.78rem}.table-menu summary{cursor:pointer;color:#d6c7a8;list-style:none}.table-menu[open]{z-index:12}.table-menu__code{margin:.35rem 0;font-size:.78rem}.table-menu [data-testid=copy-invite-link]{margin-bottom:.25rem}.table-menu .ghost{display:block}.late-calls{justify-content:center;max-width:44rem;margin:0 auto .12rem;padding:.05rem .25rem;background:transparent}.late-calls__card{font-size:.78rem;font-weight:700;color:#f3e6c4;min-width:1.5rem}.late-calls .chip{border-radius:999px;padding:0 .45rem}.late-calls .chip:has(input:checked){box-shadow:inset 0 0 0 1px #c4a35a;background:#2a2114cc}.chip{display:inline-flex;gap:.3rem;align-items:center;min-height:36px;font-size:.82rem}.debug-wrap{padding:.15rem .5rem .3rem;background:transparent}.debug{font-size:.78rem;white-space:pre-wrap;overflow:auto;max-height:18vh;margin:.35rem 0 0}.playing-card{position:relative;border:0;padding:0;background:transparent;min-width:0;min-height:0;color:inherit}.art-strip-preview{min-height:100%;display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:2rem;background:radial-gradient(circle at 50% 40%,#1f7a3a 0%,var(--felt-dark) 72%)}.art-strip-preview .playing-card--hand{width:10.5rem}.playing-card--hand{width:var(--hand-card-w, 8.2rem);aspect-ratio:5 / 7;height:auto}.playing-card--pile{width:6.1rem;aspect-ratio:5 / 7;height:auto}.playing-card--seat{width:3.35rem;aspect-ratio:5 / 7;height:auto}.seat--compact .playing-card--seat{width:2.45rem}.table-app--tall .seat__back{margin-left:-.95rem}.table-app--tall.table-app .seat--compact .playing-card--seat{width:2.15rem}.playing-card--mini{width:1.7rem;aspect-ratio:5 / 7;height:auto}.playing-card--button{transition:transform .12s ease}.playing-card--selected{filter:drop-shadow(0 8px 10px #0005) drop-shadow(0 0 8px #fbbf2488)}.playing-card--selected:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:2px solid #fde68a;border-radius:7px;box-shadow:0 0 0 1px #0f172a55;pointer-events:none}.playing-card--committed:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border:1px solid rgba(184,149,58,.9);border-radius:7px;box-shadow:0 0 0 1px #48341273,0 0 7px #a8843047;pointer-events:none}.hand-slot:has(.playing-card--selected){z-index:80;position:relative}.playing-card__face,.playing-card__back{width:100%;height:100%;border-radius:8px;background:transparent;box-shadow:0 4px 8px #0005;position:relative;overflow:hidden}.playing-card__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.playing-card__back{background:#111}.playing-card__face{color:var(--black)}.playing-card--red .playing-card__face{color:var(--red)}.playing-card__corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;font-size:.72em;padding:.12em .15em;border-radius:.28em;background:#fffdf8cc;pointer-events:none}.playing-card__corner b{font-size:1.15em}.playing-card__corner--tl{top:4%;left:6%}.playing-card__corner--br{bottom:4%;right:6%;transform:rotate(180deg)}.playing-card__pip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.7em}.playing-card__pip>*{grid-area:1 / 1}.playing-card__pip--overlay{top:28%;right:12%;bottom:18%;left:12%;pointer-events:none}.playing-card__wild-tab{position:absolute;top:0;right:0;z-index:2;font-size:.5em;font-weight:800;letter-spacing:.03em;line-height:1;padding:.22em .38em .26em;background:#ca8a04;color:#fffbeb;border-bottom-left-radius:.4rem}.card-id{display:flex;align-items:baseline;gap:.12em;line-height:1}.card-id__printed{position:relative;opacity:.38;font-weight:600}.card-id__printed:after{content:"";position:absolute;left:-12%;right:-12%;top:46%;border-top:.12em solid currentColor;transform:rotate(-22deg)}.card-id__effective{font-weight:800;font-size:1.08em}.suit--red{color:var(--red)}.suit--black{color:var(--black)}.playing-card__pip-suit--muted{opacity:.22;transform:scale(1.05)}.playing-card__pip-suit--effective{font-size:1.05em;text-shadow:0 1px 0 #fff8,0 4px 8px #0004;z-index:1}.playing-card__rank-badge{z-index:2;font-weight:800;font-size:.85em;line-height:1;padding:.12em .22em;border-radius:.28em;background:#fffdf6ee;border:1px solid #cbd5e1;box-shadow:0 3px 6px #0004;transform:translateY(.85em)}.playing-card__rank-badge--ghost{transform:translateY(1.15em);font-size:.62em}.playing-card__portrait--muted{opacity:.28}.playing-card--mini.playing-card--wild .playing-card__pip,.playing-card--mini.playing-card--wild .playing-card__corner--br{display:grid}.playing-card--mini.playing-card--wild .playing-card__pip{top:28%;right:8%;bottom:8%;left:8%;font-size:1.15em}.playing-card--mini .playing-card__wild-tab{font-size:.42em;padding:.12em .22em}.playing-card--mini .playing-card__rank-badge{transform:none;font-size:.72em}.playing-card--mini .card-id__printed{font-size:.85em}.playing-card__pip:has(.face-portrait){top:16%;right:12%;bottom:18%;left:12%;font-size:1em}.face-portrait,.face-portrait__svg{width:100%;height:100%;display:block}.face-portrait__skin{fill:#f8e4c8;stroke:#7c2d12;stroke-width:1.4}.face-portrait__hair,.face-portrait__beard{fill:#1e293b}.playing-card--red .face-portrait__hair,.playing-card--red .face-portrait__beard{fill:#7f1d1d}.face-portrait__hat,.face-portrait__crown{fill:#ca8a04;stroke:#713f12;stroke-width:1.2}.face-portrait__feather,.face-portrait__profile,.face-portrait__mouth{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.face-portrait__eye{fill:#f8fafc;stroke:#0f172a;stroke-width:1}.face-portrait__pupil{fill:#0f172a}.face-portrait__jewel{fill:#38bdf8}.face-portrait__suit-mark{font-size:14px;fill:currentColor;opacity:.35}.face-portrait--one-eyed .face-portrait__profile{stroke-width:2}.pile--drop-armed{border-radius:12px;box-shadow:0 0 0 2px #fde68a88,0 0 18px #facc1588}.pile--drop-hover{transform:translateY(-.35rem) scale(1.05);box-shadow:0 0 0 3px #fde047,0 12px 24px #0006}.pile--drop-landed{animation:discard-land .4s ease}.pile--drop-reject{animation:discard-reject .35s ease}.hand-ghost--over-discard{opacity:.55}@keyframes discard-land{0%{transform:scale(1.08)}55%{transform:scale(.96)}to{transform:scale(1)}}@keyframes discard-reject{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}to{transform:translate(0)}}.playing-card--mini .playing-card__pip,.playing-card--mini .playing-card__corner--br{display:none}.playing-card--mini .playing-card__corner{font-size:.62em}.playing-card__caption{position:absolute;left:0;right:0;bottom:-1.1rem;font-size:.7rem;color:#d1fae5}.lobby-wait{text-align:center;max-width:16rem}@media (min-width: 900px){.gg-play.table-app,.table-app{max-width:none;margin:0}.playing-card--pile{width:6.6rem}}@media (max-width: 640px){.table-hud{padding:.2rem .45rem}.table-app--tall .table-oval,.table-oval{top:1%;right:1.5%;bottom:0;left:1.5%}.center{gap:.85rem}.playing-card--pile{width:4.4rem}.seat{width:min(7.2rem,38%)}.action-bar button{flex:1 1 30%}.table-hud__mark{font-size:.7rem}}@container play (max-width: 560px){.playing-card--pile{width:4.2rem}}@container play (max-height: 520px){.playing-card--pile{width:3.8rem}}@media (prefers-reduced-motion: reduce){.hand-slot,.hand-gap,.hand-ghost,.playing-card--lifted,.playing-card--selected{transition:none}.hand-ghost,.pile--drop-hover,.pile--drop-landed{transform:none;animation:none}}.table-app--portrait .local-band{padding-top:1.9rem}.table-app--landscape .table-stage{flex:1 1 auto;min-height:8rem}.table-app--landscape .local-band{max-height:none}.table-app--landscape .you-plate{margin-bottom:.12rem;font-size:.72rem}.table-app--landscape .table-oval{top:3%;right:.8%;bottom:8%;left:.8%;border-radius:48%/38%}.table-app--landscape .center{left:34%;top:62%;gap:1.1rem}.table-app--landscape .playing-card--pile{width:3.6rem}.table-app--landscape .table-status{left:62%;top:62%;transform:translate(-50%,-50%);max-width:13.5rem;flex-wrap:nowrap;white-space:nowrap;font-size:.78rem;padding:.22rem .5rem;z-index:5}.table-app--landscape .table-status--quiet{left:62%;top:62%}.table-app--landscape .seat .playing-card--seat{width:1.9rem}.table-app--landscape .seat--rail{width:min(7.2rem,20%)}.table-app--landscape .seat--rail .seat__backs{margin-bottom:0}.table-app--landscape .seat--rail .seat__plate{position:absolute;left:50%;top:18%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.2rem;z-index:4;background:#0b1f14cc;padding:.05rem .32rem;border-radius:999px;max-width:100%}.table-app--landscape .seat--rail .seat__name{max-width:4.4rem}.table-app--landscape .seat--rail .seat__stats--inline{font-size:.68rem;white-space:nowrap;opacity:.92}.table-app--landscape .hand-fan{min-height:3.6rem}.table-app--landscape .play-tray{display:none}.table-app--landscape .debug-wrap{padding:0 .35rem .1rem}.table-app--landscape .hud,.table-app--landscape .table-hud{padding:.12rem .55rem}@media (orientation: landscape) and (max-height: 500px){.action-bar button{min-height:44px}.table-app--landscape .play-controls{padding:.05rem .4rem calc(.12rem + var(--safe-b))}.table-app--landscape .late-calls{margin-bottom:.06rem}.table-app--landscape .late-calls .chip{min-height:32px;font-size:.78rem}}