:root{--felt-1: #17402f;--felt-2: #0f3022;--felt-3: #081d15;--paper: #f3ead2;--paper-edge: #d6c9a3;--ink: #1d1b16;--brass: #c99a3b;--brass-dark: #8d6a1f;--oros: #d89a14;--copas: #b3261e;--espadas: #1f4f8f;--bastos: #3d7a2a;--text: #f1ead6;--muted: #a8b9ad;--danger: #d9634a;--ok: #8fd19b;--panel: rgba(6, 24, 17, .72);--line: rgba(241, 234, 214, .2);--card-lg: clamp(54px, 15.5vw, 88px);--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-ui);font-size:16px;line-height:1.45;color:var(--text);background:radial-gradient(ellipse 90% 70% at 50% 28%,var(--felt-1) 0%,var(--felt-2) 58%,var(--felt-3) 100%) fixed;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p{margin:0}:focus-visible{outline:3px solid var(--brass);outline-offset:2px}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.55rem 1.1rem;font:inherit;font-weight:600;color:var(--text);background:#ffffff12;border:1px solid rgba(241,234,214,.34);border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.btn:hover:not(:disabled){background:#ffffff21}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{color:#1c1608;background:linear-gradient(180deg,#e0b559,var(--brass));border-color:var(--brass-dark)}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#e8c26e,#d3a447)}.btn.danger{color:#230d08;background:linear-gradient(180deg,#ee8b72,var(--danger));border-color:#8f3322}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover:not(:disabled){color:var(--text);background:#ffffff12}.btn.icon{width:46px;padding:0}.btn.small{min-height:36px;padding:.25rem .7rem;font-size:.9rem}.btn.icon.small{width:32px;min-height:32px}.btn.wide{width:100%}.field{display:grid;gap:.35rem}.field>span{font-size:.9rem;color:var(--muted)}.field.grow{flex:1}input{width:100%;min-height:46px;padding:.5rem .8rem;font:inherit;color:var(--text);background:#0000004d;border:1px solid var(--line);border-radius:10px}input::placeholder{color:#a8b9ada6}.code-input{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.3em;text-transform:uppercase}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.05rem .5rem;font-size:.75rem;font-weight:600;color:var(--text);background:#ffffff1a;border-radius:999px}.tag.brass{color:#1c1608;background:var(--brass)}.panel{padding:1rem;background:var(--panel);border:1px solid var(--line);border-radius:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel h2{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.75rem;font-family:var(--font-display);font-size:1.25rem}.count{font-family:var(--font-ui);font-size:.85rem;font-weight:400;color:var(--muted)}.banner,.toast{position:fixed;left:50%;z-index:100;max-width:min(92vw,520px);padding:.6rem 1rem;font-size:.95rem;border-radius:10px;transform:translate(-50%)}.banner{top:max(.5rem,env(safe-area-inset-top));display:flex;align-items:center;gap:.5rem;color:#231505;background:#e8c26e}.toast{bottom:max(1rem,env(safe-area-inset-bottom));color:#230d08;background:#f0a08c;cursor:pointer;box-shadow:0 6px 24px #0006}.splash{display:grid;min-height:100dvh;place-items:center;color:var(--muted)}.card{--w: 62px;position:relative;flex:none;width:var(--w);aspect-ratio:5 / 7;font-size:calc(var(--w) / 5);border-radius:.55em;-webkit-user-select:none;user-select:none}.card.sm{--w: 44px}.card.md{--w: 62px}.card.lg{--w: var(--card-lg)}.card.xl{--w: clamp(64px, 21vw, 112px)}.card.face{color:var(--ink);background:linear-gradient(158deg,#faf3de 0%,var(--paper) 62%,#ebe0c1 100%);border:1px solid var(--paper-edge);box-shadow:inset 0 0 0 .16em #f3ead2e6,inset 0 0 0 .2em #1d1b161a,0 .1em .5em #00000061}.suit-oros{color:var(--oros)}.suit-copas{color:var(--copas)}.suit-espadas{color:var(--espadas)}.suit-bastos{color:var(--bastos)}.suit-icon{display:block;width:.95em;height:.95em}.index{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.12em;line-height:1}.index.tl{top:.4em;left:.42em}.index.br{right:.42em;bottom:.4em;transform:rotate(180deg)}.rank{font-family:var(--font-display);font-size:1.2em;font-weight:700;color:var(--ink)}.art{position:absolute;top:1.3em;right:1em;bottom:1.3em;left:1em}.pip{position:absolute;width:1.2em;height:1.2em;transform:translate(-50%,-50%)}.pip .suit-icon{width:100%;height:100%}.pip-dense{width:1.02em;height:1.02em}.pip-big{width:2.6em;height:2.6em}.figure{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:.3em;padding-top:.5em}.figure-frame{display:grid;width:2.3em;height:2.3em;place-items:center;background:color-mix(in srgb,currentColor 14%,transparent);border:.1em solid currentColor;border-radius:.5em}.figure-icon{width:1.45em;height:1.45em;color:currentColor}.figure-name{font-family:var(--font-display);font-size:.62em;font-style:italic;color:var(--ink)}.figure .suit-icon{width:1.1em;height:1.1em}.joker-art{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4em}.joker-star{width:3.1em;height:3.1em}.joker-name{font-family:var(--font-display);font-size:.66em;font-style:italic}.card.back{background:repeating-linear-gradient(45deg,rgba(243,234,210,.17) 0 .09em,transparent .09em .46em),repeating-linear-gradient(-45deg,rgba(243,234,210,.17) 0 .09em,transparent .09em .46em),#7a1f2b;border:.3em solid var(--paper);box-shadow:inset 0 0 0 .14em var(--brass),0 .1em .5em #00000073}.slot{display:block;width:44px;aspect-ratio:5 / 7;border:2px dashed rgba(241,234,210,.28);border-radius:8px}.slot.lg{width:var(--card-lg)}.home,.waiting{display:flex;width:min(480px,100%);min-height:100dvh;margin:0 auto;padding:max(1.5rem,env(safe-area-inset-top)) 1.25rem 2rem;flex-direction:column;gap:1rem}.home{justify-content:center;align-items:stretch}.fan{display:flex;justify-content:center;padding:1rem 0 .5rem}.fan .card{margin-left:calc(var(--w) * -.52);transform-origin:50% 120%;transition:transform .2s}.fan .card:first-child{margin-left:0;transform:rotate(-14deg)}.fan .card:nth-child(2){transform:rotate(-5deg) translateY(-.4rem)}.fan .card:nth-child(3){transform:rotate(5deg) translateY(-.4rem)}.fan .card:nth-child(4){transform:rotate(14deg)}.title{font-family:var(--font-display);font-size:clamp(3rem,14vw,4.6rem);font-weight:700;line-height:1;letter-spacing:-.02em;text-align:center;color:var(--paper)}.lead{text-align:center;color:var(--muted);text-wrap:balance}.home-form{display:grid;gap:.75rem}.join-row{display:flex;align-items:end;gap:.6rem;padding-top:.5rem;border-top:1px solid var(--line)}.room-head{display:grid;justify-items:center;gap:.15rem;padding-top:.5rem}.room-code{font-family:var(--font-display);font-size:clamp(3rem,16vw,4.8rem);font-weight:700;letter-spacing:.18em;padding-left:.18em;color:var(--brass)}.roster{display:grid;gap:.4rem;padding:0;margin:0;list-style:none}.roster li{display:flex;align-items:center;gap:.55rem;min-height:42px;padding:.3rem .7rem;background:#ffffff0d;border-radius:10px}.roster li.is-away{opacity:.6}.roster-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stepper{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.stepper-value{min-width:2ch;font-family:var(--font-display);font-size:2.6rem;font-weight:700;text-align:center}.waiting-note{text-align:center;color:var(--muted)}.leave{align-self:center}.game{display:grid;width:min(1100px,100%);min-height:100dvh;margin:0 auto;grid-template-rows:auto auto 1fr auto auto auto;padding-top:env(safe-area-inset-top)}.game-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .9rem 0}.round{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.seats{display:flex;gap:.55rem;padding:.6rem .9rem;margin:0;overflow-x:auto;list-style:none;scroll-snap-type:x proximity}.seat{display:grid;flex:1 0 104px;max-width:160px;gap:.3rem;padding:.55rem .6rem;scroll-snap-align:start;background:var(--panel);border:1px solid var(--line);border-radius:12px}.seat:first-child{margin-left:auto}.seat:last-child{margin-right:auto}.seat.is-turn{border-color:var(--brass);box-shadow:0 0 0 2px #c99a3b59;animation:turn-glow 2.4s ease-in-out infinite}.seat.is-out{opacity:.5}.seat-top{display:flex;align-items:center;gap:.35rem;font-weight:600}.seat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score{position:relative;height:20px;overflow:hidden;background:#00000059;border-radius:6px}.score-bar{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#5d7a43,var(--brass))}.score-text{position:relative;display:block;padding:0 .45rem;font-size:.8rem;font-weight:700;line-height:20px;text-shadow:0 1px 2px rgba(0,0,0,.7)}.seat-meta{display:grid;min-height:2.4em;font-size:.78rem;color:var(--muted)}.seat-pile{position:relative;display:grid;min-height:62px;padding:0;font:inherit;color:inherit;background:none;border:0;border-radius:8px;place-items:center;cursor:pointer}.seat-pile:disabled{cursor:default}.seat-pile:not(:disabled):hover .card{transform:translateY(-2px)}.pile-badge{position:absolute;right:calc(50% - 34px);bottom:-2px;min-width:1.45rem;padding:0 .35rem;font-size:.75rem;font-weight:700;line-height:1.35rem;text-align:center;color:#1c1608;background:var(--brass);border-radius:999px}.score-chip{display:inline-flex;align-items:baseline;gap:.35rem;min-height:40px;padding:.3rem .8rem;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--brass-dark);border-radius:999px;cursor:pointer}.score-chip:hover{border-color:var(--brass)}.score-chip-label{font-size:.8rem;color:var(--muted)}.score-chip strong{font-family:var(--font-display);font-size:1.25rem;line-height:1}.score-chip-max{font-size:.8rem;color:var(--muted)}.pile-list{display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:0 0 .5rem;list-style:none}.pile-item{position:relative;display:grid;justify-items:center;padding-top:1.7rem}.pile-item .tag{position:absolute;top:0;left:50%;transform:translate(-50%)}.table{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;gap:1.75rem;padding:.75rem 1rem}.stock{display:grid;justify-items:center;gap:.4rem}.pile-btn{position:relative;padding:0;font:inherit;color:inherit;background:none;border:0;border-radius:.6rem;cursor:pointer}.pile-btn:disabled{cursor:default}.pile-btn:not(:disabled){filter:drop-shadow(0 0 10px rgba(201,154,59,.75))}.pile-btn:not(:disabled):hover{transform:translateY(-3px)}.pile-count{position:absolute;right:-.45rem;bottom:-.45rem;min-width:1.8rem;padding:.05rem .4rem;font-size:.8rem;font-weight:700;color:#1c1608;background:var(--brass);border-radius:999px}.pile-label{font-size:.85rem;color:var(--muted)}.target{padding:0 1rem;font-size:.9rem;text-align:center;color:var(--muted)}.bar{display:grid;justify-items:center;gap:.6rem;padding:.5rem 1rem .2rem}.status{font-family:var(--font-display);font-size:1.1rem;text-align:center;text-wrap:balance}.bar-actions{display:flex;gap:.6rem}.hand{--overlap: -.22;display:flex;justify-content:center;padding:1.4rem .75rem max(1rem,env(safe-area-inset-bottom))}.hand-card{position:relative;flex:none;padding:0;margin-left:calc(var(--card-lg) * var(--overlap));font:inherit;background:none;border:0;border-radius:.6rem;cursor:grab;touch-action:none}.hand-card:first-child{margin-left:0}.hand-card .card{transition:transform .14s ease-out,box-shadow .14s}.hand-card.is-selected{z-index:5}.hand-card.is-selected .card{transform:translateY(-.9rem);box-shadow:inset 0 0 0 .16em #f3ead2e6,0 0 0 3px var(--brass),0 .5em 1em #00000080}.hand-card.is-dragging{cursor:grabbing}.hand-card.is-dragging .card{transform:scale(1.06) rotate(2deg)}@media (max-width: 640px){.hand{--overlap: -.5}}@media (min-width: 900px){.hand{--overlap: -.12}.seat{flex-basis:150px}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;padding:max(.75rem,env(safe-area-inset-top)) .75rem max(.75rem,env(safe-area-inset-bottom));overflow:auto;place-items:center;background:#030e0ac7}.sheet{width:min(760px,100%);max-height:100%;padding:1.1rem;overflow:auto;background:var(--felt-2);border:1px solid var(--brass-dark);border-radius:16px;box-shadow:0 20px 60px #0000008c}.sheet-title{margin-bottom:.5rem;font-family:var(--font-display);font-size:1.5rem;line-height:1.15;text-wrap:balance}.sheet-note{margin-bottom:1rem;color:var(--muted)}.sheet-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem}.revealed-list{display:grid;gap:.75rem;margin-bottom:1rem}.revealed-list.live{width:min(720px,100%);margin:0}.revealed{min-width:0;padding:.6rem .7rem;background:#ffffff0d;border-radius:12px}.revealed .card.sm{--w: 36px}@media (min-width: 640px){.revealed .card.sm{--w: 44px}}.revealed header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.4rem}.revealed h4{font-family:var(--font-display);font-size:1.05rem}.points{font-weight:700;color:var(--brass)}.mini-melds{display:flex;flex-wrap:wrap;gap:.5rem .75rem}.mini-meld{display:flex;max-width:100%}.mini-meld .card{margin-left:-.9em}.mini-meld .card:first-child{margin-left:0}.mini-meld.loose{padding-left:.6rem;border-left:2px dashed var(--line)}.scoreboard{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.scoreboard caption{margin-bottom:.4rem;text-align:left;font-size:.9rem;color:var(--muted)}.scoreboard th,.scoreboard td{padding:.35rem .5rem;border-top:1px solid var(--line);text-align:left}.scoreboard td:nth-child(2){font-weight:700;text-align:right}.scoreboard td:last-child{color:var(--muted);font-size:.85rem}.scoreboard tr.is-out{opacity:.55}.builder{display:grid;gap:.9rem}.builder-help{color:var(--muted)}.builder h3{margin-bottom:.4rem;font-family:var(--font-display);font-size:1.05rem}.groups{display:grid;gap:.6rem}.group{padding:.5rem .6rem;background:#ffffff0d;border:1px solid var(--line);border-radius:12px}.group.is-valid{border-color:#8fd19b99}.group.is-invalid{border-color:#d9634ab3}.group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.badge{font-size:.8rem;font-weight:700}.is-valid .badge{color:var(--ok)}.is-invalid .badge{color:var(--danger)}.group-cards,.pool-cards{display:flex;flex-wrap:wrap;gap:.4rem}.pick{padding:0;background:none;border:0;border-radius:.6rem;cursor:pointer}.pick .card{transition:transform .14s ease-out}.pick.is-selected .card{transform:translateY(-.5rem);box-shadow:0 0 0 3px var(--brass),0 .4em .9em #00000080}.builder-actions{display:flex;flex-wrap:wrap;gap:.5rem}.builder-status{min-height:1.5rem}.builder-status .ok{color:var(--ok)}.builder-status .warn{color:#f2b3a3}.builder-submit{display:flex;justify-content:flex-end;gap:.6rem}@keyframes turn-glow{50%{box-shadow:0 0 0 4px #c99a3b1f}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}