.game-loading,.game-board .game-loading-inner{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--felt-dark)}.game-loading-inner{min-height:auto;text-align:center;color:#f4efe4b3}.game-loading-suits{display:block;font-size:1.5rem;color:var(--gold);margin-bottom:.75rem;letter-spacing:.5rem}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:1rem 0}.home-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(201,162,39,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(107,29,58,.12) 0%,transparent 50%),var(--felt-dark)}.home-content{position:relative;z-index:1;max-width:480px;width:100%;padding:1.5rem 1.5rem 1rem;text-align:center}.home-suits{display:flex;justify-content:center;gap:1rem;font-size:2rem;margin-bottom:.5rem}.suit.red{color:var(--red-suit)}.suit.black{color:var(--cream);opacity:.7}.home-title{font-family:var(--font-display);font-size:3.5rem;font-weight:700;color:var(--gold);letter-spacing:.02em;line-height:1.1}.home-subtitle{color:#f4efe4a6;margin-top:.5rem;font-size:1rem}.home-actions{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}@media(max-width:600px){.home-actions{gap:1.25rem}}.home-form{display:flex;flex-direction:column;gap:1rem;margin:2rem 0;text-align:left}.home-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:#f4efe4b3}.home-form input{padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(201,162,39,.3);background:#0000004d;color:var(--cream);font-size:1rem}.home-form input:focus{border-color:var(--gold);outline:none}.code-input{font-family:monospace;font-size:1.25rem!important;letter-spacing:.2em;text-transform:uppercase}.rules-preview{margin-top:2.5rem;text-align:left;padding:1.25rem;background:#0003;border-radius:12px;border:1px solid rgba(201,162,39,.15)}.rules-preview h2{font-family:var(--font-display);font-size:1.1rem;color:var(--gold);margin-bottom:.75rem}.rules-preview ul{list-style:none;font-size:.85rem;color:#f4efe4b3;line-height:1.6}.rules-preview li:before{content:"♦ ";color:var(--gold);font-size:.7rem}.rules-link{display:inline-block;margin-top:.75rem;padding:.4rem 0;font-size:.9rem;color:var(--gold);text-decoration:none;min-height:44px}.rules-link:hover{text-decoration:underline}.btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;transition:transform .15s,background .15s,opacity .15s;min-height:44px}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--gold);color:var(--felt-dark)}.btn-primary:hover:not(:disabled){background:var(--gold-light)}.btn-secondary{background:#c9a22726;color:var(--gold);border:1px solid rgba(201,162,39,.35)}.btn-secondary:hover:not(:disabled){background:#c9a22740}.btn-ghost{background:transparent;color:#f4efe499}.btn-ghost:hover:not(:disabled){color:var(--cream)}.btn-sm{padding:.6rem .9rem;font-size:.85rem;min-height:44px}.status-banner{padding:.75rem 1rem;border-radius:8px;margin:1rem 0;font-size:.9rem}.status-banner.error{background:#c41e3a33;border:1px solid var(--red-suit);color:#ff8a9b}.status-banner.connecting{background:#c9a2271a;color:var(--gold)}.lobby{min-height:100vh;max-width:800px;margin:0 auto;padding:1.5rem}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.lobby-header h2{font-family:var(--font-display);color:var(--gold)}.invite-box{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;background:#00000040;border-radius:12px;border:1px solid rgba(201,162,39,.25)}.invite-code{display:flex;flex-direction:column;gap:.25rem}.invite-label{font-size:.75rem;color:#f4efe480;text-transform:uppercase;letter-spacing:.1em}.invite-value{font-family:monospace;font-size:2rem;font-weight:700;color:var(--gold);letter-spacing:.3em}.invite-hint{font-size:.85rem;color:#f4efe473;margin:.75rem 0 1.5rem}.lobby-body{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media(min-width:768px)and (max-width:1024px){.game-board{--card-w: 100px;--card-h: 140px;--card-sm-w: 70px;--card-sm-h: 98px}.game-board{padding:.5rem}.table-center{min-height:150px;gap:1rem}.deck-area{gap:1.5rem}.hand-cards{padding:.4rem .5rem .25rem;min-height:calc(var(--hand-min-h) * .85)}.rules-preview ul{font-size:.95rem}}@media(min-width:768px){.rules-preview{padding:1rem;margin-top:1.5rem}.rules-preview ul{font-size:1rem;color:#f4efe4d9}.home-actions{gap:1rem}.btn{padding:1rem 1.5rem;font-size:1rem;min-height:48px}.home-content{max-width:600px}}@media(min-width:768px){.lobby-body{grid-template-columns:1fr 1fr}}@media(min-width:768px)and (max-width:1024px){.game-board{--video-w: 110px;--video-h: 82px}.round-contract{font-size:1.5rem}.pile-count{font-size:.75rem}}@media(min-width:1024px)and (max-width:1399px){.game-board{padding:.5rem}.table-center{min-height:160px;gap:1rem}.deck-area{gap:1.5rem}.hand-cards{padding:.5rem .75rem .25rem}.rules-preview ul{font-size:.95rem}.game-board{--video-w: 130px;--video-h: 97px}.round-contract{font-size:1.55rem}}@media(max-width:600px){.rules-preview ul{font-size:.9rem}.lobby-body{grid-template-columns:1fr}.game-board{padding:.5rem}.game-top-bar{flex-direction:column;gap:.5rem;padding:.5rem}.round-info{width:100%;justify-content:center;padding:.4rem .8rem;min-height:2rem}.round-contract{font-size:1.3rem}.game-top-actions{width:100%;justify-content:center}.invite-in-game{font-size:.7rem;padding:.2rem .5rem}.video-panel{flex:1}.deck-area{gap:1rem}.table-melds{gap:.5rem}.meld-group{padding:.4rem}.hand-cards{padding:.5rem .5rem .25rem;min-height:calc(var(--hand-min-h) * .9)}.card-builder{padding:.5rem;margin:.5rem auto}.builder-groups{gap:.4rem}.builder-group{min-width:90px;padding:.4rem}.builder-header{flex-direction:column;align-items:flex-start;gap:.5rem}.builder-header .btn-sm{margin-left:0;align-self:flex-end}.builder-actions{flex-direction:column;align-items:stretch}.builder-hint{min-width:auto}.music-panel{left:.5rem;bottom:.5rem;right:.5rem;width:auto;max-width:none}.music-fab{left:.5rem;bottom:.5rem}.chat-panel{left:.5rem;right:.5rem;bottom:.5rem;width:auto;max-width:none}.chat-fab{right:.5rem;bottom:.5rem}.chat-toasts{right:.5rem;bottom:3.9rem}.action-bar{padding:.5rem}.result-card{padding:1rem}.winner-spotlight{padding:.6rem .8rem}.winner-trophy{font-size:2rem}.winner-name{font-size:1.5rem}.winner-spotlight.champion .winner-name{font-size:1.8rem}.result-actions{flex-direction:column;width:100%}.result-actions .btn{width:100%}.action-bar .btn{min-height:48px;padding:.75rem 1rem;font-size:.95rem}.game-top-actions .btn-sm,.game-top-actions .btn{min-height:44px;padding:.5rem .75rem;font-size:.85rem}}.lobby-camera-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.players-list h3,.lobby-video-section h3{font-size:.85rem;color:#f4efe480;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.player-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#0003;border-radius:8px;margin-bottom:.5rem;border:1px solid transparent}.player-row.ready{border-color:#2a6b5580;background:#2a6b5526}.player-name{font-weight:600}.host-badge{font-size:.7rem;background:var(--burgundy);color:var(--cream);padding:.15rem .5rem;border-radius:4px;margin-left:.5rem}.player-status{font-size:.8rem;color:#f4efe480}.reconnect-banner{position:fixed;top:0;left:0;right:0;z-index:9998;text-align:center;padding:.5rem 1rem;background:linear-gradient(180deg,#8a5a00,#6b4400);color:#ffe9b0;font-size:.85rem;font-weight:600;box-shadow:0 2px 10px #0006;animation:reconnect-pulse 1.4s ease-in-out infinite}@keyframes reconnect-pulse{0%,to{opacity:1}50%{opacity:.7}}.lobby-actions{display:flex;gap:.75rem;justify-content:center}.game-config{max-width:460px;margin:.5rem auto;padding:.9rem 1rem;background:#00000040;border:1px solid rgba(201,162,39,.25);border-radius:12px}.game-config-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#f4efe48c;text-align:center;margin-bottom:.6rem}.mode-toggle{display:flex;gap:.5rem}.mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.55rem .5rem;background:#00000040;border:1.5px solid rgba(201,162,39,.25);border-radius:10px;color:var(--cream);font-weight:600;font-size:.9rem;cursor:pointer;transition:border-color .15s,background .15s}.mode-btn small{font-weight:400;font-size:.68rem;color:#f4efe480}.mode-btn.active{border-color:var(--gold);background:#c9a22724}.mode-btn.active small{color:var(--gold-light)}.contract-picker{margin-top:.7rem;padding-top:.7rem;border-top:1px solid rgba(201,162,39,.15);display:flex;flex-direction:column;gap:.6rem}.contract-steppers{display:flex;gap:.75rem;justify-content:center}.contract-stepper{display:flex;flex-direction:column;align-items:center;gap:.3rem}.contract-stepper.disabled{opacity:.4}.contract-stepper-label{font-size:.78rem;color:#f4efe4b3}.contract-stepper-ctrl{display:flex;align-items:center;gap:.5rem}.contract-stepper-ctrl button{width:30px;height:30px;border-radius:8px;border:1px solid rgba(201,162,39,.4);background:#c9a2271f;color:var(--gold-light);font-size:1.1rem;font-weight:700;cursor:pointer;line-height:1}.contract-stepper-ctrl button:disabled{opacity:.35;cursor:not-allowed}.contract-stepper-val{min-width:22px;text-align:center;font-size:1.15rem;font-weight:700;color:var(--cream)}.contract-real{display:flex;align-items:center;gap:.5rem;justify-content:center;font-size:.85rem;cursor:pointer}.contract-preview{text-align:center;font-size:.82rem;color:var(--gold-light);font-weight:600}.ortiz-label{display:flex;align-items:center;gap:.5rem;justify-content:center;margin-top:.7rem;padding-top:.7rem;border-top:1px solid rgba(201,162,39,.15);font-size:.85rem;cursor:pointer}.camera-error{color:#ff8a9b;font-size:.85rem;margin-bottom:.5rem}.video-panel{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.video-tile{position:relative;width:var(--video-w);height:var(--video-h);border-radius:8px;overflow:hidden;background:#0006;border:2px solid rgba(201,162,39,.2)}.video-tile-local{border-color:var(--gold)}.video-feed{width:100%;height:100%;object-fit:cover;background:#000;display:block}.video-mirrored{transform:scaleX(-1)}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#f4efe466;pointer-events:none}.video-name{position:absolute;bottom:0;left:0;right:0;padding:.2rem .4rem;background:#0009;font-size:.65rem;text-align:center}.video-tile-controls{position:absolute;right:4px;bottom:1.45rem;display:flex;gap:4px;z-index:4;pointer-events:auto}.vt-ctrl{min-width:28px;height:28px;padding:0 6px;display:flex;align-items:center;justify-content:center;font-size:.85rem;line-height:1;color:#fff;background:#0000008c;border:1px solid rgba(255,255,255,.25);border-radius:6px;cursor:pointer;touch-action:manipulation}.vt-ctrl:hover{background:#000000c7;border-color:var(--gold)}.vt-ctrl-text{font-weight:700;font-size:.72rem}.vt-ctrl-text.on{color:var(--gold);border-color:var(--gold)}.card{width:var(--card-w);height:var(--card-h);background:radial-gradient(120% 100% at 50% 0%,#ffffff 0%,var(--card-white) 45%,#f0ece0 100%);border-radius:9px;border:1px solid var(--card-edge);box-shadow:0 1px 1px #0000002e,0 2px 6px #00000038;position:relative;flex-shrink:0;transition:transform .26s var(--ease-card),box-shadow .26s var(--ease-card);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:0;overflow:hidden}.card:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:6px;border:1px solid var(--card-frame);pointer-events:none;z-index:1}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,0) 30%,var(--card-sheen) 48%,rgba(255,255,255,0) 62%);opacity:0;transition:opacity .3s var(--ease-smooth);pointer-events:none;z-index:2}.card:hover:not(:disabled){transform:translateY(-7px) translateZ(0);box-shadow:0 3px 4px #0003,0 12px 22px #0000004d}.card:hover:not(:disabled):before{opacity:1}.card-selected{transform:translateY(-14px) translateZ(0)!important;box-shadow:0 0 0 2px var(--gold),0 4px 6px #0003,0 14px 26px #00000052!important}.card-sm{width:var(--card-sm-w);height:var(--card-sm-h);font-size:.72rem}.card-back{background:linear-gradient(135deg,var(--burgundy) 0%,#4a1028 100%);cursor:default}.card-back-pattern{width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#e8c84a47,#e8c84a00 22%),repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(201,162,39,.18) 4px,rgba(201,162,39,.18) 8px),repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(201,162,39,.12) 4px,rgba(201,162,39,.12) 8px);border-radius:7px;box-shadow:inset 0 0 0 3px #c9a22773,inset 0 0 0 4px #00000040}.card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.92;font-size:calc(var(--card-w) * .18);font-weight:800;letter-spacing:-.02em;z-index:3}.card-corner .card-rank{font-feature-settings:"tnum"}.card-sm .card-corner{font-size:calc(var(--card-sm-w) * .2)}.card-corner.top-left{top:4px;left:5px}.card-corner.bottom-right{bottom:4px;right:5px;transform:rotate(180deg)}.card-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72%;height:68%;z-index:3}.card-suit-large{font-size:calc(var(--card-w) * .37)}.card-sm .card-suit-large{font-size:calc(var(--card-sm-w) * .34)}.pip{position:absolute;font-size:calc(var(--card-w) * .2);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.card-sm .pip{font-size:calc(var(--card-sm-w) * .273)}.card-ace .card-suit-ace{font-size:calc(var(--card-w) * .52);line-height:1}.card-sm .card-ace .card-suit-ace{font-size:calc(var(--card-sm-w) * .474)}.card-center.card-face{width:86%;height:90%}.card-face{display:flex;align-items:center;justify-content:center}.court-svg{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.court-svg text{font-family:var(--font-body)}.red{color:var(--red-suit)}.black{color:var(--black-suit)}.game-board.big-numbers{--card-w: clamp(104px, 9vw, 156px);--card-sm-w: clamp(74px, 6.2vw, 110px)}.card-joker{background:linear-gradient(135deg,#2d1b69,#1a0f3c)}.card-joker-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--gold);position:relative;z-index:3}.card-joker-star{font-size:1.7rem}.card-joker-text{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.game-board{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,var(--felt-light) 0%,var(--felt) 40%,var(--felt-dark) 100%);padding:.75rem;position:relative;--card-w: clamp(84px, 7.6vw, 132px);--card-h: calc(var(--card-w) * 1.4);--card-sm-w: clamp(58px, 5.1vw, 90px);--card-sm-h: calc(var(--card-sm-w) * 1.4);--video-w: 120px;--video-h: 90px;--hand-overlap: calc(var(--card-w) * -.32);--hand-min-h: calc(var(--card-h) * 1.42)}.game-top-bar{display:flex;justify-content:space-between;align-items:center;padding:.25rem .5rem}.round-info{display:flex;align-items:center;gap:.75rem}.round-badge{background:var(--burgundy);color:var(--cream);padding:.5rem 1.1rem;border-radius:8px;font-size:1.05rem;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 4px #0003}.round-contract{font-family:var(--font-display);color:var(--gold);font-size:1.6rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.4);white-space:nowrap}.round-info{display:flex;align-items:center;gap:1.1rem;background:#0006;padding:.5rem 1.2rem;border-radius:12px;border:2px solid rgba(201,162,39,.35);box-shadow:0 6px 16px #00000059;min-height:2.2rem}.game-top-actions{display:flex;gap:.35rem;align-items:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:44px;height:44px;padding:0 .6rem;border-radius:12px;background:#00000059;border:1px solid rgba(201,162,39,.25);color:#f4efe4d9;transition:color .15s,border-color .15s,background .15s,transform .15s}.icon-btn:hover{color:var(--gold-light);border-color:var(--gold);background:#00000080}.icon-btn:active{transform:scale(.94)}.icon-btn[aria-pressed=true]{color:var(--gold);border-color:var(--gold);background:#c9a22729}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn svg{flex:0 0 auto}.icon-btn-text{font-weight:800;font-size:.95rem}.icon-btn-wide{font-weight:600;font-size:.85rem}.icon-btn-danger:hover{color:#ff8a9b;border-color:#c41e3ab3;background:#c41e3a1f}.icon-btn-accent{background:var(--gold);border-color:var(--gold-light);color:var(--felt-dark)}.icon-btn-accent:hover:not(:disabled){background:var(--gold-light);border-color:var(--gold-light);color:var(--felt-dark)}.invite-in-game{margin-left:.5rem;padding:.25rem .6rem;font-size:.78rem;border:1px solid rgba(201,162,39,.4);background:#00000040;white-space:nowrap}.invite-in-game:hover{background:#c9a22726}.game-board .video-panel{position:fixed;top:50%;right:.75rem;transform:translateY(-50%);flex-direction:column;z-index:10;pointer-events:none}.video-panel-grip{position:absolute;top:2px;left:2px;width:20px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.8rem;line-height:1;color:#f4efe48c;background:#00000080;border-radius:5px;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;z-index:3}.video-panel-grip:hover{color:var(--gold)}.video-panel-size{position:absolute;top:2px;right:2px;display:flex;gap:3px;z-index:3;pointer-events:auto}.video-size-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;color:#f4efe4b3;background:#00000080;border:none;border-radius:5px;cursor:pointer;touch-action:manipulation}.video-size-btn:hover:not(:disabled){color:var(--gold)}.video-size-btn:disabled{opacity:.35;cursor:default}.game-board .video-panel.is-dock-left,.game-board .video-panel.is-dock-right{top:50%;transform:translateY(-50%);flex-direction:column;flex-wrap:nowrap;max-height:92vh;overflow-y:auto}.game-board .video-panel.is-dock-left{left:.5rem;right:auto}.game-board .video-panel.is-dock-right{right:.5rem;left:auto}.game-board .video-panel.is-dock-top,.game-board .video-panel.is-dock-bottom{left:50%;right:auto;transform:translate(-50%);flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:92vw}.game-board .video-panel.is-dock-top{top:.5rem;bottom:auto}.game-board .video-panel.is-dock-bottom{bottom:.5rem;top:auto}@media(max-width:600px){.game-board .video-panel,.game-board .video-panel.is-dock-left,.game-board .video-panel.is-dock-right,.game-board .video-panel.is-dock-top,.game-board .video-panel.is-dock-bottom{position:static;justify-content:center;margin:.5rem 0;flex-direction:row;flex-wrap:wrap;transform:none;max-height:none;max-width:none;overflow:visible;pointer-events:auto}.game-board .video-panel-grip{display:none}}.opponents-bar{display:flex;justify-content:center;gap:.75rem;padding:.5rem;flex-wrap:wrap}.opponent-chip{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#0000004d;border-radius:20px;font-size:.8rem;border:1px solid transparent}.opponent-chip.active{border-color:var(--gold);background:#c9a22726}.opponent-chip.laid-down{border-color:#2a6b5599}.opponent-cards{color:#f4efe480;font-size:.75rem}.dealer-dot{font-size:.7rem}.table-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:200px}@media(min-width:1400px){.table-center{gap:2rem}}.deck-area{display:flex;gap:2rem;align-items:center}@media(min-width:1400px){.deck-area{gap:2.5rem}}.deck-pile{position:relative;background:none;padding:0}.pile-count{position:absolute;bottom:-1.2rem;left:50%;transform:translate(-50%);font-size:.7rem;color:#f4efe480}.discard-pile>button{background:none;padding:0}.empty-pile{width:var(--card-w);height:var(--card-h);border:2px dashed rgba(244,239,228,.2);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#f4efe44d}.table-melds{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:90%}.meld-group{background:#0003;border-radius:8px;padding:.5rem;border:1px solid rgba(201,162,39,.15)}.meld-label{font-size:.65rem;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:.35rem}.meld-cards{display:flex;align-items:center}.meld-cards>.card:not(:first-child){margin-left:calc(var(--card-sm-w) * -.58)}.meld-cards .card:hover{transform:translateZ(0);box-shadow:0 1px 1px #0000002e,0 2px 6px #00000038}.meld-cards .card:hover:before{opacity:0}.meld-add-btn{background:#c9a22733;color:var(--gold);border:1px dashed var(--gold);border-radius:4px;padding:.25rem .5rem;font-size:.65rem;margin-left:.25rem}.turn-indicator{text-align:center;padding:.5rem;font-size:.9rem}.my-turn{color:var(--gold);font-weight:600;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.hand-area{padding:.25rem 0 .5rem}.hand-toolbar{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.35rem}.hand-hint{text-align:center;font-size:.72rem;color:#f4efe466;margin:0;-webkit-user-select:none;user-select:none}.hand-sort{display:flex;align-items:center;gap:.35rem}.hand-sort-label{font-size:.72rem;color:#f4efe499;-webkit-user-select:none;user-select:none}.builder-quick-actions{display:flex;justify-content:center;margin:.25rem 0}.help-panel{max-width:680px;margin:.5rem auto;padding:.6rem 1rem;background:#00000052;border:1px solid rgba(201,162,39,.4);border-radius:10px;color:var(--cream)}.help-panel .help-title{display:block;color:var(--gold);font-weight:700;margin-bottom:.35rem}.help-panel ul{margin:0;padding-left:1.1rem;font-size:.85rem;line-height:1.5}.help-panel li{margin-bottom:.2rem}.help-panel b{color:var(--gold);font-weight:600}.hand-cards{display:flex;justify-content:center;align-items:flex-end;padding:.75rem 1rem .5rem;min-height:var(--hand-min-h);gap:0;--hand-overlap: min( calc(var(--card-w) * -.32), calc((100vw - 4rem - var(--card-w)) / (var(--hand-n, 13) - 1) - var(--card-w)) )}.hand-card-wrap{display:inline-flex;align-items:flex-end;margin-left:var(--hand-overlap);transition:margin-left .26s var(--ease-card)}.hand-card-wrap:first-child{margin-left:0}.hand-card-slot{flex-shrink:0;cursor:grab;position:relative;touch-action:none;will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .24s var(--ease-spring),opacity .18s var(--ease-smooth)}.hand-card-slot .card{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.hand-card-slot:active{cursor:grabbing}.hand-card-slot:hover{z-index:50;transform:translateY(-26px) scale(1.05) translateZ(0)}.hand-card-slot.is-dragged{opacity:.32;transform:scale(.96) translateZ(0)}.hand-card-slot .card-selected{z-index:30;transform:translateY(-20px) scale(1.05) translateZ(0)!important}.hand-card-slot.has-discard{z-index:52}.discard-over-btn{position:absolute;top:-58px;left:50%;transform:translate(-50%);min-height:34px;padding:.3rem .85rem;background:var(--gold);color:var(--felt-dark);border:1px solid var(--gold-light);border-radius:999px;font-size:.82rem;font-weight:800;white-space:nowrap;box-shadow:0 4px 12px #00000073;cursor:pointer;touch-action:manipulation;animation:gap-in .2s var(--ease-card)}.discard-over-btn:hover{background:var(--gold-light)}.discard-over-btn:active{transform:translate(-50%) scale(.95)}.spectator-banner{margin:.6rem auto;max-width:680px;padding:.6rem 1rem;background:linear-gradient(#c9a2272e,#c9a22714);border:1px solid var(--gold);border-radius:10px;color:var(--gold-light, var(--gold));font-size:.92rem;text-align:center;animation:gap-in .2s var(--ease-card)}.joining-note{margin:.4rem auto 0;max-width:max-content;padding:.3rem .85rem;background:#c9a22724;border:1px solid rgba(201,162,39,.5);border-radius:999px;color:var(--gold-light, var(--gold));font-size:.8rem;font-weight:600;text-align:center;animation:gap-in .2s var(--ease-card)}.deck-refill-note{margin:.5rem auto 0;padding:.35rem .85rem;max-width:max-content;background:#c9a22729;border:1px solid var(--gold);border-radius:999px;color:var(--gold-light, var(--gold));font-size:.82rem;font-weight:600;text-align:center;animation:gap-in .2s var(--ease-card)}.draw-notice{--card-sm-w: 46px;--card-sm-h: 64px;margin:.5rem auto 0;width:max-content;max-width:92vw;display:flex;align-items:center;gap:.65rem;padding:.45rem 1.1rem .45rem .55rem;background:#0e1812f0;border:1px solid var(--gold);border-radius:14px;box-shadow:0 10px 28px #00000080;color:#f4efe4f2;font-size:.92rem;animation:draw-notice-pop .3s var(--ease-card),draw-notice-fade .5s ease 3.4s forwards}.draw-notice strong{color:var(--gold-light, var(--gold))}@keyframes draw-notice-pop{0%{transform:translateY(-8px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes draw-notice-fade{to{opacity:0;transform:translateY(-6px)}}.pozo-flight{--card-sm-w: 46px;--card-sm-h: 64px;position:fixed;z-index:90;pointer-events:none;animation:pozo-flight .65s cubic-bezier(.3,.1,.3,1) forwards}@keyframes pozo-flight{0%{transform:translate(-50%,-50%) scale(1.15);opacity:1}to{transform:translate(calc(-50% + var(--fdx)),calc(-50% + var(--fdy))) scale(.3);opacity:0}}.discard-pile{position:relative}.pozo-ghost{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:pozo-ghost-fade 1.7s ease forwards}@keyframes pozo-ghost-fade{0%{opacity:.95}55%{opacity:.85}to{opacity:0}}.opponent-chip.stole-discard{animation:chip-steal-pulse .85s ease-out 3}@keyframes chip-steal-pulse{0%{box-shadow:0 0 #d4af37cc}to{box-shadow:0 0 0 14px #d4af3700}}.hand-card-slot.is-just-drawn{z-index:51}.hand-card-slot.is-just-drawn .card{border-color:#ffe27a;animation:just-drawn-pulse 1.25s var(--ease-smooth) infinite}.hand-card-slot.is-just-drawn .card.card-selected{animation:none}.hand-card-slot.is-just-drawn:after{content:"NUEVA";position:absolute;top:-9px;left:50%;transform:translate(-50%);background:linear-gradient(#ffe27a,#e0a400);color:#2d0a1a;font-size:.5rem;font-weight:800;letter-spacing:.05em;padding:1px 6px;border-radius:7px;box-shadow:0 1px 4px #00000073;pointer-events:none;z-index:6;white-space:nowrap}@keyframes just-drawn-pulse{0%,to{box-shadow:0 0 0 2px #e0a400,0 0 12px 2px #ffd24a80,0 2px 6px #00000038}50%{box-shadow:0 0 0 3px #ffe27a,0 0 20px 6px #ffd24ad9,0 2px 6px #00000038}}.hand-gap{display:inline-block;width:calc(var(--card-w) * .62);align-self:stretch;border-radius:8px;background:#c9a2271f;border:1px dashed rgba(201,162,39,.4);animation:gap-in .18s var(--ease-card)}@keyframes gap-in{0%{width:0;opacity:0}to{width:calc(var(--card-w) * .62);opacity:1}}.hand-empty-hint{color:#f4efe466;font-size:.8rem;padding:1.5rem;align-self:center}.card-drag-ghost{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;filter:drop-shadow(0 22px 38px rgba(0,0,0,.6));will-change:transform;transform-origin:center}.card-drag-ghost .card{width:100%;height:100%}.board-dragging{cursor:grabbing}.board-dragging *{cursor:grabbing!important}.card-builder{margin:.25rem auto .5rem;max-width:96%;background:linear-gradient(180deg,#00000047,#0000006b);border:1px solid rgba(201,162,39,.28);border-radius:14px;padding:.6rem .8rem .75rem;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #0000004d}.card-builder.is-dragging{border-color:#c9a2278c}.builder-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.55rem}.builder-title{font-family:var(--font-display);color:var(--gold);font-size:1rem;font-weight:700}.builder-contract{font-size:.78rem;color:#f4efe48c}.builder-header .btn-sm{margin-left:auto}.builder-groups{display:flex;flex-wrap:wrap;gap:.6rem;align-items:stretch}.builder-group{display:flex;flex-direction:column;gap:.35rem;background:#00000040;border:1.5px solid rgba(201,162,39,.18);border-radius:10px;padding:.45rem .5rem .4rem;min-width:110px;transition:border-color .18s var(--ease-smooth),background .18s var(--ease-smooth)}.builder-group.drag-over{border-color:var(--gold);background:#c9a2271a}.builder-group.status-valid{border-color:#4caf508c}.builder-group.status-invalid,.builder-group.status-too-big,.builder-group.status-too-many-jokers{border-color:#e5737380}.builder-group-cards{display:flex;align-items:flex-end;gap:2px;min-height:var(--card-sm-h)}.builder-card-wrap{display:inline-flex;align-items:flex-end}.builder-card{position:relative;cursor:grab;touch-action:none;transition:transform .18s var(--ease-spring),opacity .16s var(--ease-smooth)}.builder-card:hover{transform:translateY(-8px);z-index:5}.builder-card:active{cursor:grabbing}.builder-card.is-dragged{opacity:.32;transform:scale(.94)}.joker-role{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);background:var(--gold);color:var(--felt-dark);font-size:.6rem;font-weight:800;line-height:1;padding:2px 5px;border-radius:8px;box-shadow:0 2px 6px #0006;white-space:nowrap;pointer-events:none}.builder-gap{display:inline-block;width:calc(var(--card-sm-w) * .7);align-self:stretch;border-radius:6px;background:#c9a22729;border:1px dashed rgba(201,162,39,.5)}.builder-empty-hint{font-size:.72rem;color:#f4efe466;padding:0 .5rem;align-self:center}.builder-group-foot{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.builder-status{font-size:.68rem;font-weight:700}.builder-status.ok{color:#7fdca0}.builder-status.bad{color:#f0a0a8}.builder-clear{background:transparent;border:none;color:#f4efe473;cursor:pointer;font-size:.8rem;line-height:1;padding:2px 4px}.builder-clear:hover{color:#f0a0a8}.builder-new-group{display:flex;align-items:center;justify-content:center;text-align:center;min-width:78px;min-height:calc(var(--card-sm-h) + 1rem);border:2px dashed rgba(201,162,39,.3);border-radius:10px;color:#c9a22799;font-size:.72rem;font-weight:600;line-height:1.2;transition:border-color .18s var(--ease-smooth),background .18s var(--ease-smooth),color .18s}.builder-new-group.drag-over{border-color:var(--gold);background:#c9a2271f;color:var(--gold)}.builder-actions{display:flex;align-items:center;gap:.75rem;margin-top:.6rem;flex-wrap:wrap}.builder-hint{font-size:.72rem;color:#f4efe473;flex:1;min-width:220px}.builder-actions .btn-primary:disabled{opacity:.45;cursor:not-allowed}.action-bar{display:flex;justify-content:center;gap:.5rem;padding:.75rem;flex-wrap:wrap}.action-error{text-align:center;color:#ff8a9b;font-size:.85rem;padding:.25rem}.laydown-panel{background:#0006;border:1px solid rgba(201,162,39,.3);border-radius:12px;padding:1rem;margin:.5rem auto;max-width:600px}.laydown-panel h4{color:var(--gold);font-family:var(--font-display);margin-bottom:.25rem}.laydown-panel p{font-size:.8rem;color:#f4efe480;margin-bottom:.75rem}.laydown-actions{display:flex;gap:.5rem;margin-bottom:.75rem}.laydown-melds{display:flex;flex-direction:column;gap:.5rem}.laydown-meld{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.scores-mini{display:flex;justify-content:center;gap:1rem;padding:.5rem;font-size:.75rem;color:#f4efe480}.scores-mini .me{color:var(--gold);font-weight:600}.result-panel{display:flex;justify-content:center;padding:.5rem 1rem 1rem;animation:result-rise .4s var(--ease-card)}@keyframes result-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.result-card{width:min(440px,94vw);background:linear-gradient(180deg,#2d0a1af5,#14060ef5);border:1px solid var(--gold);border-radius:16px;padding:1.25rem 1.5rem 1.5rem;text-align:center;box-shadow:0 12px 40px #00000080}.result-card.is-champion{border-color:var(--gold-light, #ffe27a);box-shadow:0 0 0 1px var(--gold-light, #ffe27a),0 0 40px #ffd24a59,0 12px 40px #0000008c}.result-title{font-family:var(--font-display);color:var(--gold);font-size:1.6rem;margin-bottom:.75rem}.winner-spotlight{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.9rem 1rem;margin-bottom:1rem;border-radius:12px;background:radial-gradient(ellipse at 50% 30%,#c9a22738,#c9a22700 70%)}.winner-trophy{font-size:2.6rem;line-height:1;animation:trophy-bounce 1.4s var(--ease-card) infinite;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.winner-spotlight.champion .winner-trophy{font-size:3.4rem;animation:trophy-bounce 1.2s var(--ease-card) infinite,trophy-glow 1.8s ease-in-out infinite}@keyframes trophy-bounce{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}@keyframes trophy-glow{0%,to{filter:drop-shadow(0 0 4px rgba(255,210,74,.5))}50%{filter:drop-shadow(0 0 16px rgba(255,210,74,.95))}}.winner-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#f4efe499}.winner-name{font-family:var(--font-display);font-size:1.9rem;color:var(--gold-light, #ffe27a);font-weight:800}.winner-spotlight.champion .winner-name{font-size:2.3rem}.scores-table{background:#0000004d;border-radius:12px;padding:.9rem 1.25rem}.scores-table h3{font-size:.75rem;color:#f4efe480;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.score-row{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid rgba(244,239,228,.08)}.score-row.is-winner{color:var(--gold-light, #ffe27a);font-weight:700}.result-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;align-items:center;margin-top:1.1rem}.result-wait{font-size:.85rem;color:#f4efe499;font-style:italic}.result-saved{margin-top:.9rem;padding:.55rem .8rem;border-radius:10px;background:#78c88c1f;border:1px solid rgba(120,200,140,.35);font-size:.85rem;color:#f4efe4d9}.deck-pile[draggable=true],.discard-pile>button[draggable=true]{cursor:grab}.deck-pile[draggable=true]:active,.discard-pile>button[draggable=true]:active{cursor:grabbing}.discard-pile.can-drop-discard{border-radius:12px;transition:box-shadow .1s,background .1s}.discard-pile .card{background:var(--card-white)!important}.discard-pile.can-drop-discard:hover{box-shadow:0 0 0 2px #c9a2274d}.discard-pile.drag-over{background:#c41e3a26;box-shadow:0 0 0 3px var(--gold)}.meld-group.can-drop{transition:box-shadow .1s,background .1s;cursor:copy}.meld-group.drag-over,.meld-group.can-drop.drag-over{background:#c9a2272e;box-shadow:0 0 0 2px var(--gold);outline:none}.hand-cards.can-draw-drop{border-radius:12px;transition:background .1s,outline .1s;min-height:120px}.hand-cards.draw-over,.hand-cards.can-draw-drop.draw-over{background:#2a6b5533;outline:2px dashed #4a9c7d;outline-offset:-2px}@media(min-width:1400px){.game-board{--video-w: 140px;--video-h: 105px}.round-contract{font-size:1.7rem}.pile-count{font-size:.85rem}}@media(min-width:1800px){.game-board{--video-w: 160px;--video-h: 120px}.round-contract{font-size:1.9rem}.video-name{font-size:.75rem}}.stats-view{width:min(560px,94vw);margin:0 auto;display:flex;flex-direction:column;gap:1rem;text-align:left}.stats-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.stats-header h2{font-family:var(--font-display);color:var(--gold);font-size:1.5rem}.stats-loading,.stats-empty{color:#f4efe48c;font-size:.9rem;text-align:center;padding:.5rem 0}.stats-totals{display:flex;flex-wrap:wrap;gap:.6rem}.stat-chip{flex:1 1 0;min-width:110px;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.7rem .5rem;background:#00000047;border:1px solid rgba(201,162,39,.35);border-radius:12px;font-size:.72rem;color:#f4efe499;text-align:center}.stat-num{font-family:var(--font-display);font-size:1.35rem;color:var(--gold-light, var(--gold));font-weight:800;line-height:1.1}.stats-block{margin:0}.stats-block h3{font-size:.78rem;color:#f4efe48c;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.recent-mode{color:#f4efe473;font-size:.72rem;margin-left:.3rem}.stats-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;justify-content:space-between;margin-top:.5rem}.stats-admin-link{opacity:.7}.stats-admin-form{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.stats-admin-form input{padding:.4rem .6rem;border-radius:8px;border:1px solid rgba(201,162,39,.4);background:#0000004d;color:var(--card-white, #f4efe4);font-size:.85rem}.stats-admin-err{color:#f88;font-size:.8rem;width:100%}.admin-game{padding:.5rem 0;border-bottom:1px solid rgba(244,239,228,.08)}.admin-game-head{display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem;color:#f4efe499}.admin-game-winner{color:var(--gold-light, var(--gold));white-space:nowrap}.admin-game-players{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.25rem;font-size:.82rem}.admin-game-players .is-winner{color:var(--gold-light, var(--gold));font-weight:700}.admin-game-perf{margin-top:.3rem;display:flex;flex-direction:column;gap:2px}.perf-line{font-size:.72rem;color:#f4efe48c;font-variant-numeric:tabular-nums}.solo-field{display:flex;flex-direction:column;gap:.4rem}.solo-field-label{font-size:.85rem;color:#f4efe4b3}.solo-options{display:flex;gap:.5rem}.solo-opt{flex:1;padding:.6rem .5rem;border-radius:8px;border:1px solid rgba(201,162,39,.3);background:#00000040;color:#f4efe4bf;font-weight:600;font-size:.9rem;transition:background .15s,border-color .15s,color .15s}.solo-opt.active{background:#c9a22733;border-color:var(--gold);color:var(--gold-light, var(--gold))}.solo-select{padding:.7rem 1rem;border-radius:8px;border:1px solid rgba(201,162,39,.3);background:#0000004d;color:var(--cream);font-size:1rem;font-weight:600;cursor:pointer}.solo-select:focus{border-color:var(--gold);outline:none}.round-progress{position:relative;display:inline-flex;align-items:center;gap:.5rem;cursor:help;outline:none}.round-progress-tooltip{position:absolute;top:calc(100% + 8px);left:0;z-index:60;min-width:250px;padding:.6rem;background:linear-gradient(180deg,#2d0a1afa,#14060efa);border:1px solid var(--gold);border-radius:10px;box-shadow:0 10px 30px #00000080;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s}.round-progress:hover .round-progress-tooltip,.round-progress:focus .round-progress-tooltip,.round-progress:focus-within .round-progress-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.rpt-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#f4efe480;margin-bottom:.4rem}.rpt-row{display:flex;align-items:center;gap:.5rem;padding:.28rem .35rem;border-radius:6px;font-size:.85rem}.rpt-num{width:1.4rem;height:1.4rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff14;font-size:.72rem;font-weight:700}.rpt-name{flex:1}.rpt-tag{font-size:.7rem;color:#f4efe473;white-space:nowrap}.rpt-done{color:#f4efe466}.rpt-done .rpt-num{background:#2a6b5566}.rpt-current{background:#c9a2272e;color:var(--gold-light, var(--gold));font-weight:700}.rpt-current .rpt-num{background:var(--gold);color:#2d0a1a}.rpt-current .rpt-tag{color:var(--gold-light, var(--gold))}.rpt-next .rpt-tag{color:#c9a22799}.music-yt-host{position:fixed;left:-10000px;top:0;width:320px;height:180px;pointer-events:none;opacity:0}.music-fab{position:fixed;left:.9rem;bottom:.9rem;z-index:60;color:var(--gold);box-shadow:0 6px 18px #00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.music-fab:hover{transform:translateY(-2px)}.music-fab-activate{color:var(--felt-dark);background:var(--gold);border-color:var(--gold-light);font-size:.95rem;animation:music-pulse 1.8s ease-in-out infinite}.music-fab-playing{animation:music-glow 2.4s ease-in-out infinite}@keyframes music-pulse{0%,to{box-shadow:0 6px 18px #00000073,0 0 #c9a22780}50%{box-shadow:0 6px 18px #00000073,0 0 0 8px #c9a22700}}@keyframes music-glow{0%,to{border-color:#c9a22780}50%{border-color:var(--gold-light)}}.chat-fab{position:fixed;right:.9rem;bottom:.9rem;z-index:60;color:var(--gold);box-shadow:0 6px 18px #00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chat-fab:hover{transform:translateY(-2px)}.chat-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#c41e3a;color:#fff;font-size:.65rem;font-weight:800;line-height:18px;text-align:center}.chat-panel{position:fixed;right:.9rem;bottom:.9rem;z-index:60;width:min(300px,calc(100vw - 1.8rem));display:flex;flex-direction:column;gap:.5rem;padding:.8rem;border-radius:14px;background:#0a1c16eb;border:2px solid rgba(201,162,39,.4);box-shadow:0 12px 32px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cream)}.chat-panel-head{display:flex;align-items:center;justify-content:space-between}.chat-panel-title{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.9rem;color:var(--gold)}.chat-messages{display:flex;flex-direction:column;gap:.35rem;min-height:120px;max-height:40vh;overflow-y:auto;padding-right:2px}.chat-empty{color:#f5f0e18c;font-size:.82rem;text-align:center;padding:1rem 0}.chat-msg{display:flex;flex-direction:column;align-self:flex-start;max-width:88%;padding:.3rem .55rem;background:#00000059;border:1px solid rgba(201,162,39,.25);border-radius:10px 10px 10px 3px}.chat-msg.mine{align-self:flex-end;background:#c9a22729;border-radius:10px 10px 3px}.chat-msg-name{font-size:.65rem;font-weight:700;color:var(--gold)}.chat-msg-text{font-size:.85rem;overflow-wrap:anywhere}.chat-emoji-row{display:flex;justify-content:space-between;gap:.15rem}.chat-emoji-btn{background:none;border:none;font-size:1.15rem;line-height:1;padding:.2rem;border-radius:6px;cursor:pointer;transition:transform .12s var(--ease-smooth)}.chat-emoji-btn:hover{transform:scale(1.3);background:#c9a22726}.chat-emoji-btn:active{transform:scale(1.1)}.chat-input-row{display:flex;gap:.4rem}.chat-input{flex:1;min-width:0;padding:.45rem .6rem;border-radius:8px;border:1px solid rgba(201,162,39,.4);background:#00000059;color:var(--cream);font-size:16px}.chat-input:focus{outline:none;border-color:var(--gold)}.chat-toasts{position:fixed;right:.9rem;bottom:4.4rem;z-index:59;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;max-width:min(280px,calc(100vw - 1.8rem));cursor:pointer}.chat-toast{width:max-content;max-width:100%;background:#0a1c16f2;border-color:#c9a2278c;box-shadow:0 6px 18px #00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:chat-toast-in .25s var(--ease-card),chat-toast-out .3s ease 3.7s forwards}@keyframes chat-toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes chat-toast-out{to{opacity:0;transform:translateY(4px)}}.video-fab{position:fixed;right:.9rem;top:calc(4.2rem + env(safe-area-inset-top,0px));z-index:60;color:var(--gold);box-shadow:0 6px 18px #00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-fab:hover{transform:translateY(-2px)}.video-fab-badge{background:var(--gold);color:var(--felt-dark)}.fs-help{position:fixed;top:calc(4rem + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:70;width:min(340px,calc(100vw - 1.6rem));display:flex;flex-direction:column;gap:.55rem;padding:.9rem 1rem;border-radius:14px;background:#0a1c16f5;border:2px solid rgba(201,162,39,.5);box-shadow:0 12px 32px #00000080;color:var(--cream);font-size:.9rem;line-height:1.45;animation:gap-in .2s var(--ease-card)}.fs-help strong{color:var(--gold)}.game-top-bar{padding-top:max(.25rem,env(safe-area-inset-top,0px))}.music-fab,.music-panel,.chat-fab,.chat-panel,.chat-toasts{margin-bottom:env(safe-area-inset-bottom,0px)}.action-bar{padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.hand-area{padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px)/2)}.music-panel{position:fixed;left:.9rem;bottom:.9rem;z-index:60;width:min(280px,calc(100vw - 1.8rem));display:flex;flex-direction:column;gap:.6rem;padding:.8rem;border-radius:14px;background:#0a1c16eb;border:2px solid rgba(201,162,39,.4);box-shadow:0 12px 32px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cream)}.music-panel-head{display:flex;align-items:center;justify-content:space-between}.music-panel-title{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-display);color:var(--gold);font-size:1rem;font-weight:700}.music-min{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#f4efe499;padding:.2rem .4rem;line-height:1}.music-min:hover{color:var(--cream)}.music-track{display:flex;align-items:center;gap:.5rem;min-height:1.6rem;font-size:.85rem}.music-track-icon{font-size:1rem;display:inline-flex;align-items:center;color:var(--gold)}.music-track-icon.spin{animation:music-spin 3s linear infinite}@keyframes music-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-track-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--cream)}.music-track-empty{color:#f4efe48c;font-size:.82rem}.music-activate{width:100%}.music-volume{display:flex;align-items:center;gap:.5rem}.music-mute{background:transparent;font-size:1.05rem;padding:0 .2rem}.music-volume input[type=range]{flex:1;accent-color:var(--gold);cursor:pointer}.music-host{display:flex;flex-direction:column;gap:.45rem;padding-top:.55rem;border-top:1px solid rgba(201,162,39,.18)}.music-url-form{display:flex;gap:.4rem}.music-url-input{flex:1;min-width:0;padding:.4rem .55rem;border-radius:8px;background:#00000059;border:1px solid rgba(201,162,39,.3);color:var(--cream);font-size:.82rem}.music-url-input:focus{outline:none;border-color:var(--gold)}.music-url-error{color:#ff8a9b;font-size:.76rem}.music-host-controls{display:flex;gap:.4rem}.music-host-controls .btn{flex:1}.music-hint{font-size:.75rem;color:#f4efe4b3;line-height:1.35}.music-echo-warn{font-size:.8rem;line-height:1.35;color:#ffe9b0;background:#8a5a0059;border:1px solid rgba(232,200,74,.45);border-radius:8px;padding:.5rem .6rem}.music-load-error{font-size:.8rem;line-height:1.35;color:#ff8a9b;background:#c41e3a26;border:1px solid rgba(196,30,58,.4);border-radius:8px;padding:.5rem .6rem}.music-panel:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.music-transport{display:flex;gap:.45rem;align-items:center;justify-content:center}.music-transport .icon-btn{min-width:40px;height:40px;border-radius:10px}.music-playlist{list-style:none;margin:0;padding:0;max-height:9.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:2px;border-top:1px solid rgba(201,162,39,.18);border-bottom:1px solid rgba(201,162,39,.18);padding:.35rem 0}.music-track-row{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;background:transparent;color:#f4efe4d9;padding:.32rem .45rem;border-radius:7px;font-size:.82rem}.music-track-row:hover{background:#c9a2271f}.music-track-row.active{background:#c9a22733;color:var(--gold-light);font-weight:600}.music-track-row-icon{flex:0 0 auto;width:1rem;color:var(--gold)}.music-track-row-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-sources{display:flex;gap:.4rem}.music-sources .icon-btn{flex:1;white-space:nowrap;font-size:.78rem;padding:0 .45rem}.music-upload{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.music-guest{display:flex;flex-direction:column;gap:.5rem}.music-search{width:100%;padding:.4rem .55rem;border-radius:8px;background:#00000059;border:1px solid rgba(201,162,39,.3);color:var(--cream);font-size:.82rem}.music-search:focus{outline:none;border-color:var(--gold)}.music-empty-row{list-style:none;padding:.4rem .45rem;font-size:.8rem;color:#f4efe480}.music-tabs{display:flex;gap:.3rem;margin:.1rem 0}.music-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .5rem;border-radius:8px 8px 0 0;border:1px solid transparent;border-bottom:2px solid rgba(201,162,39,.25);background:transparent;color:#f4efe499;font-size:.8rem;font-weight:600;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.music-tab:hover{color:var(--cream);background:#c9a22714}.music-tab.active{color:var(--gold-light);background:#c9a2271f;border-bottom-color:var(--gold)}.music-tab:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.music-radio-list .music-track-row-name{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.music-radio-meta{font-size:.66rem;color:#f4efe473;text-transform:uppercase;letter-spacing:.02em}.deck-cutting{display:flex;flex-direction:column;align-items:center;gap:.5rem}.deck-cut-title{font-weight:600;color:var(--gold);text-align:center}.deck-cut{position:relative;width:170px;height:230px;margin:.5rem auto 0}.cut-half{position:absolute;width:84px;height:118px}.cut-half-face{width:100%;height:100%;border-radius:8px}.cut-half-face .card-back-pattern{border-radius:7px}.cut-half-count{position:absolute;top:-.5rem;left:50%;transform:translate(-50%);font-size:.72rem;font-weight:700;color:var(--felt-dark);background:var(--gold);border-radius:999px;padding:.05rem .45rem;box-shadow:0 1px 3px #0006}.cut-bottom{left:22px;bottom:18px;z-index:1}.cut-top{left:30px;bottom:30px;z-index:2;transition:transform .35s var(--ease-spring, ease-out)}.deck-cut.lifting .cut-top{transform:translate(46px,-74px) rotate(5deg)}.deck-cut.lifting .cut-bottom{transform:rotate(-1.5deg)}.deck-cut.waiting .cut-top{animation:cut-idle 2.4s ease-in-out infinite}@keyframes cut-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.deck-cut-controls{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-top:.75rem}.deck-cut-controls input[type=range]{width:180px;accent-color:var(--gold);cursor:pointer}.deck-cut-readout{font-size:.85rem;color:var(--cream)}.deck-cut-readout strong{color:var(--gold-light)}.deck-cut-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#0a1c1673;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;animation:cut-overlay-fade 1.7s ease forwards}.deck-cut-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:.75rem}.deck-cut-badge{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--gold-light);text-shadow:0 2px 6px rgba(0,0,0,.6);animation:cut-badge-pop .4s var(--ease-spring, ease-out) both}@keyframes cut-overlay-fade{0%{opacity:0}12%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes cut-badge-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.deck-cut.completing .cut-top{animation:cut-complete-top .85s var(--ease-card, ease-in-out) forwards}.deck-cut.completing .cut-bottom{animation:cut-complete-bottom .85s var(--ease-card, ease-in-out) forwards}@keyframes cut-complete-top{0%{transform:translate(46px,-74px) rotate(5deg)}60%{transform:translate(6px,6px) rotate(0)}to{transform:translate(0) rotate(0)}}@keyframes cut-complete-bottom{0%{transform:rotate(-1.5deg)}to{transform:rotate(0)}}@media(max-height:820px){.game-board{padding:.4rem .75rem;--card-w: clamp(64px, 6.2vw, 100px);--card-sm-w: clamp(44px, 4.2vw, 70px);--hand-min-h: calc(var(--card-h) * 1.22)}.pip{font-size:calc(var(--card-w) * .16)}.game-top-bar{padding:.1rem .4rem}.icon-btn{min-width:38px;height:38px;border-radius:10px}.round-info{padding:.3rem .9rem;min-height:0}.round-badge{padding:.3rem .8rem;font-size:.9rem}.round-contract{font-size:1.3rem}.opponents-bar{padding:.2rem;gap:.5rem}.opponent-chip{padding:.25rem .7rem}.table-center{min-height:0;gap:.6rem;padding-bottom:1rem}.deck-area{gap:1.25rem}.turn-indicator{padding:.15rem;font-size:.82rem}.hand-area{padding:.1rem 0 .25rem}.hand-toolbar{margin-bottom:.2rem}.hand-cards{padding:.4rem 1rem .25rem}.card-builder{margin:.2rem auto;padding:.4rem .7rem .5rem}.builder-header{margin-bottom:.35rem}.action-bar{padding:.25rem}.action-bar .btn{min-height:40px;padding:.5rem 1rem}.scores-mini{padding:.15rem;font-size:.7rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--felt: #1a4a3a;--felt-dark: #0f2e24;--felt-light: #2a6b55;--cream: #f4efe4;--gold: #c9a227;--gold-light: #e8c84a;--burgundy: #6b1d3a;--card-white: #faf8f3;--red-suit: #c41e3a;--black-suit: #1a1a2e;--shadow: rgba(0, 0, 0, .35);--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--card-edge: rgba(0, 0, 0, .16);--card-frame: rgba(0, 0, 0, .07);--card-sheen: rgba(255, 255, 255, .55);--ease-card: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.4, .5, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--felt-dark);color:var(--cream);-webkit-font-smoothing:antialiased;font-size:16px}*{min-font-size:.85rem}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input{font-family:var(--font-body)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:1024px){.pile-count,.video-name,.opponent-cards,.meld-label,.builder-status,.invite-label{font-size:.85rem!important}}