*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green-felt: #2d6a4f;--green-dark: #1b4332;--green-mid: #40916c;--card-bg: #fffdf5;--card-red: #c0392b;--card-black: #1a1a2e;--selected: #f39c12;--accent: #e67e22;--btn-primary: #2980b9;--btn-success: #27ae60;--btn-warning: #e67e22;--btn-ghost: #636e72;--overlay-bg: rgba(0,0,0,.75);--radius: 10px;--shadow: 0 4px 16px rgba(0,0,0,.35);font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(14px,1.5vw + 10px,15px);--card-w: clamp(52px, 7.5vw, 72px);--card-h: calc(var(--card-w) * 1.444);--card-w-sm: clamp(38px, 5.5vw, 54px);--card-h-sm: calc(var(--card-w-sm) * 1.444);--fan-overlap-h: calc(var(--card-w-sm) * .56);--fan-overlap-v: calc(var(--card-h-sm) * .54);--ad-slot-w: 160px;--hand-overlap: clamp(20px, calc(var(--card-w) * .39), 28px);--meld-overlap: clamp(14px, calc(var(--card-w-sm) * .33), 18px);--fan-overlap-side: calc(var(--card-w-sm) * .65)}body{background:var(--green-dark);min-height:100vh;color:#fff}#root{min-height:100vh}.site-root{display:flex;flex-direction:column;min-height:100vh}.site-root .app-shell{flex:1}.site-nav{display:flex;align-items:center;height:36px;background:#0d1f17;border-bottom:1px solid rgba(64,145,108,.25);flex-shrink:0;padding:0 calc(var(--ad-slot-w) + 1rem)}.site-nav-brand{font-size:.85rem;font-weight:700;color:#95d5b2;text-decoration:none;letter-spacing:.02em;margin-right:.75rem}.site-nav-brand:hover{color:#fff}.site-nav-links{display:flex;align-items:center;gap:1rem}.site-nav-link{font-size:.78rem;color:#95d5b2b3;text-decoration:none;transition:color .15s}.site-nav-link:hover{color:#fff}.app-shell{display:flex;justify-content:center;align-items:stretch;min-height:calc(100vh - 36px);background:#0d1f17}.ad-slot{width:var(--ad-slot-w);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#ffffff1a;font-size:.7rem;letter-spacing:.05em;border-left:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04)}.game-column{flex:1;min-width:0;max-width:1200px;display:flex;flex-direction:column;background:var(--green-dark)}@media (max-width: 900px){:root{--ad-slot-w: 100px}}@media (max-width: 600px){.ad-slot{display:none}.site-nav{padding:0 .75rem}}.lobby{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(ellipse at center,#1b4332 0%,#081c15 100%)}.lobby-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:2.5rem 2rem;width:100%;max-width:380px;box-shadow:var(--shadow)}.lobby-title{font-size:2.5rem;text-align:center;margin-bottom:.25rem}.lobby-subtitle{text-align:center;color:#95d5b2;margin-bottom:2rem;font-size:.9rem}.lobby-section{margin-bottom:1.5rem}.lobby-label{display:block;font-weight:600;margin-bottom:.5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:#b7e4c7}.lobby-hint{margin-top:.4rem;font-size:.8rem;color:#74c69d}.lobby-home{max-width:440px}.lobby-waiting{max-width:480px}.player-count-buttons{display:flex;gap:.5rem}.count-btn{flex:1;padding:.6rem;border-radius:8px;border:2px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .15s}.count-btn:hover{border-color:var(--accent)}.count-btn-active{border-color:var(--accent);background:rgba(230,126,34,.25)}.name-input{display:block;width:100%;padding:.6rem .8rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font-size:.95rem;margin-bottom:.5rem}.name-input:focus{outline:none;border-color:var(--accent)}.start-btn{width:100%;padding:.85rem;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s;margin-top:.5rem}.start-btn:hover{background:#d35400}.start-btn:disabled{opacity:.5;cursor:not-allowed}.home-link-btn{width:100%;padding:.55rem;border-radius:8px;margin-top:.5rem;background:transparent;border:1px solid #40916c;color:#95d5b2;font-size:.9rem;cursor:pointer;transition:background .15s,color .15s}.home-link-btn:hover{background:rgba(64,145,108,.15);color:#fff}.back-btn{display:inline-block;margin-bottom:1rem;background:none;border:none;color:#74c69d;font-size:.85rem;cursor:pointer;padding:0}.back-btn:hover{color:#fff}.mode-select{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.mode-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.4rem 1rem;border-radius:var(--radius);border:2px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;transition:border-color .18s,background .18s,transform .12s;text-align:center}.mode-card:hover{transform:translateY(-3px);border-color:var(--accent);background:rgba(230,126,34,.12)}.mode-icon{font-size:2.6rem;line-height:1}.mode-label{font-size:1.15rem;font-weight:700}.mode-desc{font-size:.82rem;color:#95d5b2}.mode-card-bots:hover{border-color:#3498db;background:rgba(52,152,219,.12)}.mode-card-friends:hover{border-color:#27ae60;background:rgba(39,174,96,.12)}.error-banner{background:rgba(192,57,43,.25);border:1px solid #c0392b;border-radius:8px;padding:.6rem .9rem;margin-bottom:1rem;font-size:.85rem;color:#f1948a;cursor:pointer}.error-dismiss{opacity:.6;font-size:.75rem}.rules-page{min-height:100vh;background:radial-gradient(ellipse at center,#1b4332 0%,#081c15 100%);padding:2rem 1rem 4rem;color:#e9ecef}.rules-container{max-width:680px;margin:0 auto}.rules-title{font-size:2.2rem;text-align:center;margin-bottom:.5rem}.rules-intro{text-align:center;color:#95d5b2;font-size:.95rem;line-height:1.6;margin-bottom:2.5rem}.rules-section{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:1.5rem 1.75rem;margin-bottom:1.25rem}.rules-section-title{font-size:1.1rem;font-weight:700;color:#b7e4c7;margin-bottom:1rem;letter-spacing:.02em}.rules-text{font-size:.9rem;line-height:1.65;color:#ced4da;margin-bottom:.75rem}.rules-text:last-child{margin-bottom:0}.rules-note{color:#95d5b2;font-style:italic}.rules-cards-row{display:flex;gap:.75rem;margin-bottom:1rem}.rules-cards-row-3{flex-wrap:wrap}.rules-info-card{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:center;gap:.25rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.85rem .5rem;text-align:center}.rules-info-icon{font-size:1.5rem;line-height:1}.rules-info-label{font-size:.78rem;color:#95d5b2;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.rules-info-value{font-size:.95rem;font-weight:700;color:#fff}.rules-steps{list-style:none;padding:0;margin:0 0 .75rem;display:flex;flex-direction:column;gap:.85rem}.rules-steps li{display:flex;align-items:flex-start;gap:.85rem;font-size:.9rem;line-height:1.55;color:#ced4da}.rules-step-num{flex-shrink:0;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center;margin-top:.1rem}.rules-meld-grid{display:flex;gap:1rem;margin:.75rem 0}.rules-meld-card{flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;text-align:center}.rules-meld-title{font-size:.95rem;font-weight:700;color:#b7e4c7;margin-bottom:.6rem}.rules-meld-example{display:flex;justify-content:center;gap:.3rem;margin-bottom:.65rem}.rules-card{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2.75rem;border-radius:4px;font-size:.8rem;font-weight:700;border:1px solid rgba(0,0,0,.3);box-shadow:0 1px 4px #0006}.rules-card-red{background:#fff;color:#c0392b}.rules-card-black{background:#fff;color:#1a1a1a}.rules-meld-desc{font-size:.82rem;color:#adb5bd;line-height:1.5}.rules-list{padding-left:1.25rem;margin:.5rem 0 .75rem;display:flex;flex-direction:column;gap:.5rem}.rules-list li{font-size:.88rem;line-height:1.55;color:#ced4da}.rules-footer-note{text-align:center;color:#74c69d;font-size:.88rem;margin-top:2rem}@media (max-width: 500px){.rules-section{padding:1.1rem 1rem}.rules-meld-grid{flex-direction:column}.rules-cards-row{flex-wrap:wrap}.rules-info-card{min-width:calc(50% - .4rem)}}.turn-banner{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1b4332 0%,#081c15 100%);cursor:pointer;-webkit-user-select:none;user-select:none}.turn-banner-content{text-align:center;padding:2rem}.turn-banner-icon{font-size:5rem;margin-bottom:1rem}.turn-banner-name{font-size:2.2rem;margin-bottom:.75rem}.turn-banner-instruction{color:#95d5b2;margin-bottom:2rem;line-height:1.6}.reveal-btn{padding:.9rem 2.5rem;border-radius:50px;border:2px solid var(--accent);background:rgba(230,126,34,.2);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .15s}.reveal-btn:hover{background:var(--accent)}.game-board{min-height:100vh;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;background:radial-gradient(ellipse at center,var(--green-felt) 0%,var(--green-dark) 100%)}.board-header{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start;justify-content:space-between}.casino-board{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr;background:radial-gradient(ellipse at center,var(--green-felt) 0%,var(--green-dark) 100%);padding:.5rem;gap:.5rem}.casino-header{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start;justify-content:space-between}.casino-top{display:flex;justify-content:center;align-items:center}.casino-middle{display:flex;gap:.75rem;align-items:flex-start;min-height:0;overflow:hidden}.casino-side{display:flex;align-items:center;justify-content:center;width:var(--card-h-sm);max-width:clamp(54px,12vw,90px);flex-shrink:0;overflow:hidden}.casino-center{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.human-seat{background:rgba(0,0,0,.15);border-radius:var(--radius);padding:.6rem .75rem;border-top:2px solid rgba(82,183,136,.4)}.human-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.9rem;font-weight:700;color:#b7e4c7}.current-turn-label{font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.turn-step-badge{padding:.2rem .55rem;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.06em}.step-draw{background:#2980b9}.step-play{background:#27ae60}.step-discard{background:#e67e22}.other-players{display:flex;flex-wrap:wrap;gap:.5rem}.other-player-chip{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);border-radius:20px;padding:.3rem .75rem;font-size:.85rem}.card-count{font-size:.8rem;color:#b7e4c7}.piles-row{display:flex;gap:1.5rem;align-items:flex-end}.pile-wrap{display:flex;flex-direction:column;align-items:center;gap:.3rem}.pile-label{font-size:.75rem;color:#b7e4c7}.pile{position:relative;border-radius:var(--radius)}.pile-clickable{cursor:pointer}.pile-clickable:hover .card{transform:translateY(-4px);box-shadow:0 8px 20px #0006}.pile-count{position:absolute;bottom:-8px;right:-8px;background:var(--accent);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.pile-empty{width:var(--card-w);height:var(--card-h);border-radius:var(--radius);border:2px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:.75rem}.card{width:var(--card-w);height:var(--card-h);flex-shrink:0;border-radius:8px;-webkit-user-select:none;user-select:none;transition:transform .12s,box-shadow .12s;background:transparent;border:none;box-shadow:0 2px 8px #00000059;overflow:visible}.card-small{width:var(--card-w-sm);height:var(--card-h-sm);border-radius:6px}.card-svg-image{display:block;width:100%;height:100%;border-radius:inherit;shape-rendering:geometricPrecision}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000073}.card-selected{transform:translateY(-14px)!important;box-shadow:0 0 0 3px var(--selected),0 14px 28px #00000080!important;filter:drop-shadow(0 0 6px rgba(243,156,18,.6))}.card-disabled{opacity:.45;cursor:not-allowed}@keyframes newCardPulse{0%,to{box-shadow:0 0 0 2px #52b788,0 0 10px #52b78880;filter:drop-shadow(0 0 4px rgba(82,183,136,.5))}50%{box-shadow:0 0 0 3px #52b788,0 0 20px #52b788cc;filter:drop-shadow(0 0 8px rgba(82,183,136,.8))}}.card-new{animation:newCardPulse 1.4s ease-in-out infinite}.card-new.card-selected{animation:none}.player-hand{margin-top:.25rem}.hand-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.hand-title{font-size:.85rem;font-weight:600;color:#b7e4c7}.lay-off-prompt{font-size:.8rem;color:var(--selected);margin-bottom:.5rem}.hand-cards{display:flex;flex-wrap:wrap;row-gap:6px;column-gap:0;padding-bottom:2px}.hand-cards>*{position:relative;margin-left:calc(var(--hand-overlap) * -1)}.hand-cards>*:first-child{margin-left:0}.sort-btn{padding:.25rem .65rem;border-radius:20px;border:1.5px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#b7e4c7;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;letter-spacing:.03em}.sort-btn:hover{border-color:#52b788;color:#52b788}.sort-btn-active{border-color:#52b788;background:rgba(82,183,136,.15);color:#52b788}.meld-area{background:rgba(0,0,0,.15);border-radius:var(--radius);padding:.75rem}.meld-area-empty{color:#ffffff59;font-size:.85rem;text-align:center;padding:.75rem}.meld-area-title{font-size:.85rem;font-weight:600;color:#b7e4c7;margin-bottom:.6rem}.melds-grid{display:flex;flex-wrap:wrap;gap:.75rem}.meld-group{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);border-radius:8px;padding:.5rem .6rem;position:relative}.meld-group-clickable{cursor:pointer}.meld-group-clickable:hover{border-color:#ffffff4d}.meld-group-target{border-color:var(--selected)!important;box-shadow:0 0 0 2px var(--selected)}.meld-type-badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:#95d5b2;margin-bottom:.35rem}.meld-cards{display:flex;column-gap:0}.meld-cards>*{position:relative;margin-left:calc(var(--meld-overlap) * -1)}.meld-cards>*:first-child{margin-left:0}.meld-cards-chips{display:none;flex-wrap:wrap;gap:.25rem}.meld-chip{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .35rem;border-radius:5px;background:#fffdf5;color:#1a1a2e;font-size:.8rem;font-weight:700;line-height:1;letter-spacing:.01em;border:1px solid rgba(0,0,0,.15);white-space:nowrap}.meld-chip-red{color:#c0392b}.lay-off-hint{margin-top:.5rem;font-size:.75rem;color:#f6e58d;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.lay-off-btn{padding:.25rem .5rem;border-radius:6px;border:none;background:var(--selected);color:#000;font-size:.75rem;font-weight:700;cursor:pointer}.cancel-btn{padding:.2rem .4rem;border-radius:6px;border:none;background:rgba(255,255,255,.15);color:#fff;cursor:pointer}.opp-seat{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem .6rem;border-radius:var(--radius);background:rgba(0,0,0,.18);border:1.5px solid rgba(255,255,255,.1);transition:border-color .2s,box-shadow .2s}.opp-seat-active{border-color:#52b788;box-shadow:0 0 0 2px #52b78866,0 0 18px #52b78833}.opp-seat-top{flex-direction:column}.opp-seat-left,.opp-seat-right{flex-direction:column;width:100%}.opp-info{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center}.opp-name{font-size:.82rem;font-weight:700;color:#d8f3dc;white-space:nowrap}.opp-badge{background:rgba(255,255,255,.12);border-radius:20px;padding:.1rem .45rem;font-size:.72rem;color:#b7e4c7;white-space:nowrap}.opp-fan{display:flex;position:relative}.opp-fan-horizontal{flex-direction:row;align-items:flex-end}.opp-fan-vertical{flex-direction:column;align-items:flex-end}.opp-fan-card{position:relative;flex-shrink:0;transition:transform .1s}.opp-fan-card:nth-child(odd){transform:rotate(-1.5deg)}.opp-fan-card:nth-child(2n){transform:rotate(1deg)}.opp-fan-side{flex-direction:column;align-items:center;width:var(--card-h-sm)}.opp-fan-card-side{flex-shrink:0;width:var(--card-h-sm);height:var(--card-w-sm);display:flex;align-items:center;justify-content:center;margin-top:calc(var(--fan-overlap-side) * -1)}.opp-fan-card-side:first-child{margin-top:0}.opp-fan-card-side .card,.opp-fan-card-side .card-small{transform:rotate(90deg)}.opp-fan-card-side:nth-child(odd) .card-small{transform:rotate(88.5deg)}.opp-fan-card-side:nth-child(2n) .card-small{transform:rotate(91.5deg)}.opp-fan-overflow{align-self:center;margin-left:.4rem;font-size:.75rem;color:#74c69d;font-weight:700}.action-bar{background:rgba(0,0,0,.2);border-radius:var(--radius);padding:.75rem}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.action-btn{display:flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-radius:8px;border:none;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;background:var(--btn-ghost)}.action-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.action-btn:disabled{opacity:.35;cursor:not-allowed}.action-btn-primary{background:var(--btn-primary)}.action-btn-success{background:var(--btn-success)}.action-btn-warning{background:var(--btn-warning)}.action-btn-ghost{background:rgba(255,255,255,.12)}.btn-badge{background:rgba(255,255,255,.25);border-radius:20px;padding:.1rem .4rem;font-size:.72rem;font-weight:700}.action-step-hint{font-size:.7rem;font-weight:600;text-align:center;border-radius:8px;padding:.4rem .8rem;border:1px solid rgba(255,255,255,.15);background:rgba(82,183,136,.18);color:#b7e4c7}.action-step-hint--waiting{background:rgba(230,126,34,.18);border-color:#e67e2266;color:#f0c080}.action-step-hint--draw{background:rgba(41,128,185,.25);border-color:#2980b980;color:#90caf9}.action-step-hint--play{background:rgba(39,174,96,.22);border-color:#27ae6073;color:#a5d6a7}.scoreboard{background:rgba(0,0,0,.2);border-radius:8px;padding:.6rem .8rem;min-width:clamp(160px,30vw,220px)}.scoreboard-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#95d5b2;margin-bottom:.4rem}.target-label{font-weight:400;color:#74c69d}.score-rows{display:flex;flex-direction:column;gap:.3rem}.score-row{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.score-row-active{color:var(--selected);font-weight:600}.score-name{width:clamp(56px,10vw,80px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-bar-wrap{flex:1;background:rgba(255,255,255,.1);border-radius:20px;height:6px;overflow:hidden}.score-bar{height:100%;background:#52b788;border-radius:20px;transition:width .4s}.score-value{width:32px;text-align:right}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:#1b4332;border:1px solid #40916c;border-radius:var(--radius);padding:2rem;max-width:360px;width:100%;text-align:center;box-shadow:var(--shadow)}.modal-icon{font-size:3.5rem;margin-bottom:.75rem}.modal h2{font-size:1.6rem;margin-bottom:.5rem}.modal p{color:#95d5b2;margin-bottom:1rem;font-size:.95rem}.rummy-bonus{color:#f6e58d!important;font-weight:700;font-size:1rem!important}.mode-card-online{background:linear-gradient(135deg,#1a1a6e 0%,#2d2d9e 100%);border:2px solid #5c5cdd}.mode-card-online:hover{filter:brightness(1.15)}.mp-tabs{display:flex;gap:0;margin-bottom:16px;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.15)}.mp-tab{flex:1;padding:10px 0;background:rgba(255,255,255,.05);color:#fff9;border:none;cursor:pointer;font-size:.95rem;transition:background .2s,color .2s}.mp-tab:hover{background:rgba(255,255,255,.1);color:#fff}.mp-tab-active{background:var(--btn-primary);color:#fff;font-weight:600}.mp-code-input{text-transform:uppercase;letter-spacing:.25em;font-size:1.2rem;text-align:center}.room-code-display{font-size:2.2rem;font-weight:800;letter-spacing:.3em;color:#fff;background:rgba(255,255,255,.08);border-radius:var(--radius);padding:10px 16px;text-align:center;margin-bottom:8px}.waiting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.share-link-row{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.25);border-radius:6px;padding:8px 12px}.share-link-text{flex:1;font-size:.8rem;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{flex-shrink:0;background:var(--btn-primary);color:#fff;border:none;border-radius:6px;padding:4px 10px;cursor:pointer;font-size:.85rem}.copy-btn:hover{filter:brightness(1.15)}.player-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.player-list-row{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border-radius:8px;padding:10px 12px;transition:background .2s}.player-online{border-left:3px solid #4caf50}.player-offline{border-left:3px solid #aaa;opacity:.7}.player-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.player-list-name{flex:1;font-weight:500;color:#fff}.player-list-badges{display:flex;gap:4px}.player-badge{font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-host{background:var(--accent);color:#fff}.badge-you{background:var(--btn-success);color:#fff}.conn-indicator{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#ffffffb3}.conn-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}button,.card-clickable,.pile-clickable,.meld-group-clickable{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width: 900px){.lobby-card,.lobby-home,.lobby-waiting{max-width:100%}.casino-board{padding:.4rem;gap:.4rem}.game-board{padding:.5rem;gap:.5rem}.casino-header,.board-header{gap:.5rem}.piles-row{gap:1rem}.scoreboard{padding:.5rem .6rem}.turn-banner-icon{font-size:3.5rem}.turn-banner-name{font-size:1.8rem}.casino-side{width:clamp(48px,9vw,70px);max-width:70px}.casino-middle{gap:.5rem}:root{--card-w-sm: clamp(34px, 5vw, 48px)}}@media (max-width: 600px){.action-btn{min-height:36px}.count-btn{min-height:44px}.sort-btn{min-height:36px;padding:.35rem .75rem}.copy-btn{min-height:36px;padding:6px 12px}}@media (max-width: 600px){.app-shell{background:var(--green-dark)}.lobby{padding:1.5rem .75rem .75rem;align-items:flex-start}.lobby-card{padding:1.5rem 1.25rem;border-radius:8px}.lobby-title{font-size:1.9rem}.game-board{padding:.5rem;gap:.5rem;min-height:100svh}.board-header{flex-direction:column;align-items:stretch}.casino-board{padding:.35rem;gap:.35rem;min-height:100svh;grid-template-rows:auto auto 1fr auto}.casino-header{flex-direction:column;align-items:stretch;gap:.35rem}.casino-middle{gap:.3rem}.casino-side{display:flex;width:clamp(36px,9vw,52px);max-width:52px}:root{--card-w-sm: clamp(26px, 7vw, 36px)}.opp-name{font-size:.68rem}.opp-badge{display:none}.opp-seat{padding:.25rem .3rem;gap:.15rem}.piles-row{gap:.75rem}.pile-label{font-size:.7rem}.hand-cards{row-gap:4px;flex-wrap:nowrap}:root{--hand-overlap: clamp(28px, calc(var(--card-w) * .58), 36px)}.meld-area{padding:.5rem}.melds-grid{gap:.5rem}.meld-group{padding:.4rem .5rem}.meld-cards-svg{display:none}.meld-cards-chips{display:flex}.action-bar{padding:.4rem .5rem}.action-buttons{gap:.25rem;flex-wrap:nowrap}.action-btn{flex:1 1 0;justify-content:center;white-space:nowrap;overflow:hidden;min-width:0;font-size:.68rem;padding:.4rem .3rem;gap:.2rem}.btn-badge{display:none}.other-player-chip{font-size:.78rem;padding:.25rem .6rem}.scoreboard{min-width:0;width:100%}.modal{max-width:calc(100% - 1.5rem);padding:1.25rem}.turn-banner-icon{font-size:3rem}.turn-banner-name{font-size:1.6rem}.reveal-btn{padding:.75rem 1.75rem;font-size:1rem}.room-code-display{font-size:1.6rem;letter-spacing:.2em}.share-link-row{flex-wrap:wrap;gap:6px}.share-link-text{white-space:normal;word-break:break-all}}@media (max-width: 480px){.casino-side{width:clamp(32px,8.5vw,48px);max-width:48px}.casino-middle{gap:.25rem}:root{--card-w-sm: clamp(22px, 6.5vw, 32px)}.opp-name{font-size:.62rem}.opp-badge{display:none}.opp-seat{padding:.2rem .25rem;gap:.1rem}}@media (max-width: 380px){.action-btn{font-size:.62rem;padding:.35rem .2rem}.lobby-title{font-size:1.6rem}.casino-board,.game-board{padding:.25rem;gap:.25rem}}