.multiplayer-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 35px;background:linear-gradient(120deg,#263e2b,#192e36);border:1px solid #64835b;border-radius:16px;margin:20px 0 40px}.multiplayer-banner h2{margin:12px 0}.multiplayer-banner p{color:#b9c8b3;line-height:1.7;margin-bottom:0}.multiplayer-banner button{border:0;white-space:nowrap}.nav-online{color:#ccf879!important;font-weight:bold}button:disabled{opacity:.45;cursor:not-allowed}.art-tienlen{background:#124c39}.art-caro{background:#4d432e}.art-merge{background:#53613a}.art-merge .art-symbol{font-size:55px;letter-spacing:-3px}.art-mines{background:#33445b}.online-lobby,.queue-screen,.table-wrap{width:100%}.online-lobby{max-width:540px;display:flex;flex-direction:column;gap:17px}.online-lobby label{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#bdc9b8}.online-lobby input,.online-lobby select{width:100%;font-size:16px;padding:14px;background:#253225;border:1px solid #56744c;border-radius:8px;color:#f0f8e8}.online-lobby button,.queue-screen button,.table-actions button,.room-bar button{border:1px solid #687d58;border-radius:7px;background:#2b3c27;color:#def4c7;padding:12px 16px}.online-message{background:#293b30;border-left:3px solid #ccf879;padding:15px;font-size:14px;line-height:1.5}.table-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:18px 0}.table-actions .primary{background:#ccf879;color:#18220c}.join-row{display:flex;gap:10px}.lobby-note{color:#a9b6a4;font-size:12px;line-height:1.6}.queue-screen{text-align:center;max-width:430px;padding:25px 0}.queue-screen p{line-height:1.7;color:#aebda6}.queue-orbit{font-size:75px;color:#ccf879;animation:queue-pulse 2s infinite}.room-code{font:700 32px 'Space Grotesk';letter-spacing:3px}.table-players{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.seat{background:#252f26;border:1px solid #44503e;border-radius:9px;padding:11px;min-width:0}.seat span{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat b{display:block;margin-top:6px;font-size:13px}.seat small{font-size:10px;color:#a9b8a0}.seat.current{border-color:#ccf879;background:#35462d}.felt{background:radial-gradient(ellipse,#24634b,#11392c);border:6px solid #564b32;border-radius:80px;text-align:center;padding:20px 10px;min-height:170px;box-shadow:inset 0 0 35px #0004}.table-label{font-size:10px;letter-spacing:2px;color:#a5cbb6}.played-cards{min-height:90px;display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap;margin:12px 0}.playing-card{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:47px;height:68px;border:2px solid #dbded3;border-radius:6px;background:#fbf8e9;color:#15252c;font:bold 18px 'Space Grotesk';box-shadow:0 3px 6px #0003;padding:3px}.playing-card.red{color:#bf3645}.playing-card.selected{transform:translateY(-12px);border:3px solid #b6eb56;background:#f1ffcf}.hand{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding:14px 0 5px;min-height:90px}.empty-table{color:#95b9a4;font-size:13px}.turn-label{text-align:center;color:#ccf879;font-size:14px}.table-help{font-size:12px;color:#aebba8;line-height:1.7;border-top:1px solid #394733;padding-top:12px}.table-help summary{cursor:pointer;color:#d7e6cf}.room-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#aebba8;margin-bottom:14px}.room-bar button{padding:7px 10px;font-size:11px}.caro-scroll{overflow:auto;width:100%;padding-bottom:10px}.caro-board{display:grid;max-width:360px;margin:auto;background:#b69c69;gap:1px;padding:2px}.caro-board.large{min-width:420px;max-width:540px}.caro-board button{aspect-ratio:1;min-width:0;background:#e5d6af;border:0;font-size:clamp(16px,3vw,28px);font-weight:bold;padding:0;color:#214d86}.caro-board:not(.large) button{font-size:60px}.caro-board button.circle{color:#b13948}.caro-board button:disabled{opacity:1}.merge-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#162218;border:1px solid #697f56;padding:10px;border-radius:12px;max-width:390px;width:100%;touch-action:none}.merge-board>div{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font:bold 30px 'Space Grotesk';border-radius:7px;color:#f5f8ed}.score-strip{display:flex;align-items:center;gap:15px;width:min(390px,100%);font-size:13px}.score-strip strong{color:#ccf879;font-size:23px}.score-strip span{margin-left:auto;color:#aebba8}.mines-board{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;width:min(400px,100%)}.mines-board button{aspect-ratio:1;background:#40563a;border:1px solid #6f8559;border-radius:4px;padding:0;color:#eefadc;font-weight:bold;font-size:17px}.mines-board button.opened{background:#1a271e;border-color:#34432f}.filters{flex-wrap:wrap}@keyframes queue-pulse{50%{opacity:.35;transform:scale(.9)}}@media(max-width:560px){.multiplayer-banner{flex-direction:column;align-items:flex-start;padding:24px}.multiplayer-banner h2{font-size:25px}.table-players{grid-template-columns:repeat(2,1fr)}.playing-card{width:39px;height:58px;font-size:16px}.felt{border-radius:35px}.hand{gap:4px}.room-bar span{display:none}.hero-art{display:none}.hero{min-height:400px;padding-bottom:30px}.header-note{display:none}nav{gap:12px}.nav-online{font-size:12px}.room-code{font-size:26px}}@media(prefers-reduced-motion:reduce){.queue-orbit{animation:none}}