.voice-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.voice-btn{border:1px solid rgba(246,239,228,.35);background:#08141073;color:var(--cream);border-radius:8px;padding:.4rem .75rem;font-size:.88rem;font-weight:600;cursor:pointer}.voice-btn:hover:not(:disabled){border-color:#e8c5478c}.voice-btn:disabled{opacity:.65;cursor:wait}.voice-btn.voice-live{border-color:#9be7b88c;color:#9be7b8}.voice-btn.voice-muted{border-color:#ffb4a873;color:#ffb4a8}.voice-btn.voice-leave{opacity:.85;font-weight:500}.voice-peers{font-size:.78rem;color:#f6efe4a6}.voice-error{font-size:.78rem;color:#ffb4a8;max-width:12rem}.game-shell{--shell-bg: #0f1a14;--shell-felt: #1a3d2e;--shell-wood: #2a1f16;--shell-gold: #c9a84c;--shell-gold-dim: rgba(201, 168, 76, .55);--shell-burgundy: #8b2e2e;--shell-burgundy-hover: #a33a3a;--shell-cream: #f6efe4;--shell-cream-muted: rgba(246, 239, 228, .72);--shell-panel: rgba(18, 28, 22, .92);--shell-panel-border: rgba(201, 168, 76, .18);--shell-shadow: 0 24px 64px rgba(0, 0, 0, .45);position:relative;min-height:calc(100vh - 2.5rem);padding:1.5rem 1rem 2.5rem;border-radius:20px;color:var(--shell-cream);background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(201,168,76,.08),transparent 55%),radial-gradient(ellipse 60% 40% at 10% 90%,rgba(139,46,46,.12),transparent 50%),radial-gradient(ellipse 50% 35% at 90% 80%,rgba(26,107,74,.15),transparent 45%),linear-gradient(168deg,var(--shell-bg) 0%,var(--shell-felt) 42%,var(--shell-wood) 100%);box-shadow:inset 0 1px #f6efe40f;overflow:hidden}.game-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;opacity:.5}.game-shell>*{position:relative;z-index:1}.game-hero{text-align:center;margin-bottom:1.75rem}.game-hero-title{margin:0;font-family:var(--font-display);font-weight:700;line-height:.95;letter-spacing:.06em;text-transform:uppercase}.game-hero-title-line{display:block;font-size:clamp(2.6rem,9vw,4rem);color:var(--shell-cream);text-shadow:0 2px 24px rgba(0,0,0,.35)}.game-hero-title-line.accent{font-size:clamp(1.5rem,5vw,2.2rem);color:var(--shell-gold);letter-spacing:.28em;margin-top:.15rem}.game-suits{display:flex;justify-content:center;gap:1.25rem;margin:1rem 0 .75rem;opacity:.45}.game-suit{font-size:1.15rem;line-height:1;color:var(--shell-gold-dim)}.game-suit.oros{color:#d4a843}.game-suit.copas{color:#c44a4a}.game-suit.espadas{color:#8a9aaa}.game-suit.bastos{color:#6a8a5a}.game-hero-sub{margin:0;font-size:1.05rem;color:var(--shell-cream-muted);line-height:1.45}.game-conn{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;font-size:.82rem;color:var(--shell-cream-muted)}.game-conn-dot{width:7px;height:7px;border-radius:50%;background:#6a7a72}.game-conn.ok .game-conn-dot{background:#5cb87a;box-shadow:0 0 8px #5cb87a80}.game-conn.bad .game-conn-dot{background:#d4846a}.game-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:.65rem 1.35rem;border-radius:12px;font-family:var(--font-body);font-weight:700;font-size:.95rem;letter-spacing:.02em;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}.game-btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.game-btn:not(:disabled):active{transform:scale(.98)}.game-btn-primary{border:1px solid rgba(255,220,180,.15);background:linear-gradient(180deg,var(--shell-burgundy-hover) 0%,var(--shell-burgundy) 100%);color:#fff8f0;box-shadow:0 4px 16px #8b2e2e59,inset 0 1px #ffffff1f}.game-btn-primary:not(:disabled):hover{background:linear-gradient(180deg,#b84040,#962f2f);box-shadow:0 6px 22px #8b2e2e73,inset 0 1px #ffffff26}.game-btn-primary.game-btn-lg{min-height:54px;font-size:1.05rem;padding:.75rem 2rem;width:100%;max-width:320px}.game-btn-secondary{border:1px solid var(--shell-panel-border);background:#f6efe40f;color:var(--shell-cream)}.game-btn-secondary:not(:disabled):hover{background:#f6efe41f;border-color:var(--shell-gold-dim)}.game-btn-ghost{border:1px solid transparent;background:transparent;color:var(--shell-cream-muted);min-height:40px;padding:.45rem .85rem;font-weight:600}.game-btn-ghost:not(:disabled):hover{color:var(--shell-cream);background:#f6efe40f}.game-btn-danger{border:1px solid rgba(200,80,80,.4);background:#781e1e80;color:#ffb4a8}.game-btn-danger:not(:disabled):hover{background:#8c2828a6}.game-panel{width:100%;max-width:420px;margin:0 auto;padding:1.5rem 1.35rem 1.35rem;border-radius:16px;background:var(--shell-panel);border:1px solid var(--shell-panel-border);box-shadow:var(--shell-shadow)}.game-panel-title{margin:0 0 1.1rem;font-family:var(--font-display);font-size:1.45rem;font-weight:700;text-align:center;color:var(--shell-cream)}.game-panel-label{display:block;margin-bottom:.45rem;font-size:.88rem;font-weight:600;color:var(--shell-cream-muted)}.game-panel-note{margin:0 0 1rem;font-size:.88rem;line-height:1.4;color:var(--shell-cream-muted);text-align:center}.game-panel-hint{margin:.75rem 0 0;font-size:.85rem;color:var(--shell-gold-dim);text-align:center}.game-panel-actions{display:flex;flex-direction:column;gap:.65rem;margin-top:1.25rem}.game-back{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:1rem;padding:0;border:none;background:none;color:var(--shell-cream-muted);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:color .15s ease}.game-back:hover{color:var(--shell-cream)}.game-input{width:100%;min-height:48px;padding:.6rem .85rem;border-radius:10px;border:1px solid rgba(246,239,228,.18);background:#00000047;color:var(--shell-cream);font-size:1rem;transition:border-color .15s ease,box-shadow .15s ease}.game-input::placeholder{color:#f6efe459}.game-input:focus{outline:none;border-color:var(--shell-gold-dim);box-shadow:0 0 0 3px #c9a84c26}.game-input-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;text-align:center;font-size:1.15rem}.game-input-wrap{margin-bottom:1rem}.game-chip-group{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center}.game-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:4.5rem;min-height:44px;padding:.45rem .75rem;border-radius:10px;border:1px solid rgba(246,239,228,.15);background:#00000038;color:var(--shell-cream-muted);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.game-chip:hover{border-color:var(--shell-gold-dim);color:var(--shell-cream)}.game-chip.selected{border-color:var(--shell-gold);background:#c9a84c2e;color:var(--shell-cream);box-shadow:0 0 12px #c9a84c26}.game-error{padding:.75rem 1rem;margin-bottom:1rem;border-radius:10px;background:#8b2e2e59;border:1px solid rgba(255,140,120,.35);color:#ffd4cc;font-size:.92rem;text-align:center}.game-info{padding:.75rem 1rem;margin-bottom:1rem;border-radius:10px;background:#c9a84c1a;border:1px solid rgba(201,168,76,.25);color:var(--shell-cream);font-size:.92rem;text-align:center}.game-name-hint{margin:.35rem 0 0;font-size:.82rem;color:#d4846a;text-align:center}.game-lobby-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.8rem,6vw,2.6rem);letter-spacing:.2em;color:var(--shell-gold);text-shadow:0 0 24px rgba(201,168,76,.25)}.game-lobby-header{text-align:center;margin-bottom:1.5rem}.game-lobby-eyebrow{margin:0 0 .5rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--shell-cream-muted)}.game-lobby-meta{margin:.65rem 0 0;font-size:.95rem;color:var(--shell-cream-muted)}.game-lobby-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin-top:1.25rem}.game-section{margin:1.25rem 0;padding:1.15rem 1.25rem;border-radius:14px;background:#00000038;border:1px solid rgba(246,239,228,.08)}.game-section-title{margin:0 0 .85rem;font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--shell-cream)}.avatar-picker{margin:0;padding:0;border:none;min-width:0}.avatar-picker legend{padding:0;margin-bottom:.45rem;font-size:.92rem}.avatar-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:.4rem;max-height:11.5rem;overflow-y:auto;padding:.15rem}.avatar-picker-option{display:flex;align-items:center;justify-content:center;padding:.2rem;border-radius:10px;border:2px solid transparent;background:#0000000f;cursor:pointer}.avatar-picker-option img{display:block;width:48px;height:48px;object-fit:cover;border-radius:50%}.avatar-picker-option.selected{border-color:var(--accent, #c45c26);background:#c45c261f}.avatar-picker-option:hover{border-color:#c45c2673}.avatar-picker-loading{margin:0;font-size:.88rem;opacity:.75}.avatar-picker--profile{text-align:center}.avatar-picker--profile legend{font-family:var(--font-display);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}.avatar-picker-preview{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.avatar-picker-preview img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--shell-gold, var(--accent, #c9a84c));box-shadow:0 8px 24px #00000059}.avatar-picker-preview-label{margin:0;font-size:.9rem;opacity:.8}.avatar-picker--profile .avatar-picker-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;max-height:none;overflow:visible}.avatar-picker--profile .avatar-picker-option{padding:.15rem;border-radius:50%}.avatar-picker--profile .avatar-picker-option img{width:44px;height:44px;border-radius:50%}.player-avatar{display:block;object-fit:cover;border-radius:50%;background:#00000026;flex-shrink:0}.player-avatar.sm{width:36px;height:36px}.player-avatar.md{width:48px;height:48px}.home-page{display:flex;flex-direction:column;align-items:center;max-width:520px;margin:0 auto}.home-practice-profile{margin-bottom:1rem;padding:1rem;text-align:center}.home-practice-profile .avatar-picker--profile legend{color:var(--shell-cream-muted)}.home-page .game-hero{margin-bottom:1.25rem}.home-footer{margin-top:auto;padding-top:1.5rem;text-align:center}.home-view{width:100%;animation:homeFadeIn .22s ease}@keyframes homeFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.home-menu{width:100%;max-width:420px;margin:0 auto}.home-name-wrap{margin-bottom:1.5rem}.home-menu-prompt{margin:0 0 1rem;text-align:center;font-size:1rem;font-weight:600;color:var(--shell-cream-muted)}.home-menu-actions{display:flex;flex-direction:column;align-items:center;gap:.85rem}.home-menu-secondary{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;width:100%}.home-menu-secondary .game-btn{flex:1 1 calc(33% - .5rem);min-width:7.5rem;font-size:.88rem;padding:.55rem .65rem}.home-tutorial-link{margin-top:1.5rem;text-align:center}.home-panel-wrap{width:100%}.home-panel{animation:homePanelIn .2s ease}@keyframes homePanelIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){.home-menu-secondary{flex-direction:column}.home-menu-secondary .game-btn{flex:1 1 100%;width:100%}.game-chip-group{display:grid;grid-template-columns:repeat(2,1fr)}.game-chip{min-width:0}}@media(min-width:481px)and (max-width:640px){.home-menu-secondary .game-btn{flex:1 1 calc(50% - .5rem)}}.seat-ring{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.seat-slot{padding:.85rem 1rem;border-radius:12px;border:1px dashed rgba(40,28,18,.2);background:#ffffff59;display:flex;flex-direction:column;gap:.2rem}.seat-slot.filled{border-style:solid;background:#fff8ebe6}.seat-slot.you{border-color:var(--accent)}.seat-slot.turn{box-shadow:0 0 0 2px var(--accent)}.seat-slot.offline{opacity:.65}.seat-num{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted)}.seat-identity{display:flex;align-items:center;gap:.5rem;min-width:0}.seat-name{font-weight:700;overflow:hidden;text-overflow:ellipsis}.seat-team{font-size:.85rem;color:var(--ink-muted)}.seat-offline{font-size:.8rem;color:#9b2c2c}.lobby-page{max-width:560px;margin:0 auto}.lobby-table-section .seat-ring{gap:.65rem}.lobby-page .seat-slot{border-color:#c9a84c33;background:#00000040;color:var(--shell-cream)}.lobby-page .seat-slot.filled{border-color:#c9a84c59;background:#f6efe414}.lobby-page .seat-slot.you{border-color:var(--shell-gold);box-shadow:0 0 0 1px #c9a84c4d}.lobby-page .seat-slot.empty{border-style:dashed;opacity:.7}.lobby-page .seat-num{color:var(--shell-cream-muted)}.lobby-page .seat-name{color:var(--shell-cream)}.lobby-page .seat-team{color:var(--shell-cream-muted)}.lobby-page .seat-offline{color:#ffb4a8}.lobby-avatar-section.game-panel{text-align:center;padding:1.25rem 1rem}.lobby-avatar-section .room-avatar-panel{margin:0;padding:0;background:transparent;box-shadow:none}.lobby-avatar-section .avatar-picker legend{color:var(--shell-cream-muted)}.lobby-avatar-section .avatar-picker-option{background:#0003}.lobby-avatar-section .avatar-picker-option.selected{border-color:var(--shell-gold)}.lobby-formation .game-chip{flex:1 1 auto;min-width:8rem}.lobby-partner-select{display:flex;flex-direction:column;gap:.4rem;margin-top:1rem;font-size:.88rem;font-weight:600;color:var(--shell-cream-muted)}.lobby-partner-input{min-height:44px}.lobby-partner-input option{color:var(--ink);background:var(--shell-cream)}.lobby-waiting-msg{margin:1.5rem 0 0;text-align:center;font-size:.95rem;color:var(--shell-cream-muted)}@media(max-width:480px){.lobby-formation .game-chip-group{flex-direction:column}.lobby-formation .game-chip{width:100%}.game-lobby-actions{flex-direction:column;width:100%}.game-lobby-actions .game-btn{width:100%}}.card-view{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(20,16,10,.35);border-radius:8px;width:72px;height:110px;padding:0;cursor:pointer;box-shadow:0 2px 6px #00000040;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0;background-color:#f5f0e6}.card-view:hover:not(:disabled){transform:translateY(-8px);box-shadow:0 10px 18px #00000047}.card-view:disabled{cursor:default}.card-view.selected{outline:2px solid var(--accent-2, #e8c547);transform:translateY(-10px)}.card-view.compact{width:56px;height:86px}.card-view.table-card{width:64px;height:98px}.draw-scene{--draw-felt: #1b4d38;--draw-felt-mid: #163828;--draw-felt-deep: #0a1610;--draw-wood: #3d2a18;--draw-wood-dark: #24180e;--draw-gold: #d4af55;--draw-gold-bright: #f0d78c;--draw-gold-soft: rgba(212, 175, 85, .45);--draw-gold-dim: rgba(212, 175, 85, .18);--draw-cream: #f8f0e0;--draw-cream-muted: rgba(248, 240, 224, .62);--draw-wine: #6b1f2a;--draw-wine-soft: rgba(107, 31, 42, .35);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(.75rem,2vw,1.5rem);overflow-y:auto;color:var(--draw-cream);background:radial-gradient(ellipse 120% 80% at 50% 110%,rgba(61,42,24,.55),transparent 55%),radial-gradient(ellipse 80% 50% at 50% -5%,rgba(212,175,85,.06),transparent 50%),linear-gradient(180deg,#060d09,#0e1a14 35%,#0a120e)}.draw-scene-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 45%,transparent 30%,rgba(0,0,0,.55) 100%);z-index:0}.draw-scene-spotlight{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 55% 42% at 50% 38%,rgba(212,175,85,.07),transparent 70%);z-index:0}.draw-scene:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");opacity:.7;z-index:0}.draw-scene-inner{position:relative;z-index:1;width:min(980px,100%);display:flex;flex-direction:column;align-items:stretch;gap:.85rem}.draw-scene-header{text-align:center}.draw-scene-eyebrow{margin:0 0 .45rem;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--draw-gold-soft)}.draw-scene-title-block{display:flex;align-items:center;justify-content:center;gap:.85rem}.draw-scene-ornament{font-size:1.1rem;color:var(--draw-gold-dim);opacity:.7;-webkit-user-select:none;user-select:none}.draw-scene-title{margin:0;font-family:var(--font-display);font-size:clamp(1.55rem,4.5vw,2.35rem);font-weight:700;letter-spacing:.03em;color:var(--draw-gold-bright);text-shadow:0 2px 0 rgba(0,0,0,.4),0 0 40px rgba(212,175,85,.15)}.draw-scene-tagline{margin:.55rem 0 0;font-size:clamp(.88rem,2.2vw,1rem);color:var(--draw-cream-muted);font-style:italic}.draw-scene-stage{position:relative;padding:6px;border-radius:28px;background:linear-gradient(145deg,#5c4020,#3d2a18 35%,#2a1c10 65%,#4a3318);box-shadow:0 0 0 1px #d4af5540,0 24px 60px #000000a6,inset 0 1px #f0d78c26}.draw-scene-stage-felt{border-radius:22px;padding:clamp(.75rem,3vw,1.75rem);background:radial-gradient(ellipse 90% 70% at 50% 30%,rgba(255,255,255,.04),transparent 55%),radial-gradient(ellipse 100% 80% at 50% 100%,rgba(0,0,0,.25),transparent 50%),linear-gradient(168deg,var(--draw-felt) 0%,var(--draw-felt-mid) 45%,#123022 100%);box-shadow:inset 0 0 80px #00000059,inset 0 2px #ffffff0a}@media(max-width:640px){.draw-scene-inner{gap:.55rem}.draw-scene-stage{border-radius:20px}.draw-scene-stage-felt{border-radius:16px;padding:.7rem .55rem}.draw-scene-rules{font-size:.72rem;line-height:1.35}}.draw-scene-banner{margin:0;padding:.6rem .85rem;border-radius:8px;font-size:.88rem;text-align:center}.draw-scene-banner.info{background:#d4af551a;color:#f8f0e0e6;border:1px solid rgba(212,175,85,.22)}.draw-scene-banner.error{background:#6b1f2a59;color:#ffb4a8;border:1px solid rgba(139,46,46,.4)}.draw-scene-banner.spectator{background:#00000059;color:var(--draw-cream-muted)}.draw-turn-spotlight{text-align:center;padding:.85rem 1.25rem;border-radius:14px;background:#00000047;border:1px solid rgba(212,175,85,.1);transition:border-color .25s,background .25s,box-shadow .25s}.draw-turn-spotlight.active{border-color:#d4af5580;background:#d4af5514;box-shadow:0 0 32px #d4af551f,inset 0 0 24px #d4af550d}.draw-turn-spotlight-label{margin:0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--draw-cream-muted)}.draw-turn-spotlight.active .draw-turn-spotlight-label{color:var(--draw-gold)}.draw-turn-spotlight-name{margin:.25rem 0 0;font-family:var(--font-display);font-size:clamp(1.15rem,3vw,1.55rem);font-weight:700;color:var(--draw-gold-bright)}.draw-turn-spotlight-hint{margin:.3rem 0 0;font-size:.9rem;color:var(--draw-cream-muted)}.draw-turn-spotlight.active .draw-turn-spotlight-hint{color:var(--draw-cream)}.draw-deck-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:clamp(140px,22vh,200px);padding:.5rem 0}.draw-deck-stack{position:relative;width:72px;height:100px}.draw-deck-stack-card{position:absolute;left:0;top:0;transform-origin:center bottom;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}.draw-deck-stack-card:nth-child(1){transform:rotate(-4deg) translateY(0)}.draw-deck-stack-card:nth-child(2){transform:rotate(1.5deg) translate(2px,-3px)}.draw-deck-stack-card:nth-child(3){transform:rotate(-2deg) translate(-2px,-6px)}.draw-deck-stack-card:nth-child(4){transform:rotate(2.5deg) translate(3px,-9px)}.draw-deck-stack-card:nth-child(5){transform:rotate(-1deg) translateY(-12px)}.draw-deck-count{position:absolute;bottom:-.5rem;right:-.85rem;min-width:1.65rem;padding:.2rem .45rem;border-radius:999px;font-size:.72rem;font-weight:700;background:#000000a6;border:1px solid var(--draw-gold-soft);color:var(--draw-gold-bright);box-shadow:0 4px 12px #0006}.draw-deck-fan-wrap{display:flex;justify-content:center;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:1.1rem .35rem .85rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(212,175,85,.35) transparent}.draw-deck-fan-wrap::-webkit-scrollbar{height:4px}.draw-deck-fan-wrap::-webkit-scrollbar-thumb{background:#d4af5559;border-radius:4px}.draw-deck-fan{position:relative;height:clamp(72px,22vw,108px);flex-shrink:0;margin:0 auto}.draw-deck-fan-card{position:absolute;top:0;transition:transform .2s ease,filter .2s ease;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45));cursor:default;transform-origin:center bottom}.draw-deck-fan-card.pickable{cursor:pointer}.draw-deck-fan-card.pickable:hover{transform:translateY(-10px) scale(1.04)!important;filter:drop-shadow(0 14px 24px rgba(0,0,0,.55));z-index:100!important}@media(max-width:640px){.draw-deck-zone{min-height:0;padding:.25rem 0}.draw-deck-fan-wrap{padding:.85rem .15rem .65rem}.draw-deck-fan-card.card-view.compact{width:40px;height:62px}.draw-deck-fan-card.pickable:hover{transform:translateY(-6px) scale(1.03)!important}.draw-turn-spotlight{padding:.55rem .75rem}.draw-turn-spotlight-name{font-size:1.05rem}.draw-turn-spotlight-hint{font-size:.8rem}}.draw-deck-fan-card.pickable:focus-visible{outline:2px solid var(--draw-gold);outline-offset:3px}.draw-deck-fan-label{margin:.4rem 0 0;font-size:.82rem;color:var(--draw-cream-muted);text-align:center;letter-spacing:.04em}.draw-player-ring{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.25rem}@media(max-width:640px){.draw-player-ring{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}.draw-player-seat{padding:.4rem .15rem;gap:.2rem;border-radius:10px}.draw-player-seat .player-avatar{width:30px;height:30px}.draw-player-seat-name{font-size:.62rem}.draw-player-seat-card{min-height:48px}.draw-player-seat-card .card-view.compact{width:34px;height:52px}.draw-player-seat-pending{width:30px;height:44px;font-size:.58rem}.draw-player-seat-card-label{font-size:.55rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.draw-player-seat{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.65rem .4rem;border-radius:14px;background:#00000038;border:1px solid rgba(212,175,85,.08);transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}.draw-player-seat.current{border-color:#d4af558c;background:#d4af5512;box-shadow:0 0 20px #d4af551a}.draw-player-seat.has-card{border-color:#d4af5533}.draw-player-seat.faded{opacity:.4}.draw-player-seat.just-picked{animation:draw-seat-pop .45s ease}@keyframes draw-seat-pop{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}.draw-player-seat-name{font-size:.78rem;font-weight:600;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw-player-seat .player-avatar{width:42px;height:42px;box-shadow:0 0 0 2px #d4af5540}.draw-player-seat-card{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-height:72px;justify-content:flex-end}.draw-player-seat-card-label{font-size:.68rem;color:var(--draw-cream-muted)}.draw-player-seat-pending{width:44px;height:62px;border-radius:6px;border:1px dashed rgba(248,240,224,.18);display:flex;align-items:center;justify-content:center;font-size:.72rem;color:var(--draw-cream-muted)}.draw-player-seat.current .draw-player-seat-pending{border-color:#d4af5580;color:var(--draw-gold)}.teams-arena{width:100%;animation:teams-arena-in .65s cubic-bezier(.22,1,.36,1)}@keyframes teams-arena-in{0%{opacity:0;transform:scale(.97) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.teams-arena-table{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:clamp(.5rem,2vw,1.25rem)}.teams-arena--compact .teams-arena-table{min-height:0;align-items:center}.teams-arena-corner{position:absolute;width:28px;height:28px;border:2px solid rgba(212,175,85,.2);pointer-events:none}.teams-arena-corner--tl{top:-4px;left:-4px;border-right:none;border-bottom:none;border-radius:6px 0 0}.teams-arena-corner--tr{top:-4px;right:-4px;border-left:none;border-bottom:none;border-radius:0 6px 0 0}.teams-arena-corner--bl{bottom:-4px;left:-4px;border-right:none;border-top:none;border-radius:0 0 0 6px}.teams-arena-corner--br{bottom:-4px;right:-4px;border-left:none;border-top:none;border-radius:0 0 6px}.team-bench{display:flex;flex-direction:column;padding:clamp(.55rem,1.5vw,.75rem) clamp(.65rem,1.5vw,.85rem);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 40%),#00000047;border:1px solid rgba(212,175,85,.12);box-shadow:inset 0 1px #ffffff0d,inset 0 -20px 40px #0003,0 8px 24px #00000040;animation:team-bench-rise .6s cubic-bezier(.22,1,.36,1) both}@keyframes team-bench-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.team-bench--0{border-color:#d4af5547;box-shadow:inset 0 1px #f0d78c14,inset 0 -20px 40px #0003,0 0 30px #d4af550f}.team-bench--1{border-color:#6b1f2a59;box-shadow:inset 0 1px #ffffff0a,inset 0 -20px 40px #0003,0 0 30px #6b1f2a14}.team-bench-header{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-bottom:.45rem;padding-bottom:.35rem;border-bottom:1px solid rgba(212,175,85,.12)}.teams-arena--compact .team-bench-header{margin-bottom:.35rem;padding-bottom:.25rem}.team-bench-badge{display:flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:50%;font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--draw-felt-deep);background:linear-gradient(180deg,var(--draw-gold-bright) 0%,#a88632 100%);box-shadow:0 2px 8px #00000059}.team-bench--1 .team-bench-badge{background:linear-gradient(180deg,#c45a5a,#6b1f2a);color:var(--draw-cream)}.team-bench-title{margin:0;font-family:var(--font-display);font-size:clamp(.82rem,2vw,.95rem);letter-spacing:.14em;text-transform:uppercase;color:var(--draw-gold-bright)}.team-bench--1 .team-bench-title{color:#e8a0a0}.team-bench-lineup{display:flex;align-items:center;justify-content:center;gap:clamp(.35rem,1.5vw,.75rem)}.teams-arena--compact .team-bench-lineup{gap:.5rem}.teams-arena--compact .team-player{gap:.3rem}.teams-arena--compact .team-player-portrait .player-avatar{width:44px;height:44px}.team-bench-union{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:0 .15rem;align-self:center}.team-bench-union-line{display:block;width:1px;height:1.25rem;background:linear-gradient(180deg,transparent,rgba(212,175,85,.35),transparent)}.team-bench-union-icon{font-size:.75rem;color:var(--draw-gold-soft);opacity:.8}.team-player{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex:1;min-width:0;max-width:8.5rem}.team-player-portrait{position:relative;display:flex;align-items:center;justify-content:center}.team-player-portrait-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid rgba(212,175,85,.45);box-shadow:0 0 16px #d4af5526,inset 0 0 12px #0000004d}.team-bench--1 .team-player-portrait-ring{border-color:#c45a5a73;box-shadow:0 0 16px #6b1f2a33,inset 0 0 12px #0000004d}.team-player-portrait .player-avatar{width:52px;height:52px;position:relative;z-index:1}.team-player-name{margin:0;font-size:clamp(.72rem,1.8vw,.82rem);font-weight:600;text-align:center;line-height:1.25;color:var(--draw-cream);max-width:100%;overflow:hidden;text-overflow:ellipsis}.team-player-you{display:inline-block;margin-left:.25rem;padding:.05rem .35rem;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--draw-felt-deep);background:var(--draw-gold-bright);vertical-align:middle}.team-player-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.35rem .45rem .3rem;border-radius:10px;background:#00000040;border:1px solid rgba(212,175,85,.1);box-shadow:inset 0 2px 8px #0000004d}.team-player-card--oros{border-color:#d4af5540}.team-player-card--copas{border-color:#8b2e2e4d}.team-player-card--espadas{border-color:#6478a04d}.team-player-card--bastos{border-color:#3c82504d}.team-player-card-face.card-view.compact{width:62px;height:95px;transform:rotate(-2deg);filter:drop-shadow(0 10px 20px rgba(0,0,0,.55));border-radius:7px}.team-bench--1 .team-player-card-face.card-view.compact{transform:rotate(2deg)}.team-player-card-label{font-size:.68rem;color:var(--draw-cream-muted);letter-spacing:.02em}.teams-arena-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:0 .25rem;align-self:center}.teams-arena-divider-line{display:block;width:2px;height:clamp(2rem,8vh,3.5rem);background:linear-gradient(180deg,transparent,rgba(212,175,85,.45) 30%,rgba(212,175,85,.45) 70%,transparent);border-radius:2px}.teams-arena-vs{position:relative;display:flex;align-items:center;justify-content:center;width:clamp(3.5rem,8vw,4.5rem);height:clamp(3.5rem,8vw,4.5rem)}.teams-arena-vs:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid rgba(212,175,85,.2);animation:vs-ring-spin 12s linear infinite}@keyframes vs-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.teams-arena-vs-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;font-family:var(--font-display);font-size:clamp(.95rem,2.5vw,1.15rem);font-weight:700;letter-spacing:.08em;color:var(--draw-gold-bright);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.12),transparent 50%),linear-gradient(145deg,#3d2a18,#24180e);border:2px solid rgba(212,175,85,.5);box-shadow:0 0 24px #d4af5533,0 8px 20px #00000073,inset 0 1px #f0d78c33}.dealer-reveal-scene{display:flex;flex-direction:column;align-items:stretch;gap:1rem;animation:teams-arena-in .65s cubic-bezier(.22,1,.36,1)}.dealer-reveal-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(.75rem,2.5vw,1.25rem);padding:.85rem .5rem .25rem;border-top:1px solid rgba(212,175,85,.2)}.dealer-reveal-strip-label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--draw-gold);white-space:nowrap}.dealer-reveal-strip-player{display:flex;align-items:center;gap:.65rem}.dealer-reveal-strip-portrait .player-avatar{width:52px;height:52px;box-shadow:0 0 0 2px #d4af5566}.dealer-reveal-strip-name{margin:0;font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;color:var(--draw-gold-bright)}.dealer-reveal-strip-card{display:flex;flex-direction:column;align-items:center;gap:.2rem}.dealer-reveal-strip-card .card-view.compact{width:58px;height:89px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.dealer-reveal-strip-card-label{font-size:.68rem;color:var(--draw-cream-muted)}.draw-scene-footer{margin-top:1rem;padding-top:.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.draw-scene-footer .primary,.draw-scene-footer .game-btn-primary{min-width:13rem;padding:.85rem 1.75rem;border:none;border-radius:12px;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--draw-felt-deep);background:linear-gradient(180deg,#f0d78c,#c9a040 45%,#a88632);box-shadow:0 4px #6b5520,0 8px 24px #00000073,inset 0 1px #ffffff40;transition:transform .15s,filter .15s,box-shadow .15s}.draw-scene-footer .primary:hover,.draw-scene-footer .game-btn-primary:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 6px #6b5520,0 12px 28px #00000080,inset 0 1px #ffffff40}.draw-scene-footer .primary:active,.draw-scene-footer .game-btn-primary:active{transform:translateY(1px);box-shadow:0 2px #6b5520,0 4px 12px #0006}.draw-scene-footer .muted{margin:0;font-size:.88rem;color:var(--draw-cream-muted);text-align:center}.draw-scene-rules{margin:0;font-size:.8rem;line-height:1.45;color:var(--draw-cream-muted);text-align:center;max-width:36rem}@media(max-width:720px){.teams-arena-table{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:.65rem}.teams-arena-divider{flex-direction:row;padding:.15rem 0}.teams-arena-divider-line{width:clamp(2rem,15vw,4rem);height:2px;background:linear-gradient(90deg,transparent,rgba(212,175,85,.45) 30%,rgba(212,175,85,.45) 70%,transparent)}.teams-arena-vs{width:2.75rem;height:2.75rem}.team-bench{padding:.45rem .5rem}.team-bench-lineup{flex-direction:row;align-items:flex-start;justify-content:space-evenly;gap:.35rem}.team-bench-union{flex-direction:column;padding:0;gap:.15rem}.team-bench-union-line{width:1px;height:.85rem}.team-player{max-width:none;flex:1;gap:.2rem}.team-player-portrait .player-avatar{width:36px;height:36px}.team-player-portrait-ring{top:-3px;right:-3px;bottom:-3px;left:-3px}.team-player-name{font-size:.68rem}.team-player-you{margin-left:.15rem;padding:.02rem .25rem;font-size:.55rem}.team-player-card{padding:.2rem .25rem .15rem}.team-player-card-face.card-view.compact{width:44px;height:68px}.team-player-card-label{font-size:.58rem}.dealer-reveal-strip{gap:.55rem;padding:.65rem .25rem .15rem;flex-wrap:nowrap}.dealer-reveal-strip-portrait .player-avatar{width:40px;height:40px}.dealer-reveal-strip-card .card-view.compact{width:44px;height:68px}}@media(max-width:420px){.team-player-card-face.card-view.compact{width:40px;height:62px}.team-player-card-label{max-width:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.draw-deck-fan-card,.draw-player-seat,.teams-arena,.team-bench,.dealer-reveal-scene{animation:none!important;transition:none!important}.draw-deck-fan-card.pickable:hover{transform:none!important}.teams-arena-vs:before{animation:none}.draw-player-seat.just-picked{animation:none}}.flying-card{position:fixed;z-index:1000;pointer-events:none;transition-property:left,top,width,height,transform;transition-timing-function:cubic-bezier(.22,1,.36,1);will-change:left,top,width,height,transform;transform-origin:center center}.flying-card .flying-card-inner,.flying-card .card-view{width:100%!important;height:100%!important;min-width:0;min-height:0;box-shadow:0 8px 20px #00000059}.hand-summary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto;background:#060a08db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hand-summary-panel{width:min(920px,100%);margin:auto;padding:1.35rem 1.5rem 1.5rem;border-radius:18px;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(212,175,85,.08),transparent 55%),linear-gradient(165deg,#1a2420,#121816);border:1px solid rgba(212,175,85,.28);box-shadow:0 24px 60px #0000008c,inset 0 1px #f0d78c14;color:#f0ebe0}.hand-summary-header h2{margin:0;font-size:1.45rem}.hand-summary-cut{margin:.35rem 0 0;font-size:.92rem;color:#f0ebe0bf}.hand-summary-cut strong{color:#f0ebe0;font-weight:600}.hand-summary-badge{display:inline-block;margin-top:.5rem;padding:.2rem .55rem;border-radius:6px;background:#c9a227;color:#1a1510;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.hand-summary-winner,.hand-summary-match-winner{margin:.45rem 0 0;font-size:1rem;color:#e8c547}.hand-summary-match-winner{color:#b8dfc8}.hand-summary-teams{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}@media(max-width:720px){.hand-summary-teams{grid-template-columns:1fr}}.hand-summary-team h3{margin:0 0 .25rem;font-size:.95rem;font-weight:600}.hand-summary-meta{margin:0 0 .5rem;font-size:.8rem;color:#f0ebe0a6}.hand-summary-cards{display:flex;flex-wrap:wrap;gap:4px;max-height:200px;overflow-y:auto;padding:.35rem;border-radius:8px;background:#00000038}.hand-summary-table{width:100%;margin-top:1.25rem;border-collapse:collapse;font-size:.92rem}.hand-summary-table th,.hand-summary-table td{padding:.45rem .65rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}.hand-summary-table th:first-child,.hand-summary-table td:first-child{text-align:left;color:#f0ebe0bf;font-weight:500}.hand-summary-table .total-row{font-weight:700;font-size:1rem}.hand-summary-table .total-row td,.hand-summary-table .total-row th{border-bottom:none;padding-top:.65rem}.hand-summary-table .winner-col{color:#e8c547}.hand-summary-detail{display:block;font-size:.75rem;font-weight:400;color:#f0ebe08c}.hand-summary-tiebreak{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.hand-summary-tiebreak h3{margin:0 0 .35rem;font-size:1rem}.hand-summary-tiebreak-note{margin:0 0 .5rem;font-size:.78rem;color:#f0ebe099}.hand-summary-table-compact{margin-top:0}.hand-summary-footer{display:flex;justify-content:center;margin-top:1.35rem;padding-top:.5rem}.hand-summary-footer .hand-summary-continue{min-width:12rem;padding:.65rem 1.25rem;font-size:1rem;font-weight:600}.score-panel{color:var(--table-cream, #f8f0e0);background:transparent;border:none;border-radius:0;padding:0}.score-strip{display:flex;flex-wrap:wrap;align-items:stretch;gap:.55rem}.score-chip{display:flex;align-items:center;gap:.55rem;flex:1 1 14rem;min-width:0;padding:.55rem .75rem;border-radius:12px;background:#00000047;border:1px solid rgba(212,175,85,.16)}.score-chip--0{border-color:#d4af5552}.score-chip--1{border-color:#8b2e2e59}.score-chip-badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:50%;font-family:var(--font-display);font-size:.8rem;font-weight:700;color:#0a1610;background:linear-gradient(180deg,#f0d78c,#a88632)}.score-chip--1 .score-chip-badge{color:#f8f0e0;background:linear-gradient(180deg,#c45a5a,#6b1f2a)}.score-chip-body{min-width:0;flex:1}.score-chip-title{margin:0;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#d4af55bf}.score-chip-names{margin:.1rem 0 0;font-size:.78rem;color:#f8f0e0b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-chip-meters{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .85rem;margin-top:.25rem}.score-meter{margin:0;display:inline-flex;align-items:baseline;gap:.12rem;font-size:.78rem;color:#f8f0e0b3}.score-meter strong{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:#f0d78c;line-height:1}.score-meter-sep{color:#f8f0e059;margin:0 .05rem}.score-meter-label{margin-left:.2rem;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:#f8f0e073}.score-known-cards{margin-top:.55rem;padding:.55rem .65rem;border-radius:8px;background:#d4af550f;font-size:.82rem}.score-known-title{margin:0 0 .3rem;font-weight:600;color:#f8f0e0}.score-known-cards ul{margin:0;padding-left:1.1rem;color:#f8f0e0bf}.score-known-cards li+li{margin-top:.2rem}.score-known-name{font-weight:600;color:#f8f0e0}@media(max-width:720px){.score-strip{gap:.35rem}.score-chip{flex:1 1 calc(50% - .2rem);padding:.35rem .45rem;gap:.35rem}.score-chip-badge{width:1.25rem;height:1.25rem;font-size:.65rem}.score-chip-title{font-size:.68rem}.score-chip-names{display:none}.score-meter{font-size:.72rem}.score-meter-label{font-size:.55rem}.score-known-cards{margin-top:.3rem;padding:.35rem .45rem;font-size:.68rem;max-height:3.6rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.score-known-title{font-size:.62rem;margin-bottom:.15rem}.score-known-cards ul{padding-left:.9rem}.score-known-cards li+li{margin-top:.1rem}}.deal-setup-panel{margin:.75rem 0;padding:1rem 1.15rem;border-radius:14px;background:#00000047;border:1px solid rgba(212,175,85,.16);color:var(--cream)}.deal-setup-title{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.25rem}.deal-setup-meta,.deal-setup-trump,.deal-setup-hint{margin:.35rem 0;font-size:.95rem;color:#f6efe4e6}.deal-setup-reveals{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.deal-setup-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-top:.75rem}.deal-setup-counts{list-style:none;margin:.5rem 0 0;padding:0;width:100%;font-size:.88rem;color:#f6efe4cc;display:grid;gap:.25rem}.seat-deal-spread{position:relative;height:86px;margin:0 auto}.seat-deal-card{position:absolute;top:0;left:0;margin:0;pointer-events:none}.seat-deal-card:hover{transform:none}.seat-deal-spread--vertical{height:auto;overflow:visible}.seat-deal-spread--vertical .seat-deal-card{left:50%;margin-left:-28px;transform:rotate(90deg);transform-origin:center center}.seat-deal-spread--vertical .seat-deal-card:hover{transform:rotate(90deg)}.seat-deal-spread--mobile{height:auto}.seat-deal-spread--mobile.seat-deal-spread:not(.seat-deal-spread--vertical){height:58px}@media(max-width:720px){.deal-setup-panel{margin:.35rem 0;padding:.55rem .7rem}.deal-setup-title{font-size:1.05rem;margin-bottom:.15rem}.deal-setup-meta,.deal-setup-trump,.deal-setup-hint{font-size:.78rem;margin:.18rem 0}.deal-setup-actions{margin-top:.4rem;gap:.45rem}.deal-setup-actions .primary,.deal-setup-actions button{padding:.55rem .9rem;font-size:.88rem}.deal-setup-counts{font-size:.75rem}.deal-setup-reveals{margin:.4rem 0;gap:.35rem}}.table-felt{position:relative;display:grid;grid-template-columns:minmax(7rem,1fr) minmax(10rem,1.4fr) minmax(7rem,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:". top ." "left center right" ". bottom .";gap:.15rem;align-items:center;justify-items:center;color:var(--table-cream, #f8f0e0)}.felt-top{grid-area:top}.felt-left{grid-area:left}.felt-right{grid-area:right}.felt-bottom{grid-area:bottom}.table-center{grid-area:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-height:100px;padding:.35rem;text-align:center}.felt-seat{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.25rem;min-width:0;max-width:none;background:transparent;border:none;border-radius:0;transition:filter .2s,opacity .2s}.felt-seat.offline{opacity:.5}.felt-top{flex-direction:column}.felt-bottom{flex-direction:column-reverse}.felt-left{flex-direction:row}.felt-right{flex-direction:row-reverse}.felt-meta{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;z-index:2}.felt-left .felt-meta,.felt-right .felt-meta{max-width:5.5rem}.felt-portrait{position:relative;display:flex;align-items:center;justify-content:center}.felt-portrait .player-avatar{width:48px;height:48px;box-shadow:0 0 0 2px #d4af5547,0 6px 14px #00000059}.felt-seat.you .felt-portrait .player-avatar{box-shadow:0 0 0 2px #d4af55a6,0 6px 16px #0006}.felt-seat.turn .felt-portrait .player-avatar{box-shadow:0 0 0 3px #d4af55bf,0 0 22px #d4af5559}.felt-seat.winner .felt-portrait .player-avatar{box-shadow:0 0 0 3px #9be7b8b3,0 0 18px #9be7b840}.felt-team-pip{position:absolute;right:-4px;bottom:-2px;display:flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem;border-radius:50%;font-family:var(--font-display);font-size:.65rem;font-weight:700;color:#0a1610;background:linear-gradient(180deg,#f0d78c,#a88632);box-shadow:0 2px 6px #00000059}.felt-team-pip.team-2{color:#f8f0e0;background:linear-gradient(180deg,#c45a5a,#6b1f2a)}.felt-id{display:flex;flex-direction:column;align-items:center;gap:.1rem;max-width:6.5rem}.felt-name{font-weight:700;font-size:.78rem;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.55)}.felt-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;padding:.05rem .35rem;border-radius:999px;font-size:.68rem;font-weight:700;color:#f8f0e0d9;background:#00000059;border:1px solid rgba(212,175,85,.2)}.felt-offline{font-size:.65rem;color:#ffb4a8}.felt-card-slot{position:relative;z-index:1;min-width:64px;min-height:98px;display:flex;align-items:center;justify-content:center}.felt-left .felt-card-slot,.felt-right .felt-card-slot{min-width:86px;min-height:120px}.felt-card-slot .table-card{filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}.felt-card-pad{width:56px;height:86px;border-radius:10px;background:#0000001f;box-shadow:inset 0 0 0 1px #f8f0e00f;opacity:.55}.felt-seat.turn .felt-card-pad{opacity:.9;box-shadow:inset 0 0 0 1px #d4af5559,0 0 16px #d4af551f}.spectator-hand-fan{display:flex;align-items:center;margin-top:.15rem}.spectator-hand-fan .spectator-back{margin-left:-12px}.spectator-hand-fan .spectator-back:first-child{margin-left:0}.spectator-hand-more{margin-left:.25rem;font-size:.7rem;opacity:.8}.collect-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:linear-gradient(180deg,#f0d78c,#c9a040 45%,#a88632);color:#0a1610;font:inherit;font-family:var(--font-display);font-weight:800;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;box-shadow:0 4px #6b5520,0 8px 20px #0006}.collect-btn--center{position:relative;z-index:6;padding:.55rem 1.1rem;font-size:.88rem;border-radius:10px;box-shadow:0 3px #6b5520,0 6px 16px #00000073}.collect-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.table-hint{margin:0;color:#f8f0e0c7;font-size:.92rem;text-shadow:0 1px 8px rgba(0,0,0,.45)}.trick-winner{margin:0;font-size:.85rem;color:#9be7b8;position:relative;z-index:2}.play-direction{margin:.15rem 0 0;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#f8f0e061}@media(max-width:640px){.table-felt{grid-template-columns:minmax(4.25rem,.9fr) minmax(5.5rem,1.15fr) minmax(4.25rem,.9fr);grid-template-rows:auto minmax(9rem,1fr) auto;gap:0}.table-center{min-height:0;padding:.15rem;gap:.2rem;z-index:3}.felt-portrait .player-avatar{width:34px;height:34px}.felt-name{font-size:.62rem;max-width:4.5rem}.felt-left .felt-meta,.felt-right .felt-meta{max-width:3.75rem}.felt-id{max-width:4.5rem}.felt-count{min-width:1rem;padding:.02rem .28rem;font-size:.6rem}.felt-card-slot{min-width:44px;min-height:68px}.felt-left .felt-card-slot,.felt-right .felt-card-slot{min-width:52px;min-height:72px}.felt-card-slot .table-card{width:46px;height:70px}.felt-card-pad{width:40px;height:62px}.felt-top .felt-card-slot{margin-bottom:-.35rem}.felt-bottom .felt-card-slot{margin-top:-.35rem}.felt-left .felt-card-slot{margin-right:-.25rem}.felt-right .felt-card-slot{margin-left:-.25rem}.table-felt.dealing .table-center{z-index:5}.table-felt.dealing .table-hint{font-size:.68rem;padding:.2rem .45rem;border-radius:6px;background:#00000080}.table-hint{font-size:.78rem}.trick-winner{font-size:.72rem}.play-direction{display:none}.collect-btn--center{padding:.4rem .85rem;font-size:.78rem;border-radius:8px;box-shadow:0 2px #6b5520,0 4px 12px #0006}}@media(prefers-reduced-motion:reduce){.felt-seat,.collect-btn{transition:none}}.trick-history-panel{background:var(--panel-bg, rgba(0, 0, 0, .35));border-radius:12px;padding:1rem;max-height:min(70vh,520px);overflow-y:auto}.trick-history-panel h2{margin:0 0 .75rem;font-size:1rem}.trick-history-panel.empty .muted{margin:0;font-size:.9rem}.trick-history-current{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.12)}.trick-history-label{margin:0 0 .5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;opacity:.75}.trick-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.trick-history-item{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.trick-history-item:last-child{border-bottom:none}.trick-history-num{display:block;font-size:.75rem;font-weight:600;margin-bottom:.35rem;opacity:.85}.trick-history-plays{display:flex;flex-wrap:wrap;gap:.5rem}.trick-history-play{display:flex;flex-direction:column;align-items:center;gap:.15rem}.trick-history-name{font-size:.7rem;opacity:.8}.trick-history-winner{margin:.35rem 0 0;font-size:.8rem;opacity:.9}.trump-badge{display:flex;flex-direction:row;align-items:center;gap:.65rem;padding:.5rem .7rem;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(212,175,85,.18),transparent 65%),#0a100ce0;border:1px solid rgba(212,175,85,.45);border-radius:14px;box-shadow:0 10px 28px #00000073,0 0 20px #d4af551f,inset 0 1px #f0d78c1f;color:#f8f0e0;text-align:left}.trump-badge-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.trump-label{margin:0;font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:#d4af55;font-weight:700}.trump-suit{margin:0;font-family:var(--font-display);font-size:.95rem;font-weight:700;color:#f0d78c;line-height:1.1}.trump-holder{display:flex;align-items:center;gap:.35rem;margin-top:.15rem}.trump-holder .player-avatar{width:28px;height:28px;box-shadow:0 0 0 1px #d4af5559}.trump-holder-name{font-size:.72rem;font-weight:600;color:#f8f0e0c7;max-width:5.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trump-badge .card-view.compact{width:48px;height:74px;flex-shrink:0;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}.trump-badge--inline{padding:.4rem .65rem}.trump-badge--inline .card-view.compact{width:40px;height:62px}@media(max-width:720px){.trump-badge .card-view.compact{width:42px;height:64px}.trump-suit{font-size:.85rem}.trump-holder-name{max-width:4.5rem}}.table-page.casino-table{--table-felt: #1b4d38;--table-felt-mid: #163828;--table-felt-deep: #0a1610;--table-wood: #3d2a18;--table-wood-dark: #24180e;--table-gold: #d4af55;--table-gold-bright: #f0d78c;--table-cream: #f8f0e0;--table-cream-muted: rgba(248, 240, 224, .62);position:relative;max-width:1100px;margin:0 auto;padding:clamp(.75rem,2vw,1.25rem);border-radius:20px;color:var(--table-cream);background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(212,175,85,.07),transparent 55%),radial-gradient(ellipse 60% 40% at 10% 90%,rgba(107,31,42,.12),transparent 50%),linear-gradient(168deg,#060d09,#0e1a14 42%,#0a120e);box-shadow:inset 0 1px #f8f0e00d}.table-page.casino-table:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.55}.table-page.casino-table>*:not(.flying-card,.hand-summary-overlay,.canto-announce,.capote-announce){position:relative;z-index:1}.table-page.casino-table>.flying-card{z-index:2000}.table-page.casino-table>.hand-summary-overlay{z-index:2200}.table-page.casino-table>.canto-announce{z-index:2100}.table-page.casino-table>.capote-announce{z-index:2300}.casino-table-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-bottom:.85rem}.casino-table-header-text{min-width:0}.casino-table-eyebrow{margin:0;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#d4af558c}.casino-table-status{margin:.2rem 0 0;font-family:var(--font-display);font-size:clamp(1.15rem,3vw,1.55rem);font-weight:700;color:var(--table-gold-bright);text-shadow:0 2px 12px rgba(0,0,0,.35)}.casino-table-lede{margin:.2rem 0 0;font-size:.88rem;color:var(--table-cream-muted)}.casino-table-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.casino-table-stage{display:flex;flex-direction:column;gap:.75rem}.casino-table-rail{position:relative;padding:9px;border-radius:clamp(72px,18vw,140px) / clamp(48px,12vw,100px);background:linear-gradient(145deg,#5c4020,#3d2a18 35%,#2a1c10 65%,#4a3318);box-shadow:0 0 0 1px #d4af5538,0 20px 50px #0000008c,inset 0 1px #f0d78c1f}.casino-table-felt-wrap{position:relative;border-radius:clamp(64px,16vw,128px) / clamp(40px,10vw,90px);background:radial-gradient(ellipse 90% 70% at 50% 30%,rgba(255,255,255,.045),transparent 55%),radial-gradient(ellipse 100% 80% at 50% 100%,rgba(0,0,0,.28),transparent 50%),linear-gradient(168deg,var(--table-felt) 0%,var(--table-felt-mid) 45%,#123022 100%);box-shadow:inset 0 0 80px #00000059,inset 0 2px #ffffff0a;min-height:clamp(420px,52vh,560px)}.casino-table-felt-wrap .table-felt{min-height:clamp(400px,50vh,540px);background:transparent;border:none;box-shadow:none;padding:clamp(.85rem,2.5vw,1.35rem);padding-bottom:clamp(5.5rem,10vw,6.5rem)}.casino-trump-dock{position:absolute;right:clamp(.75rem,3vw,1.5rem);bottom:clamp(.65rem,2vw,1.1rem);z-index:4;pointer-events:none}.casino-trump-dock .trump-badge{pointer-events:auto}.casino-table-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem}.casino-score-strip{width:100%}@media(max-width:720px){.table-page.casino-table{padding:.45rem .45rem 1rem;border-radius:0}.casino-table-header{margin-bottom:.35rem;gap:.35rem}.casino-table-status{font-size:1rem}.casino-table-lede{font-size:.75rem}.casino-table-stage{gap:.4rem}.casino-table-rail,.casino-table-felt-wrap{border-radius:20px}.casino-table-rail{padding:5px}.casino-trump-dock{right:.35rem;bottom:.3rem;transform:none}.casino-trump-dock .trump-badge{padding:.22rem .35rem;gap:.3rem;border-radius:9px}.casino-trump-dock .trump-badge .card-view.compact{width:28px;height:42px}.casino-trump-dock .trump-suit{font-size:.68rem}.casino-trump-dock .trump-label{font-size:.5rem}.casino-trump-dock .trump-holder{display:none}.casino-table-felt-wrap{min-height:0}.casino-table-felt-wrap .table-felt{min-height:min(58vh,440px);max-height:none;padding:.4rem .3rem 3.1rem}.casino-table-felt-wrap .table-felt.dealing{min-height:min(62vh,480px)}.casino-table-controls{gap:.4rem}.casino-score-strip{margin-bottom:.15rem}}.canto-announce{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at center,rgba(0,0,0,.35),transparent 55%);animation:canto-announce-backdrop 1.6s ease forwards}.canto-announce-card{text-align:center;color:#fff8eb;text-shadow:0 4px 18px rgba(0,0,0,.55);animation:canto-announce-pop 1.6s cubic-bezier(.22,1.4,.36,1) forwards}.canto-announce-value{margin:0;font-family:var(--font-display, Georgia, serif);font-size:clamp(4.5rem,18vw,8rem);font-weight:700;line-height:.9;letter-spacing:-.03em;color:#e8c547}.canto-announce-suit{margin:.5rem 0 0;font-size:clamp(1.1rem,3.5vw,1.6rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.canto-announce-names{margin:.65rem 0 0;font-size:clamp(1.15rem,3.2vw,1.65rem);font-weight:600}@keyframes canto-announce-pop{0%{opacity:0;transform:scale(.25)}18%{opacity:1;transform:scale(1.12)}32%{transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes canto-announce-backdrop{0%,70%{opacity:1}to{opacity:0}}.capote-announce{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at center,#e8c54747,#080c12b8 42%,#080c12e0);animation:capote-announce-backdrop 2.8s ease forwards}.capote-announce-burst{position:absolute;width:min(70vw,420px);height:min(70vw,420px);border-radius:50%;background:radial-gradient(circle,rgba(232,197,71,.55) 0%,rgba(196,92,38,.2) 40%,transparent 70%);animation:capote-burst 2.8s ease-out forwards}.capote-announce-sparks{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.capote-spark{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:2px;background:#e8c547;box-shadow:0 0 10px #e8c547e6;opacity:0;animation:capote-spark-fly 2.8s ease-out forwards}.capote-spark-0{--dx: -180px;--dy: -220px;animation-delay:.05s}.capote-spark-1{--dx: 160px;--dy: -200px;animation-delay:.08s}.capote-spark-2{--dx: -220px;--dy: -40px;animation-delay:.1s}.capote-spark-3{--dx: 210px;--dy: -30px;animation-delay:.12s}.capote-spark-4{--dx: -150px;--dy: 170px;animation-delay:.14s}.capote-spark-5{--dx: 170px;--dy: 190px;animation-delay:.06s}.capote-spark-6{--dx: 0px;--dy: -250px;animation-delay:.09s}.capote-spark-7{--dx: -90px;--dy: 230px;animation-delay:.11s}.capote-spark-8{--dx: 240px;--dy: 80px;animation-delay:.13s}.capote-spark-9{--dx: -250px;--dy: 90px;animation-delay:.07s}.capote-spark-10{--dx: 90px;--dy: -160px;animation-delay:.15s}.capote-spark-11{--dx: -40px;--dy: 210px;animation-delay:.04s;background:#f6efe4}.capote-announce-card{position:relative;z-index:1;text-align:center;color:#fff8eb;text-shadow:0 6px 28px rgba(0,0,0,.65);animation:capote-announce-pop 2.8s cubic-bezier(.22,1.45,.36,1) forwards}.capote-announce-eyebrow{margin:0;font-size:clamp(.85rem,2.4vw,1.1rem);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#f6efe4d9}.capote-announce-title{margin:.35rem 0 0;font-family:var(--font-display, Georgia, serif);font-size:clamp(3.6rem,16vw,7.5rem);font-weight:700;line-height:.88;letter-spacing:-.03em;color:#e8c547;filter:drop-shadow(0 0 24px rgba(232,197,71,.55))}.capote-announce-names{margin:.85rem 0 0;font-size:clamp(1.15rem,3.4vw,1.75rem);font-weight:700}.capote-announce-reward{margin:.55rem 0 0;display:inline-block;padding:.28rem .85rem;border-radius:999px;background:#e8c54733;border:1px solid rgba(232,197,71,.55);font-size:clamp(.95rem,2.6vw,1.2rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e8c547}@keyframes capote-announce-pop{0%{opacity:0;transform:scale(.2) rotate(-6deg)}14%{opacity:1;transform:scale(1.16) rotate(1deg)}26%{transform:scale(.96) rotate(-.5deg)}36%{transform:scale(1.04) rotate(0)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@keyframes capote-announce-backdrop{0%,72%{opacity:1}to{opacity:0}}@keyframes capote-burst{0%{opacity:0;transform:scale(.35)}18%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.55)}}@keyframes capote-spark-fly{0%{opacity:0;transform:translate(0) scale(.4)}12%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}.cantar-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.cantar-label{font-weight:600;margin-right:.15rem;color:#f8f0e0b3;font-size:.88rem}.cantar-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(212,175,85,.35);background:linear-gradient(180deg,#8b2e2ed9,#6b1f2af2);color:#fff8eb;font:inherit;font-weight:700;padding:.5rem .95rem;border-radius:10px;cursor:pointer;box-shadow:0 4px 12px #0000004d}.cantar-btn:hover:not(:disabled){filter:brightness(1.08)}.cantar-btn:disabled{opacity:.45;cursor:not-allowed}.hand{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.65rem .5rem .25rem}.hand-hidden{min-height:110px;align-items:center}.hand-dealing{margin:0;color:#f8f0e0b3;font-weight:600;letter-spacing:.04em}@media(max-width:720px){.hand{flex-wrap:nowrap;justify-content:flex-start;gap:.28rem;padding:.45rem .35rem calc(.55rem + env(safe-area-inset-bottom,0px));overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin-top:.15rem}.hand .card-view{width:46px;height:70px;flex-shrink:0}.hand-hidden{min-height:70px}}.tutorial-page.casino-tutorial{--tut-felt: #1b4d38;--tut-felt-mid: #163828;--tut-gold: #d4af55;--tut-gold-bright: #f0d78c;--tut-cream: #f8f0e0;--tut-cream-muted: rgba(248, 240, 224, .68);position:relative;max-width:760px;margin:0 auto;padding:clamp(.85rem,2vw,1.35rem) clamp(.85rem,2vw,1.25rem) 2.25rem;border-radius:20px;color:var(--tut-cream);background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(212,175,85,.07),transparent 55%),radial-gradient(ellipse 60% 40% at 10% 90%,rgba(107,31,42,.1),transparent 50%),linear-gradient(168deg,#060d09,#0e1a14 42%,#0a120e);box-shadow:inset 0 1px #f8f0e00d;overflow:hidden}.tutorial-page.casino-tutorial:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.5}.tutorial-page.casino-tutorial>*{position:relative;z-index:1}.tutorial-eyebrow{margin:0;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#d4af558c}.tutorial-top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.tutorial-exit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(212,175,85,.28);background:#00000040;color:var(--tut-cream-muted);border-radius:10px;padding:.4rem .85rem;cursor:pointer;font:inherit;font-size:.85rem;font-weight:600}.tutorial-exit:hover{border-color:#d4af5580;color:var(--tut-gold-bright)}.tutorial-step{background:#00000047;border:1px solid rgba(212,175,85,.16);border-radius:18px;padding:clamp(1rem,2.5vw,1.35rem);box-shadow:0 16px 40px #00000059;color:var(--tut-cream)}.tutorial-progress{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#d4af55a6;margin-bottom:.65rem}.tutorial-step-header h2{margin:0 0 .45rem;font-family:var(--font-display);font-size:clamp(1.25rem,3.5vw,1.65rem);color:var(--tut-gold-bright)}.tutorial-intro,.tutorial-prompt{margin:0 0 .45rem;line-height:1.45;color:var(--tut-cream-muted)}.tutorial-prompt{font-weight:600;color:var(--tut-cream)}.tutorial-exercise{margin:1rem 0 0;padding:0;border-radius:0;background:transparent;color:var(--tut-cream)}.tutorial-table-wrap{display:flex;flex-direction:column;gap:.65rem;align-items:stretch}.tutorial-table-rail{padding:7px;border-radius:clamp(48px,12vw,96px) / clamp(36px,9vw,72px);background:linear-gradient(145deg,#5c4020,#3d2a18 35%,#2a1c10 65%,#4a3318);box-shadow:0 0 0 1px #d4af5533,0 16px 36px #00000073,inset 0 1px #f0d78c1a}.tutorial-table-felt{position:relative;border-radius:clamp(42px,10vw,88px) / clamp(30px,7.5vw,64px);padding:clamp(.75rem,2vw,1.1rem);padding-bottom:4.75rem;background:radial-gradient(ellipse 90% 70% at 50% 30%,rgba(255,255,255,.04),transparent 55%),linear-gradient(168deg,var(--tut-felt) 0%,var(--tut-felt-mid) 50%,#123022 100%);box-shadow:inset 0 0 60px #0000004d;min-height:320px}.tutorial-table{display:grid;grid-template-columns:1fr 1.25fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:". top ." "left center right" ". bottom .";gap:.35rem;align-items:center;justify-items:center;min-height:280px}.tutorial-seat-top{grid-area:top}.tutorial-seat-left{grid-area:left}.tutorial-seat-right{grid-area:right}.tutorial-seat-bottom{grid-area:bottom}.tutorial-table-center{grid-area:center;text-align:center;padding:.35rem}.tutorial-table-seat{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.25rem;border:none;background:transparent;cursor:default;color:var(--tut-cream);font:inherit;max-width:7.5rem}.tutorial-seat-left,.tutorial-seat-right{max-width:6.5rem}.tutorial-table-seat.pickable{cursor:pointer}.tutorial-table-seat.pickable:hover .tutorial-seat-card{box-shadow:0 0 0 2px #d4af5573;border-radius:10px}.tutorial-table-seat.selected .tutorial-seat-name{color:#9be7b8}.tutorial-table-seat.selected .tutorial-seat-card{box-shadow:0 0 0 2px #9be7b88c;border-radius:10px}.tutorial-table-seat.error .tutorial-seat-card{box-shadow:0 0 0 2px #ffb4a8a6;border-radius:10px}.tutorial-table-seat:disabled{opacity:1}.tutorial-table-seat[aria-disabled=true]{cursor:default}.tutorial-seat-name{font-size:.72rem;font-weight:700;text-align:center;text-shadow:0 1px 6px rgba(0,0,0,.5);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutorial-seat-card{display:flex;align-items:center;justify-content:center;min-height:86px;padding:.15rem}.tutorial-seat-card .card-view,.tutorial-seat-card .tutorial-table-empty{pointer-events:none}.tutorial-table-empty{width:48px;height:72px;border-radius:8px;background:#0000001f;box-shadow:inset 0 0 0 1px #f8f0e014}.tutorial-table-meta{margin:0;font-size:.78rem;color:var(--tut-cream-muted);text-shadow:0 1px 6px rgba(0,0,0,.4)}.tutorial-table-meta strong{color:var(--tut-gold-bright)}.tutorial-trump-dock{position:absolute;right:.65rem;bottom:.55rem;z-index:3}.tutorial-trump-dock .trump-badge{transform:scale(.92);transform-origin:bottom right}.tutorial-hand{margin-top:1rem;padding:.75rem .5rem .25rem;border-top:1px solid rgba(212,175,85,.12)}.tutorial-hand-label{margin:0 0 .55rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:#d4af55b3}.tutorial-hand-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.tutorial-card-error{outline:2px solid #ffb4a8;outline-offset:2px}.tutorial-canto-options{display:flex;flex-direction:column;gap:.75rem;align-items:center}.tutorial-canto-btn,.tutorial-score-btn{min-width:160px;padding:.55rem 1.1rem;border-radius:10px;border:1px solid rgba(212,175,85,.35);background:#0000004d;color:var(--tut-cream);font:inherit;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #00000040}.tutorial-canto-btn:hover:not(:disabled),.tutorial-score-btn:hover:not(:disabled){border-color:#d4af55a6;color:var(--tut-gold-bright)}.tutorial-canto-btn:disabled,.tutorial-score-btn:disabled{opacity:.55;cursor:default}.tutorial-canto-trump{font-weight:400;opacity:.85}.tutorial-canto-context{width:100%;margin-top:.35rem}.tutorial-score-exercise{display:flex;flex-direction:column;align-items:center;gap:.85rem;text-align:center;padding:.5rem}.tutorial-score-text{margin:0;line-height:1.45;max-width:28rem;color:var(--tut-cream-muted)}.tutorial-card-row{display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap}.tutorial-score-options{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tutorial-feedback{margin:.85rem 0 0;padding:.7rem .9rem;border-radius:10px;line-height:1.4;font-size:.92rem}.tutorial-feedback.ok{background:#9be7b81f;border:1px solid rgba(155,231,184,.3);color:#b8dfc8}.tutorial-feedback.error{background:#8b2e2e47;border:1px solid rgba(255,180,168,.3);color:#ffb4a8}.tutorial-success-hint{display:block;margin-top:.3rem;font-weight:400;opacity:.9}.tutorial-step-actions{display:flex;gap:.55rem;justify-content:flex-end;margin-top:1.1rem}.tutorial-btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;min-width:9rem;padding:.7rem 1.35rem;border-radius:12px;font:inherit;font-family:var(--font-display);font-weight:700;letter-spacing:.04em;cursor:pointer;color:#0a1610;background:linear-gradient(180deg,#f0d78c,#c9a040 45%,#a88632);box-shadow:0 3px #6b5520,0 8px 20px #00000059}.tutorial-btn-primary:hover{filter:brightness(1.05)}.tutorial-btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(212,175,85,.28);background:#00000038;color:var(--tut-cream-muted);border-radius:10px;padding:.65rem 1.1rem;font:inherit;font-weight:600;cursor:pointer}.tutorial-btn-ghost:hover{border-color:#d4af5580;color:var(--tut-gold-bright)}.tutorial-finish-hero{text-align:center;padding:2rem .5rem .5rem}.tutorial-finish-title{margin:.35rem 0 0;font-family:var(--font-display);font-size:clamp(2rem,6vw,2.8rem);color:var(--tut-gold-bright);text-shadow:0 2px 16px rgba(0,0,0,.35)}.tutorial-finish-lede{margin:.75rem auto 0;max-width:26rem;line-height:1.5;color:var(--tut-cream-muted)}.tutorial-finish-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center;margin-top:1.75rem}.tutorial-finish-actions .tutorial-btn-primary{min-width:220px}@media(max-width:560px){.tutorial-table-rail,.tutorial-table-felt{border-radius:28px}.tutorial-table-felt{padding-bottom:5rem;min-height:300px}.tutorial-trump-dock{right:50%;transform:translate(50%)}.tutorial-trump-dock .trump-badge{transform:scale(.88);transform-origin:bottom center}}.page{color:var(--cream)}.hero{text-align:center;margin:2rem 0 2.5rem}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:#f6efe4b3}h1{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.6rem);font-weight:700;letter-spacing:-.02em}.lede{margin:.75rem auto 0;max-width:34rem;color:#f6efe4d9;line-height:1.45}.room-avatar-panel{margin:1rem 0 1.25rem;background:#f6efe4f2;color:var(--ink)}.panel{background:#f6efe4f2;color:var(--ink);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:0 12px 30px #0000002e}.panel h2{margin:0;font-family:var(--font-display)}.panel-note{margin:0;font-size:.9rem;font-weight:400;color:var(--ink-muted);line-height:1.35}.panel label{display:flex;flex-direction:column;gap:.35rem;font-size:.92rem;font-weight:600}.panel input,.panel select{padding:.55rem .7rem;border-radius:8px;border:1px solid rgba(40,28,18,.2);background:#fff}.primary,.ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;padding:.65rem 1rem;font-weight:700;cursor:pointer}.primary{border:none;background:var(--accent);color:#fff8eb}.primary:disabled{opacity:.45;cursor:not-allowed}.ghost{border:1px solid rgba(246,239,228,.35);background:transparent;color:var(--cream)}.ghost.danger{border-color:#ffb4a880;color:#ffb4a8}.danger-solid{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;padding:.65rem 1rem;font-weight:700;cursor:pointer;background:#9b2c2c;color:#fff5f5}.danger-solid:hover{filter:brightness(1.08)}.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}.header-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.voice-bar{display:flex;justify-content:flex-end;margin:0 0 .75rem}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:var(--accent-2)}.banner{padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem}.banner.error{background:#9b2c2c59;border:1px solid rgba(255,180,168,.4)}.banner.info{background:#e8c5472e;border:1px solid rgba(232,197,71,.35)}.muted{color:#f6efe4b3}.center{text-align:center}.table-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:1rem;align-items:start}.table-main{background:radial-gradient(circle at 50% 40%,#22855c,var(--felt) 55%,#0f4a32);border-radius:18px;padding:1rem;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 40px #0003;display:flex;flex-direction:column;gap:.85rem;color:var(--cream)}.table-main .seat-slot{background:#0000002e;border-color:#ffffff26;color:var(--cream)}.table-main .seat-num,.table-main .seat-team{color:#f6efe4b3}.score-panel{color:var(--ink)}.table-page.casino-table .score-panel{color:var(--table-cream, #f8f0e0)}@media(max-width:840px){.table-layout{grid-template-columns:1fr}}.spectator-sidebar{display:flex;flex-direction:column;gap:1rem}.spectator-page .spectator-sidebar .score-panel{max-height:none}:root{--bg: #1c3a2e;--bg-2: #245241;--felt: #1a6b4a;--ink: #1f1710;--ink-muted: #5c4e40;--accent: #c45c26;--accent-2: #e8c547;--cream: #f6efe4;--font-display: "Fraunces", Georgia, serif;--font-body: "Source Sans 3", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--cream);background:radial-gradient(ellipse at 20% 10%,rgba(232,197,71,.18),transparent 45%),radial-gradient(ellipse at 80% 0%,rgba(196,92,38,.2),transparent 40%),linear-gradient(165deg,var(--bg) 0%,var(--bg-2) 55%,#143328 100%);background-attachment:fixed}button,input,select{font:inherit}#root{max-width:1100px;margin:0 auto;padding:1.25rem}
