#screen-game{background:#150c06;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;position:relative;overflow:hidden}#game-topbar{z-index:5;background:#0f0c18;border-bottom:2px solid #c9a84c38;flex-shrink:0;justify-content:center;align-items:center;gap:32px;height:44px;padding:0 20px;transition:height .2s,border-color .2s;display:flex;position:relative;overflow:hidden}#screen-game.topbar-collapsed #game-topbar{border-bottom-color:#0000;height:0}#screen-game.topbar-collapsed #turn-banner{top:8px}.score-block{flex-direction:row;align-items:center;gap:10px;display:flex}#game-side-panel{z-index:200;position:fixed;top:0;right:0}#side-panel-tab,#side-panel-open{display:none}#side-panel-content{background:0 0;border:none;flex-direction:row;align-items:center;gap:4px;height:44px;padding:0 10px;transition:height .2s;display:flex}#screen-game.topbar-collapsed #side-panel-content{background:#0f0c18d1;border-bottom:1px solid #c9a84c2e;border-left:1px solid #c9a84c2e;border-radius:0 0 0 10px;height:36px}.btn-side-icon{color:#f5f0e8b3;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff26;border-radius:8px;padding:4px 8px;font-size:1.1rem;line-height:1;transition:background .15s,border-color .15s}.btn-side-icon:hover{background:#ffffff14;border-color:#ffffff4d}.btn-side-leave{color:#ff6464d9}.score-block.right{flex-direction:row-reverse}.score-label{text-transform:uppercase;letter-spacing:1.5px;color:#f5f0e873;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.58rem;overflow:hidden}.score-value{font-family:var(--font-display);color:var(--gold-light);font-size:1.6rem;font-weight:700;line-height:1}#game-status-label{font-family:var(--font-display);color:var(--gold);letter-spacing:1px;opacity:.85;font-size:.9rem}#table-area{background:radial-gradient(at 50% 36%,#26934f 0%,#1b7040 50%,#103d22 100%);border-radius:56px;flex:1 1 0;grid-template:".top."96px"left center right"minmax(0,1fr)".bottom."158px/120px 1fr 120px;min-width:0;min-height:0;margin:6px 8px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 12px #7b4118,0 0 0 15px #4e2608,0 0 0 17px #0006,0 20px 60px #000000d9}.player-slot{min-width:0;min-height:0;display:flex;overflow:hidden}.player-slot.top{flex-direction:column;grid-area:top;justify-content:flex-end;align-items:center;gap:4px;height:96px;max-height:96px;padding:4px 24px 6px}.player-slot.left{flex-direction:column;grid-area:left;justify-content:center;align-items:center;gap:8px;width:120px;max-width:120px;padding:10px 2px 10px 6px}.player-slot.right{flex-direction:column;grid-area:right;justify-content:center;align-items:center;gap:8px;width:120px;max-width:120px;padding:10px 6px 10px 2px}.player-slot.bottom{background:#0000002e;border-top:1px solid #ffffff0f;flex-direction:column;grid-area:bottom;justify-content:flex-start;align-items:center;gap:2px;height:158px;min-height:158px;max-height:158px;padding:4px 16px 2px;overflow:hidden}.player-info{align-items:center;gap:8px;display:flex}.player-info.vertical{flex-direction:column;gap:3px}.player-name{color:var(--cream);text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 1px 5px #000c;white-space:nowrap;font-size:.78rem;font-weight:700}.hand-count{color:var(--gold);white-space:nowrap;background:#00000073;border:1px solid #c9a84c33;border-radius:20px;padding:2px 9px;font-size:.62rem}.player-slot.active-turn .player-name{color:var(--gold-light);text-shadow:0 0 14px #c9a84c8c}.player-slot.active-turn .player-info:before{content:"▶";color:var(--gold);font-size:.6rem;animation:1.2s ease-in-out infinite turnPulse}@keyframes turnPulse{0%,to{opacity:1;transform:translate(0)}50%{opacity:.4;transform:translate(2px)}}.back-card,.pile-card.back{background-color:#162699;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140'%3E%3Crect x='3.5' y='3.5' width='93' height='133' rx='4' fill='none' stroke='white' stroke-opacity='.55' stroke-width='1.5'/%3E%3Crect x='7' y='7' width='86' height='126' rx='2' fill='none' stroke='white' stroke-opacity='.28' stroke-width='1'/%3E%3Cpolygon points='50,48 67,70 50,92 33,70' fill='rgb(22,38,153)' stroke='white' stroke-opacity='.72' stroke-width='2'/%3E%3Cellipse cx='50' cy='70' rx='10' ry='14' fill='rgb(22,38,153)' stroke='white' stroke-opacity='.5' stroke-width='1.2'/%3E%3Ccircle cx='50' cy='70' r='5' fill='none' stroke='white' stroke-opacity='.6' stroke-width='1'/%3E%3Cline x1='50' y1='57' x2='50' y2='83' stroke='white' stroke-opacity='.38' stroke-width='1'/%3E%3Cline x1='37' y1='70' x2='63' y2='70' stroke='white' stroke-opacity='.38' stroke-width='1'/%3E%3Ccircle cx='11' cy='11' r='3' fill='none' stroke='white' stroke-opacity='.45' stroke-width='1'/%3E%3Ccircle cx='89' cy='11' r='3' fill='none' stroke='white' stroke-opacity='.45' stroke-width='1'/%3E%3Ccircle cx='11' cy='129' r='3' fill='none' stroke='white' stroke-opacity='.45' stroke-width='1'/%3E%3Ccircle cx='89' cy='129' r='3' fill='none' stroke='white' stroke-opacity='.45' stroke-width='1'/%3E%3C/svg%3E"),repeating-linear-gradient(45deg,#ffffff38 0 1px,#0000 1px 9px),repeating-linear-gradient(-45deg,#ffffff38 0 1px,#0000 1px 9px);background-size:100% 100%,9px 9px,9px 9px;border:2px solid #ffffff8c;position:relative}.hand-fan{display:flex}.hand-fan:not(.vertical){gap:0}.hand-fan:not(.vertical) .back-card{border-radius:7px;flex-shrink:0;width:44px;height:62px;margin-left:-21px;box-shadow:2px 2px 6px #0000008c}.hand-fan:not(.vertical) .back-card:first-child{margin-left:0}.hand-fan.vertical{flex-direction:column;align-items:center}.hand-fan.vertical .back-card{border-radius:6px;flex-shrink:0;width:72px;height:46px;margin-top:-26px;box-shadow:2px 3px 8px #0000008c}.hand-fan.vertical .back-card:first-child{margin-top:0}.hand-fan.vertical .back-card{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 100'%3E%3Crect x='3.5' y='3.5' width='133' height='93' rx='4' fill='none' stroke='white' stroke-opacity='.55' stroke-width='1.5'/%3E%3Crect x='7' y='7' width='126' height='86' rx='2' fill='none' stroke='white' stroke-opacity='.28' stroke-width='1'/%3E%3Cpolygon points='70,28 92,50 70,72 48,50' fill='rgb(22,38,153)' stroke='white' stroke-opacity='.72' stroke-width='2'/%3E%3Cellipse cx='70' cy='50' rx='14' ry='10' fill='rgb(22,38,153)' stroke='white' stroke-opacity='.5' stroke-width='1.2'/%3E%3Ccircle cx='70' cy='50' r='5' fill='none' stroke='white' stroke-opacity='.6' stroke-width='1'/%3E%3Cline x1='70' y1='37' x2='70' y2='63' stroke='white' stroke-opacity='.38' stroke-width='1'/%3E%3Cline x1='57' y1='50' x2='83' y2='50' stroke='white' stroke-opacity='.38' stroke-width='1'/%3E%3Ccircle cx='11' cy='11' r='3' fill='none' stroke='white' stroke-opacity='.45' stroke-width='1'/%3E%3Ccircle cx='129' cy='11' r='3' fill='none' stroke='white' stroke-opacity='.45' stroke-width='1'/%3E%3Ccircle cx='11' cy='89' r='3' fill='none' stroke='white' stroke-opacity='.45' stroke-width='1'/%3E%3Ccircle cx='129' cy='89' r='3' fill='none' stroke='white' stroke-opacity='.45' stroke-width='1'/%3E%3C/svg%3E"),repeating-linear-gradient(45deg,#ffffff38 0 1px,#0000 1px 9px),repeating-linear-gradient(-45deg,#ffffff38 0 1px,#0000 1px 9px)}#center-area{flex-direction:column;grid-area:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}#decks-row{background:#0000002e;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;flex-shrink:0;order:1;justify-content:center;align-items:center;gap:16px;padding:7px 12px;display:flex;overflow:hidden}#deck-pile,#discard-pile{flex-shrink:0}.pile{cursor:pointer;flex-direction:column;align-items:center;gap:0;transition:transform .15s,filter .15s;display:flex;position:relative}.pile:hover{filter:brightness(1.1);transform:scale(1.06)translateY(-3px)}.pile-card{border-radius:9px;justify-content:center;align-items:center;width:66px;height:92px;font-size:1.5rem;display:flex;position:relative;box-shadow:2px 2px #0000004d,4px 4px #0000002e,0 10px 24px #000000a6}.pile-card.back{color:#0000}.pile-card.front{background:var(--card-bg);color:var(--black-suit);border:2px solid var(--card-border);flex-direction:column;font-size:1rem;font-weight:700;line-height:1.1}.pile-card.front .card-rank{font-size:1.5rem}.pile-card.front .card-suit{font-size:1.7rem}.pile-card.front.red{color:var(--red-suit)}.pile-count{opacity:.5;white-space:nowrap;color:var(--cream);text-align:center;margin-top:8px;font-size:.62rem}#melds-area{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.melds-group{background:#00000024;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.melds-scroll-content{scrollbar-width:none;flex-direction:column;flex:1;gap:4px;min-height:0;padding:6px 14px 6px 10px;display:flex;overflow-y:auto}.melds-scroll-content::-webkit-scrollbar{display:none}.melds-scrollbar-track{opacity:0;pointer-events:none;background:#ffffff12;border-radius:99px;width:5px;transition:opacity .2s;position:absolute;top:4px;bottom:4px;right:0}.melds-group.is-scrollable .melds-scrollbar-track{opacity:1;pointer-events:auto}.melds-scrollbar-thumb{cursor:grab;background:#c9a84c80;border-radius:99px;width:100%;min-height:24px;transition:background .15s;position:absolute;top:0}.melds-scrollbar-thumb:hover,.melds-scrollbar-thumb.dragging{cursor:grabbing;background:#c9a84cd9}.melds-label{text-transform:uppercase;letter-spacing:1.5px;opacity:.6;border-bottom:1px solid #ffffff12;align-items:center;gap:6px;margin-bottom:2px;padding:2px 0 6px;font-size:.62rem;display:flex}.melds-label-dot{background:#ffffff40;border-radius:50%;flex-shrink:0;width:7px;height:7px}.melds-label-you{text-transform:none;letter-spacing:0;opacity:.8;font-size:.6rem;font-style:italic}.melds-label-you.hidden{display:none}.melds-group.my-team{background:#c9a84c0d;border:1px solid #c9a84c4d}.melds-group.my-team .melds-label{opacity:1}.melds-group.my-team .melds-label-dot{background:var(--gold);box-shadow:0 0 6px #c9a84c99}.melds-group.my-team .melds-label-text{color:var(--gold-light)}.melds-list{flex-wrap:wrap;gap:6px;display:flex}.melds-empty{opacity:.22;padding:10px 8px;font-size:.7rem;font-style:italic}.player-slot.me .player-info{justify-content:center}#my-hand{scrollbar-width:thin;scrollbar-color:#c9a84c4d transparent;flex-wrap:nowrap;justify-content:center;gap:0;padding:10px 16px 4px;display:flex;overflow:auto hidden}.my-card{background:var(--card-bg);border:2px solid var(--card-border);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;color:#1a1a2e;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;width:82px;height:116px;margin-left:-52px;padding:6px 7px;font-weight:700;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:3px 0 8px #00000073}.my-card:first-child{margin-left:0}.my-card .card-rank{font-size:1.35rem;line-height:1.1}.my-card .card-suit{font-size:1.45rem;line-height:1}.card-face{opacity:.55;pointer-events:none;font-size:2.8rem;line-height:1;position:absolute;bottom:8px;right:6px}.card-face-suit{opacity:.45;pointer-events:none;font-size:3.2rem;line-height:1;position:absolute;bottom:4px;right:4px}.my-card.red{color:var(--red-suit)}.my-card.wild{background:linear-gradient(135deg,#fffde7,#fff8c5);border-color:#f0c040}@media (hover:hover){.my-card:hover{transform:translateY(-12px);box-shadow:0 14px 28px #000000a6}}.my-card.selected{border-color:var(--gold);background:#fffff5;transform:translateY(-14px);box-shadow:0 16px 30px #c9a84c8c}.my-card.to-discard{border-color:#e74c3c;transform:translateY(-12px);box-shadow:0 14px 28px #e74c3c80}@keyframes newCardPulse{0%{border-color:#4caf82;box-shadow:0 0 #64dc96e6,0 4px 14px #0000008c}60%{border-color:#4caf82;box-shadow:0 0 0 12px #64dc9600,0 4px 14px #0000008c}to{border-color:var(--card-border);box-shadow:0 4px 14px #0000008c}}.my-card.just-drawn{border-color:#4caf82;animation:1.8s ease-out forwards newCardPulse}#action-bar{background:#0f0c18;border-top:2px solid #c9a84c2e;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;padding:7px 24px;display:flex}#turn-banner{color:#1a1a1a;z-index:10;pointer-events:none;white-space:nowrap;letter-spacing:.3px;background:#c9a84ceb;border-radius:20px;padding:6px 22px;font-size:.82rem;font-weight:700;position:absolute;top:52px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0006}#turn-banner.hidden{display:none}#bater-announcement{color:#1a1a1a;z-index:150;pointer-events:none;white-space:nowrap;letter-spacing:.5px;background:#c9a84cf7;border-radius:16px;padding:18px 48px;font-size:1.6rem;font-weight:800;animation:.25s cubic-bezier(.175,.885,.32,1.275) bater-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 40px #0009}#bater-announcement.hidden{display:none}@keyframes bater-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=600px){#bater-announcement{padding:14px 28px;font-size:1.15rem}}#buraco-announcement{color:#fff;z-index:150;pointer-events:none;white-space:nowrap;letter-spacing:.5px;background:#b43232f7;border-radius:16px;padding:18px 48px;font-size:1.6rem;font-weight:800;animation:.25s cubic-bezier(.175,.885,.32,1.275) bater-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 40px #0009}#buraco-announcement.hidden{display:none}@media (width<=600px){#buraco-announcement{padding:14px 28px;font-size:1.15rem}}.meld-group-full{background:#00000038;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;flex-shrink:0;gap:4px;min-width:0;padding:6px 8px;display:flex}.meld-group-full.canastra-limpa{border-color:#64dc6480;box-shadow:0 0 10px #64dc6424}.meld-group-full.canastra-suja{border-color:#ffc83280;box-shadow:0 0 10px #ffc83224}@keyframes meld-new-flash{0%{background:#ffdc501f;box-shadow:0 0 0 2px #ffdc50e6,0 0 16px #ffdc5080}60%{background:#ffdc500d;box-shadow:0 0 0 2px #ffdc5066,0 0 8px #ffdc5033}to{box-shadow:none;background:0 0}}.meld-group-full.meld-new{animation:2.5s ease-out forwards meld-new-flash}.meld-group-full.staged-pending{opacity:.85;background:#2ea0430f;border:1px dashed #2ea0438c}.staged-label-text{color:#7ee787}.meld-group-full.drop-target{background:#c9a84c1f;transition:all .1s;transform:scale(1.02);box-shadow:0 0 20px #c9a84c66;border-color:var(--gold)!important}.meld-header{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.meld-type-label{text-transform:uppercase;letter-spacing:1px;opacity:.5;font-size:.6rem}.canastra-badge{border-radius:20px;padding:1px 7px;font-size:.63rem;font-weight:600}.canastra-badge.limpa{color:#6de89a;background:#64dc6433}.canastra-badge.suja{color:#ffd060;background:#ffc83233}.meld-group-full.can-add{cursor:pointer;transition:border-color .15s,background .15s}.meld-group-full.can-add:hover{background:#c9a84c14;border-color:#c9a84c99}.btn-add-to-meld{color:var(--gold-light);font-size:.7rem;font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:#c9a84c26;border:1px solid #c9a84c66;border-radius:6px;margin-left:auto;padding:2px 9px;transition:background .15s}.btn-add-to-meld:hover{background:#c9a84c4d}.meld-cards-row{flex-wrap:nowrap;padding-left:2px;display:flex;overflow:hidden}.meld-card{background:var(--card-bg);border:1px solid var(--card-border);color:#1a1a2e;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;width:60px;height:84px;margin-left:-34px;padding:5px 7px;font-weight:700;display:flex;position:relative;box-shadow:2px 0 5px #0006}.meld-card:first-child{margin-left:0}.meld-card .card-rank{font-size:1.2rem;line-height:1.1}.meld-card .card-suit{font-size:1.25rem;line-height:1}.meld-card.red{color:var(--red-suit)}.meld-card.wild{background:linear-gradient(135deg,#fffde7,#fff8c5);border-color:#f0c040}.meld-face,.meld-face-suit{opacity:.45;pointer-events:none;font-size:1.4rem;line-height:1;position:absolute;bottom:4px;right:4px}.discard-stack-row{scrollbar-width:none;flex-wrap:nowrap;align-items:flex-end;height:84px;display:flex;overflow:auto hidden}.discard-stack-row::-webkit-scrollbar{display:none}.discard-stack-row .meld-card{box-shadow:2px 0 5px #00000080}#btn-expand-discard{color:var(--cream);cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;margin-top:4px;padding:2px 8px;font-size:.62rem;transition:background .15s}#btn-expand-discard:hover{background:#ffffff29}#btn-expand-discard.hidden{display:none}.discard-dropdown{z-index:50;background:#1a1228;border:1px solid #c9a84c59;border-radius:12px;min-width:200px;max-width:min(340px,90vw);padding:10px 12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 32px #000000b3}.discard-dropdown.hidden{display:none}.discard-dropdown-header{opacity:.7;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:.68rem;display:flex}#btn-close-discard-dropdown{color:var(--cream);cursor:pointer;opacity:.6;background:0 0;border:none;padding:2px 4px;font-size:.9rem;line-height:1}#btn-close-discard-dropdown:hover{opacity:1}.discard-dropdown-cards{scrollbar-width:thin;scrollbar-color:#c9a84c4d transparent;flex-wrap:wrap;gap:5px;max-height:200px;display:flex;overflow-y:auto}.discard-view-card{background:var(--card-bg);border:1px solid var(--card-border);color:#1a1a2e;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;width:40px;height:56px;padding:3px 4px;font-size:.75rem;font-weight:700;display:flex}.discard-view-card .card-rank{font-size:.85rem;line-height:1.1}.discard-view-card .card-suit{font-size:.9rem;line-height:1}.discard-view-card.red{color:var(--red-suit)}.my-card.drag-over-card{border-color:var(--gold);box-shadow:-4px 0 14px #c9a84c66}.my-card[draggable=true]{cursor:grab}.my-card[draggable=true]:active{cursor:grabbing}#discard-pile.drop-target{outline:3px dashed var(--red-suit);outline-offset:4px;border-radius:12px}#discard-pile.drop-target .pile-card{box-shadow:0 0 24px #c0392ba6}@media (width<=600px){#btn-toggle-topbar{display:none}#game-topbar{gap:10px;height:42px;padding:0 12px}.score-block{gap:5px}.score-value{font-size:1.15rem}.score-label{letter-spacing:.8px;max-width:90px;font-size:.5rem}#game-status-label{font-size:.68rem}#side-panel-open{color:var(--gold);cursor:pointer;font-family:var(--font-display);letter-spacing:1px;white-space:nowrap;z-index:201;background:#0f0c18;border-top:none;border-bottom:1px solid #c9a84c40;border-left:1px solid #c9a84c40;border-right:none;border-radius:0 0 0 10px;padding:3px 10px 5px;font-size:.75rem;line-height:1;transition:background .15s;display:block;position:fixed;top:0;right:0}#side-panel-open:hover{background:#ffffff0f}#screen-game:not(.ui-closed) #side-panel-open{display:none}#side-panel-content{transform-origin:100% 0;background:#0f0c18;border-top:none;border-bottom:1px solid #c9a84c40;border-left:1px solid #c9a84c40;border-right:none;border-radius:0 0 0 12px;flex-direction:column;align-items:stretch;gap:6px;height:auto;padding:8px 10px 6px;transition:transform .2s,opacity .2s;position:fixed;top:42px;right:0}.btn-side-icon{padding:5px 8px;font-size:.9rem}#side-panel-tab{color:var(--gold);cursor:pointer;font-family:var(--font-display);letter-spacing:1px;text-align:center;white-space:nowrap;background:0 0;border:none;border-top:1px solid #c9a84c33;border-radius:0;padding:6px 2px 2px;font-size:.75rem;line-height:1;transition:opacity .15s;display:block}#side-panel-tab:hover{opacity:.7}.ui-closed #side-panel-content{opacity:0;pointer-events:none;transform:scaleY(0)}.ui-closed #game-topbar{border-bottom:none;overflow:hidden;height:0!important}#table-area{border-radius:28px;grid-template:".top."36px"left center right"minmax(0,1fr)"bottom bottom bottom"124px/46px 1fr 46px;margin:5px;box-shadow:0 0 0 6px #7b4118,0 0 0 8px #4e2608,0 0 0 10px #0006,0 10px 30px #000000d9}.player-slot.top{justify-content:flex-start;gap:4px;height:56px;max-height:56px;padding:0 8px 3px}.player-slot.top .hand-fan:not(.vertical) .back-card{border-top:none}.player-slot.top .hand-fan{order:1}.player-slot.top .player-info{flex-direction:row;order:2;justify-content:center;gap:6px;width:100%}.player-slot.left{flex-direction:row-reverse;justify-content:center;align-items:center;gap:2px;width:46px;max-width:46px;padding:4px 2px 4px 0}.player-slot.right{flex-direction:row;justify-content:center;align-items:center;gap:2px;width:46px;max-width:46px;padding:4px 0 4px 2px}.player-slot.left .player-info,.player-slot.right .player-info{writing-mode:vertical-lr;flex-direction:row;flex-shrink:0;align-items:center;gap:3px;max-height:140px;overflow:hidden}.player-slot.left .player-name,.player-slot.right .player-name{letter-spacing:0;max-height:60px;font-size:.46rem;font-weight:600;overflow:hidden}.player-slot.left .hand-count,.player-slot.right .hand-count{background:0 0;border:none;max-height:44px;padding:0;font-size:.42rem;overflow:hidden}.player-slot.bottom{clip-path:inset(-18px 0 0);justify-content:flex-end;gap:2px;height:124px;min-height:124px;max-height:124px;padding:0 6px 4px;overflow:visible}.player-name{letter-spacing:.5px;font-size:.6rem}.hand-count{padding:1px 4px;font-size:.56rem}.player-slot.left .player-name,.player-slot.right .player-name{font-size:.58rem}.player-slot.left .hand-count,.player-slot.right .hand-count{font-size:.52rem}.hand-fan:not(.vertical) .back-card{border-radius:3px;width:28px;height:22px;margin-left:-11px;box-shadow:1px 1px 3px #00000080}.hand-fan:not(.vertical) .back-card:first-child{margin-left:0}.hand-fan.vertical .back-card{border-radius:3px;width:22px;height:28px;margin-top:-11px;box-shadow:0 2px 4px #00000080}.player-slot.left .hand-fan.vertical .back-card{border-left:none}.player-slot.right .hand-fan.vertical .back-card{border-right:none}.hand-fan.vertical .back-card:first-child{margin-top:0}#decks-row{justify-content:flex-start;gap:10px;padding:5px 8px}#deck-pile{flex-shrink:0;order:-1}.discard-stack-row{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff8c #ffffff1a;height:68px;overflow:auto hidden}.discard-stack-row::-webkit-scrollbar{height:5px;display:block}.discard-stack-row::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.discard-stack-row::-webkit-scrollbar-thumb{background:#ffffff8c;border-radius:3px}.pile-card{border-radius:7px;width:48px;height:68px}.pile-card.front .card-rank{font-size:1.1rem}.pile-card.front .card-suit{font-size:1.2rem}.pile-count{margin-top:4px;font-size:.5rem}#my-hand{z-index:1;padding:3px 8px;position:relative;overflow:visible}.my-card{border-radius:7px;width:56px;height:80px;margin-left:-30px;padding:4px 5px}.my-card .card-rank{font-size:.95rem}.my-card .card-suit{font-size:1rem}.card-face{font-size:1.9rem;bottom:5px;right:4px}.card-face-suit{font-size:2.2rem;bottom:3px;right:3px}#my-hand[data-rows]:not([data-rows="1"]){flex-direction:column;align-items:flex-start;gap:0;padding:4px 4px 0;overflow:visible}.hand-row{flex-wrap:nowrap;gap:0;display:flex}.hand-row .my-card:first-child{margin-left:0}.hand-row+.hand-row{margin-top:-42px;position:relative}.hand-row-2{z-index:2}.hand-row-3{z-index:3}.hand-row-4{z-index:4}.hand-row-5{z-index:5}.player-slot.bottom.multi-rows{overflow:visible}.card-move-arrow{width:20px;height:20px;color:var(--gold);border:1.5px solid var(--gold);cursor:pointer;z-index:20;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#0a0a19e0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.card-move-left{left:-10px}.card-move-right-float{z-index:50;position:absolute;transform:none}.meld-card{border-radius:6px;width:44px;height:62px;margin-left:-26px;padding:4px 5px}.meld-card .card-rank{font-size:.9rem}.meld-card .card-suit{font-size:.95rem}.meld-face,.meld-face-suit{font-size:1.1rem!important}.discard-stack-row .meld-card{margin-left:-28px!important}.discard-stack-row .meld-card:first-child{margin-left:0!important}.melds-scroll-content{gap:3px;padding:4px 14px 4px 6px}.melds-label{padding:2px 0 4px;font-size:.55rem}.meld-group-full{gap:3px;padding:4px 6px}.meld-type-label{font-size:.5rem}.canastra-badge{padding:1px 5px;font-size:.5rem}.meld-cards-row .meld-card{transition:margin-left .2s}.meld-cards-row.stacked{overflow:visible}.meld-cards-row.stacked .meld-card{margin-left:-38px}.meld-cards-row.stacked .meld-card:first-child{margin-left:0}.meld-cards-row.stacked .meld-card.stack-after-visible,.meld-cards-row.stacked.expanded .meld-card{margin-left:-26px}.meld-cards-row.stacked.expanded .meld-card:first-child{margin-left:0}.meld-group-full.meld-stack-expanded{z-index:10;position:relative}#turn-banner{padding:4px 14px;font-size:.68rem;top:48px}#action-bar{z-index:200;padding:6px 6px env(safe-area-inset-bottom,6px);flex-wrap:nowrap;justify-content:center;gap:4px;position:fixed;bottom:0;left:0;right:0}#action-bar .action-group{flex-wrap:nowrap;flex-shrink:1;gap:4px}#action-bar .btn-action{flex-shrink:1;min-width:0;padding:7px 8px;font-size:.7rem}#screen-game{padding-bottom:calc(42px + env(safe-area-inset-bottom,6px))}}.dev-room-section{border-top:1px solid #ffffff1f;margin-top:16px;padding-top:12px}.btn-dev-toggle{color:#ffffff8c;cursor:pointer;background:0 0;border:1px dashed #ffffff4d;border-radius:8px;width:100%;padding:8px 12px;font-size:.85rem;transition:all .2s}.btn-dev-toggle:hover{color:#fff;border-color:#fff9}.test-room-panel{background:#00000040;border-radius:10px;flex-direction:column;gap:12px;margin-top:12px;padding:14px;display:flex}.test-room-hint{opacity:.65;text-align:center;margin:0;font-size:.8rem}.test-scores-row{gap:12px;display:flex}.test-score-field{flex-direction:column;flex:1;gap:4px;display:flex}.test-score-field label{opacity:.7;font-size:.78rem}.test-score-field input{color:#fff;text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;width:100%;padding:6px 8px;font-size:.9rem}.dev-panel{z-index:200;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:fixed;bottom:80px;right:8px}.dev-panel-toggle{color:#ffdc50e6;cursor:pointer;letter-spacing:.05em;background:#1a1a2e;border:1px solid #ffdc5080;border-radius:20px;padding:5px 12px;font-size:.75rem}.dev-panel-body{background:#1a1a2e;border:1px solid #ffdc504d;border-radius:10px;flex-direction:column;gap:12px;min-width:190px;padding:12px;display:flex;box-shadow:0 4px 20px #00000080}.dev-section-title{letter-spacing:.08em;text-transform:uppercase;opacity:.5;margin-bottom:6px;font-size:.7rem}.dev-score-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.dev-score-row label{opacity:.7;flex:1;font-size:.8rem}.dev-score-row input{color:#fff;text-align:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:5px;width:70px;padding:4px 6px;font-size:.85rem}.dev-btn{color:#ffdc50e6;cursor:pointer;background:#ffdc5026;border:1px solid #ffdc5066;border-radius:6px;width:100%;margin-top:2px;padding:6px;font-size:.8rem}.dev-btn:hover{background:#ffdc5040}.dev-toggle-label{opacity:.8;cursor:pointer;align-items:center;gap:8px;font-size:.82rem;display:flex}.dev-hand-overlay{pointer-events:none;flex-wrap:wrap;gap:2px;margin-top:4px;display:flex}.dev-mini-card{color:#1a1a2e;background:#fffdf7;border:1px solid #d4c8b0;border-radius:3px;padding:1px 3px;font-size:.6rem;line-height:1.2}.dev-mini-card.red{color:#c0392b}