*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fffffff2;background-color:#0a0a0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;min-width:320px;height:100vh;overflow:hidden}#root{height:100vh;overflow:hidden}button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#e94560;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d63850}::selection{background:#e94560;color:#fff}@media(max-width:480px){:root{font-size:14px}::-webkit-scrollbar{width:4px}}@media(min-width:481px)and (max-width:768px){:root{font-size:15px}::-webkit-scrollbar{width:6px}}@media(min-width:1921px)and (max-width:2560px){:root{font-size:18px}::-webkit-scrollbar{width:12px}}@media(min-width:2561px){:root{font-size:22px}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-thumb{border-radius:8px}}.card{width:clamp(28px,3.2vw,48px);height:clamp(40px,4.6vw,70px);background:var(--card-bg);border-radius:clamp(3px,.4vw,5px);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff14;position:relative;display:flex;align-items:center;justify-content:center;color:var(--card-black);font-family:var(--font-display);transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(255,255,255,.15);flex-shrink:0;overflow:hidden;margin:0 clamp(1px,.2vw,2px)}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none;border-radius:inherit}.card:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 4px 12px #00000059,inset 0 1px #ffffff1a}.card-small{width:clamp(22px,2.4vw,36px);height:clamp(32px,3.5vw,52px);margin:0 clamp(1px,.15vw,2px)}.card-small .card-value{font-size:clamp(6px,.65vw,8px)}.card-small .card-suit{font-size:clamp(5px,.5vw,7px)}.card-small .card-suit-large{font-size:clamp(10px,1.1vw,15px)}.card-small .top-left{top:clamp(1px,.24vw,3px);left:clamp(1px,.24vw,3px)}.card-small .bottom-right{bottom:clamp(1px,.24vw,3px);right:clamp(1px,.24vw,3px)}.card-red{color:var(--card-red);border-color:var(--suit-hearts)}.card-red:hover{box-shadow:var(--glow-secondary),0 8px 20px #0000004d,inset 0 1px #ffffff26}[data-theme=cyberpunk] .card-red .card-suit-large{filter:drop-shadow(0 0 8px rgba(255,0,255,.8))}[data-theme=cyberpunk] .card:not(.card-red) .card-suit-large{filter:drop-shadow(0 0 8px rgba(0,255,255,.8))}[data-theme=classic] .card-red .card-suit-large,[data-theme=classic] .card:not(.card-red) .card-suit-large{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;z-index:1}.top-left{top:clamp(2px,.4vw,5px);left:clamp(2px,.4vw,5px)}.bottom-right{bottom:clamp(2px,.4vw,5px);right:clamp(2px,.4vw,5px);transform:rotate(180deg)}.card-value{font-size:clamp(7px,.8vw,11px);font-weight:700;letter-spacing:-.3px;text-shadow:none}.card-suit{font-size:clamp(6px,.7vw,9px);margin-top:-1px;text-shadow:none}[data-theme=classic] .card-value,[data-theme=classic] .card-suit{text-shadow:0 1px 2px rgba(0,0,0,.3)}.card-center{display:flex;align-items:center;justify-content:center}.card-suit-large{font-size:clamp(11px,1.4vw,20px);opacity:.85;text-shadow:none}[data-theme=classic] .card-suit-large{text-shadow:0 2px 4px rgba(0,0,0,.3)}.card-deal-animate{animation:cardDeal .5s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateY(-100px) scale(.5) rotateY(180deg)}@keyframes cardDeal{0%{opacity:0;transform:translateY(-100px) scale(.5) rotateY(180deg);filter:blur(5px)}50%{opacity:.8;transform:translateY(-20px) scale(.9) rotateY(90deg);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1) rotateY(0);filter:blur(0)}}[data-theme=cyberpunk] .card-deal-animate:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.6),rgba(255,0,255,.4),transparent);animation:cardShine .6s ease-out .3s forwards;pointer-events:none;border-radius:inherit}[data-theme=classic] .card-deal-animate:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.5),rgba(255,255,255,.3),transparent);animation:cardShine .6s ease-out .3s forwards;pointer-events:none;border-radius:inherit}@keyframes cardShine{0%{left:-100%;opacity:1}to{left:100%;opacity:0}}@media(max-width:480px){.card{width:30px;height:44px;border-radius:3px;border-width:1px;margin:0 1px}.card-small{width:24px;height:36px;margin:0 1px}.card-value{font-size:8px}.card-suit{font-size:6px}.card-suit-large{font-size:12px}.card-small .card-value{font-size:7px}.card-small .card-suit{font-size:5px}.card-small .card-suit-large{font-size:10px}.top-left,.card-small .top-left{top:1px;left:1px}.bottom-right,.card-small .bottom-right{bottom:1px;right:1px}}@media(min-width:481px)and (max-width:768px){.card{width:40px;height:58px;border-radius:4px;margin:0 3px}.card-small{width:32px;height:46px;margin:0 2px}.card-value{font-size:10px}.card-suit{font-size:8px}.card-suit-large{font-size:18px}.card-small .card-value{font-size:8px}.card-small .card-suit{font-size:6px}.card-small .card-suit-large{font-size:14px}}@media(min-width:769px)and (max-width:1366px){.card{width:50px;height:72px;border-radius:5px;margin:0 3px}.card-small{width:40px;height:58px;margin:0 2px}.card-value{font-size:12px}.card-suit{font-size:10px}.card-suit-large{font-size:22px}.card-small .card-value{font-size:10px}.card-small .card-suit{font-size:8px}.card-small .card-suit-large{font-size:18px}}@media(min-width:1367px)and (max-width:1920px){.card{width:60px;height:88px;border-radius:6px;margin:0 4px}.card-small{width:48px;height:70px;margin:0 3px}.card-value{font-size:14px}.card-suit{font-size:12px}.card-suit-large{font-size:26px}.card-small .card-value{font-size:11px}.card-small .card-suit{font-size:10px}.card-small .card-suit-large{font-size:21px}}@media(min-width:1921px)and (max-width:2560px){.card{width:58px;height:85px;border-radius:6px;margin:0 4px}.card-small{width:46px;height:68px;margin:0 3px}.card-value{font-size:14px}.card-suit{font-size:12px}.card-suit-large{font-size:26px}.card-small .card-value{font-size:11px}.card-small .card-suit{font-size:10px}.card-small .card-suit-large{font-size:21px}.top-left{top:4px;left:4px}.bottom-right{bottom:4px;right:4px}}@media(min-width:2561px){.card{width:95px;height:138px;border-radius:10px;margin:0 6px}.card-small{width:76px;height:110px;margin:0 5px}.card-value{font-size:24px}.card-suit{font-size:20px}.card-suit-large{font-size:48px}.card-small .card-value{font-size:19px}.card-small .card-suit{font-size:16px}.card-small .card-suit-large{font-size:38px}.top-left{top:8px;left:8px}.bottom-right{bottom:8px;right:8px}}.hand-strength{display:flex;flex-direction:column;align-items:center;padding:clamp(2px,.4vh,6px) clamp(4px,.5vw,8px);background:linear-gradient(145deg,#00000080,#0f34604d);border-radius:clamp(3px,.4vw,6px);border:1px solid rgba(255,255,255,.08);min-width:clamp(35px,4.5vw,75px)}.strength-header{font-size:clamp(6px,.7vw,9px);text-transform:uppercase;color:#888;margin-bottom:clamp(1px,.2vh,3px);letter-spacing:1px}.hand-name{font-size:clamp(6px,.7vw,9px);font-weight:700;color:#fff;margin-bottom:clamp(1px,.2vh,3px);text-align:center;white-space:nowrap}.strength-meter{width:100%;height:clamp(3px,.5vh,6px);background:#0006;border-radius:clamp(1px,.2vw,3px);overflow:hidden;margin-bottom:clamp(2px,.4vh,5px)}.strength-bar{height:100%;border-radius:clamp(1px,.2vw,3px);transition:width .5s ease,background-color .5s ease;box-shadow:0 0 8px currentColor}.strength-value{font-size:clamp(9px,1.1vw,15px);font-weight:700;line-height:1;text-shadow:none}.strength-label{font-size:clamp(6px,.8vw,10px);color:#aaa;margin-top:clamp(1px,.2vh,3px);text-transform:uppercase}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 15px currentColor,0 0 25px currentColor}}.hand-strength.strong .strength-bar{animation:pulse-glow 1.5s infinite}@media(max-width:480px){.hand-strength{padding:4px 8px;min-width:50px;border-radius:4px}.strength-header{font-size:6px;margin-bottom:1px}.hand-name{font-size:7px;margin-bottom:2px}.strength-meter{height:3px;margin-bottom:2px}.strength-value{font-size:12px}.strength-label{font-size:6px;margin-top:1px}}@media(min-width:481px)and (max-width:768px){.hand-strength{padding:5px 6px;min-width:50px}.strength-header{font-size:6px}.hand-name{font-size:8px}.strength-meter{height:3px}.strength-value{font-size:12px}.strength-label{font-size:6px}}@media(min-width:769px)and (max-width:1366px){.hand-strength{padding:6px 8px;min-width:65px}.strength-header{font-size:7px}.hand-name{font-size:9px}.strength-meter{height:4px}.strength-value{font-size:14px}.strength-label{font-size:7px}}@media(min-width:1367px)and (max-width:1920px){.hand-strength{padding:8px 10px;min-width:80px}.strength-header{font-size:8px}.hand-name{font-size:10px}.strength-meter{height:5px}.strength-value{font-size:16px}.strength-label{font-size:8px}}@media(min-width:1921px)and (max-width:2560px){.hand-strength{padding:5px 7px;min-width:60px;border-radius:6px;border-width:1px}.strength-header{font-size:7px;margin-bottom:2px}.hand-name{font-size:8px;margin-bottom:3px}.strength-meter{height:4px;border-radius:2px;margin-bottom:3px}.strength-bar{border-radius:2px}.strength-value{font-size:14px}.strength-label{font-size:8px;margin-top:2px}}@media(min-width:2561px){.hand-strength{padding:18px 22px;min-width:160px;border-radius:16px;border-width:3px}.strength-header{font-size:14px;margin-bottom:6px;letter-spacing:2px}.hand-name{font-size:18px;margin-bottom:10px}.strength-meter{height:12px;border-radius:6px;margin-bottom:10px}.strength-bar{border-radius:6px}.strength-value{font-size:34px}.strength-label{font-size:16px;margin-top:6px}}.player{display:flex;flex-direction:column;align-items:center;padding:clamp(4px,.4vw,6px);background:var(--player-bg);border-radius:clamp(6px,.6vw,10px);border:1px solid var(--player-border);min-width:clamp(45px,5vw,70px);max-width:clamp(70px,8vw,100px);position:relative;transition:all .2s ease;transform:scale(1);box-shadow:0 2px 6px #00000040}.player:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);pointer-events:none;border-radius:inherit}.player-human{border-color:var(--player-human);box-shadow:0 0 8px #ff00ff40;flex-direction:row;align-items:center;gap:clamp(6px,.6vw,10px);padding:clamp(5px,.5vw,8px) clamp(8px,.8vw,12px);min-width:auto;max-width:none;background:linear-gradient(135deg,#0a001ecc,#140a28cc);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-width:2px}.player-human .player-avatar{width:clamp(32px,2.8vw,40px);height:clamp(32px,2.8vw,40px);margin-bottom:0;flex-shrink:0}.player-human .player-info{text-align:left;margin-bottom:0;flex-shrink:0;min-width:clamp(45px,4.5vw,60px)}.player-human .player-name{font-size:clamp(10px,.8vw,12px);justify-content:flex-start;margin-bottom:1px}.player-human .player-chips{font-size:clamp(10px,.9vw,12px);justify-content:flex-start}.player-human .player-bet{display:none}.player-human .player-cards-container{flex-direction:row;align-items:center}.player-human .player-cards{gap:clamp(2px,.3vw,5px)}.player-active{border-color:var(--player-active);box-shadow:0 0 12px #00ffff4d;animation:playerPulse 2s ease-in-out infinite}@keyframes playerPulse{0%,to{box-shadow:0 0 8px #0ff3}50%{box-shadow:0 0 16px #00ffff59}}.player-folded{opacity:.4;filter:grayscale(70%) brightness(.6);border-color:var(--text-muted);box-shadow:none}.player-avatar{width:clamp(22px,2.4vw,32px);height:clamp(22px,2.4vw,32px);border-radius:50%;background:var(--bg-overlay, rgba(0, 0, 0, .4));border:1.5px solid var(--player-border);display:flex;align-items:center;justify-content:center;margin-bottom:clamp(1px,.2vw,3px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.player-avatar .avatar-emoji{font-size:clamp(11px,1.3vw,18px);line-height:1}.player-human .player-avatar{border-color:var(--player-human);box-shadow:0 0 10px var(--glow-primary, rgba(255, 0, 255, .4))}.player-active .player-avatar{border-color:var(--player-active);animation:avatarPulse 2s ease-in-out infinite}@keyframes avatarPulse{0%,to{box-shadow:0 0 8px var(--glow-primary, rgba(0, 255, 255, .3))}50%{box-shadow:0 0 16px var(--glow-primary, rgba(0, 255, 255, .5))}}.player-folded .player-avatar{filter:grayscale(100%);opacity:.5}.player-info{text-align:center;margin-bottom:clamp(1px,.2vw,3px);color:var(--text-primary);max-width:100%;overflow:hidden}.player-name{font-weight:600;font-size:clamp(6px,.55vw,9px);margin-bottom:1px;display:flex;align-items:center;justify-content:center;gap:clamp(2px,.2vw,3px);color:var(--text-primary);font-family:var(--font-display);letter-spacing:.2px;text-transform:uppercase;white-space:nowrap;max-width:clamp(50px,6vw,80px);overflow:hidden;text-overflow:ellipsis}.current-indicator{color:var(--color-secondary);animation:indicatorBlink 1s infinite}@keyframes indicatorBlink{0%,to{opacity:1}50%{opacity:.3}}.player-chips{font-size:clamp(6px,.55vw,8px);color:var(--chip-color);display:flex;align-items:center;justify-content:center;gap:2px;font-family:var(--font-display);font-weight:500}.chip-icon{font-size:clamp(6px,.55vw,9px)}.player-bet{font-size:clamp(7px,.8vw,10px);color:var(--color-danger);margin-top:clamp(1px,.2vw,2px);font-family:var(--font-display)}.player-top{transform:scale(.95)}.player-cards-container{display:flex;align-items:center;gap:clamp(3px,.5vw,8px)}.player-cards{display:flex;gap:clamp(4px,.6vw,8px)}.player-reactions-container{position:relative;display:flex;align-items:center;margin-right:clamp(6px,.8vw,12px)}.player-reaction-toggle{width:clamp(22px,2.2vw,30px);height:clamp(22px,2.2vw,30px);border-radius:50%;border:1px solid var(--player-border);background:var(--bg-card);font-size:clamp(11px,1.2vw,14px);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003}.player-reaction-toggle:hover:not(:disabled){transform:scale(1.1);border-color:var(--color-secondary);box-shadow:var(--glow-secondary)}.player-reaction-toggle.active{border-color:var(--color-secondary);box-shadow:var(--glow-secondary)}.player-reaction-toggle.cooldown{opacity:.4;cursor:not-allowed;box-shadow:none}.player-reaction-toggle.disabled-turn{opacity:.3;cursor:not-allowed;box-shadow:none}.player-reactions-panel{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;gap:clamp(3px,.4vw,6px);padding:clamp(6px,.8vw,10px);background:var(--bg-overlay);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:clamp(8px,1vw,12px);border:2px solid var(--color-primary);box-shadow:var(--glow-primary);margin-bottom:8px;max-width:clamp(140px,16vw,200px);justify-content:center;animation:panelSlide .2s ease-out;z-index:200}@keyframes panelSlide{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.player-reaction-btn{width:clamp(20px,2vw,28px);height:clamp(20px,2vw,28px);border-radius:50%;border:1px solid transparent;background:#ffffff14;font-size:clamp(10px,1.1vw,14px);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.player-reaction-btn:hover{background:#fff3;border-color:var(--color-secondary);transform:scale(1.15);box-shadow:var(--glow-secondary)}.player-human .hand-strength{margin-left:clamp(6px,.6vw,10px);transform:scale(.9)}.fold-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);background:var(--color-danger);color:#fff;padding:clamp(2px,.4vw,4px) clamp(5px,.8vw,10px);border-radius:4px;font-weight:700;font-size:clamp(7px,.8vw,11px);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;box-shadow:var(--glow-secondary);border:1px solid rgba(255,255,255,.3)}.player-action{position:absolute;bottom:clamp(-6px,-.6vw,-8px);left:50%;transform:translate(-50%);padding:clamp(1px,.2vw,3px) clamp(4px,.6vw,8px);border-radius:8px;font-size:clamp(6px,.7vw,9px);font-weight:700;text-transform:uppercase;white-space:nowrap;z-index:10;font-family:var(--font-display);letter-spacing:.5px}.action-check{background:var(--action-check);color:#fff;box-shadow:var(--glow-primary)}.action-call{background:var(--action-call);color:#fff;box-shadow:var(--glow-primary)}.action-raise,.action-bet{background:var(--action-raise);color:#fff;box-shadow:var(--glow-secondary)}.action-all-in{background:var(--action-allin);color:#000;box-shadow:var(--glow-accent);animation:allInGlow .5s ease-in-out infinite alternate}@keyframes allInGlow{0%{box-shadow:var(--glow-accent)}to{box-shadow:0 0 30px var(--color-accent)}}.player-timer{position:absolute;bottom:clamp(-10px,-1vw,-14px);left:clamp(-6px,-.8vw,-10px);display:flex;align-items:center;gap:clamp(2px,.3vw,4px);padding:clamp(1px,.2vw,3px) clamp(3px,.4vw,6px);background:var(--bg-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:clamp(3px,.4vw,6px);border:1px solid var(--player-border);box-shadow:0 2px 6px #00000040;z-index:10}.player-timer-circle{position:relative;width:clamp(14px,1.6vw,22px);height:clamp(14px,1.6vw,22px)}.player-timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.player-timer-bg{fill:none;stroke:var(--text-muted);stroke-width:2.5}.player-timer-progress{fill:none;stroke:var(--color-primary);stroke-width:2.5;stroke-linecap:round;transition:stroke-dasharray .3s ease,stroke .3s ease}.player-timer.low .player-timer-progress{stroke:var(--color-warning)}.player-timer.critical .player-timer-progress{stroke:var(--color-danger);animation:timerPulse .5s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.player-timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(7px,.9vw,12px);font-weight:700;color:var(--color-primary);font-family:var(--font-display)}.player-timer.low .player-timer-text{color:var(--color-warning)}.player-timer.critical .player-timer-text{color:var(--color-danger);animation:timerPulse .5s ease-in-out infinite}.player-timer-btn{padding:clamp(1px,.2vw,4px) clamp(3px,.4vw,8px);font-size:clamp(6px,.7vw,9px);font-weight:600;background:var(--color-primary);color:#000;border:none;border-radius:clamp(2px,.3vw,5px);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.2px;box-shadow:var(--glow-primary);font-family:var(--font-display)}.player-timer-btn:hover{background:var(--color-secondary);color:#fff;transform:translateY(-1px);box-shadow:var(--glow-secondary)}.player-reaction{position:absolute;top:clamp(-28px,-3vw,-38px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;animation:reactionPop 3s ease-out forwards;z-index:100;pointer-events:none}.reaction-emoji{font-size:clamp(18px,2vw,28px);animation:emojiFloat 3s ease-out forwards}.reaction-name{font-size:clamp(8px,.9vw,12px);color:var(--color-primary);background:var(--bg-overlay);padding:2px 8px;border-radius:10px;margin-top:4px;white-space:nowrap;animation:nameFade 3s ease-out forwards;border:1px solid var(--player-border);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px}@keyframes reactionPop{0%{opacity:0;transform:translate(-50%) scale(.3) translateY(20px)}15%{opacity:1;transform:translate(-50%) scale(1.2) translateY(0)}25%{transform:translate(-50%) scale(1) translateY(0)}80%{opacity:1;transform:translate(-50%) scale(1) translateY(-10px)}to{opacity:0;transform:translate(-50%) scale(.8) translateY(-30px)}}@keyframes emojiFloat{0%{transform:scale(.5) rotate(-10deg)}15%{transform:scale(1.3) rotate(5deg)}25%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(-3deg)}75%{transform:scale(1) rotate(2deg)}to{transform:scale(.9) rotate(0)}}@keyframes nameFade{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@media(max-width:480px){.player{padding:4px 5px;min-width:48px;border-radius:5px;border-width:1px}.player-avatar{width:18px;height:18px;margin-bottom:1px}.player-avatar .avatar-emoji{font-size:10px}.player-info{margin-bottom:1px}.player-name{font-size:7px;gap:1px;margin-bottom:0}.player-chips{font-size:7px;gap:1px}.chip-icon{font-size:8px}.player-bet{font-size:6px;margin-top:1px}.player-cards{gap:2px}.player-cards-container{gap:3px}.fold-label{font-size:7px;padding:2px 5px}.player-action{font-size:6px;padding:1px 4px;bottom:-5px}.player-human{flex-direction:column;align-items:center;padding:6px 10px;gap:3px;min-width:70px;max-width:90px}.player-human .player-avatar{width:28px;height:28px;margin-bottom:2px}.player-human .player-avatar .avatar-emoji{font-size:14px}.player-human .player-info{min-width:auto;text-align:center}.player-human .player-name,.player-human .player-chips{font-size:9px;justify-content:center}.player-human .player-cards-container{flex-direction:column;align-items:center;gap:3px}.player-human .player-cards{gap:3px}.player-human .hand-strength{margin-left:0;margin-top:2px;transform:scale(.8)}.player-human .player-reactions-container{display:none}}@media(max-width:950px)and (max-height:500px){.player{padding:4px 6px;min-width:50px;max-width:70px}.player-avatar{width:20px;height:20px}.player-avatar .avatar-emoji{font-size:11px}.player-name,.player-chips{font-size:7px}.player-human{flex-direction:row;align-items:center;padding:5px 10px;gap:8px;min-width:auto;max-width:none}.player-human .player-avatar{width:28px;height:28px}.player-human .player-avatar .avatar-emoji{font-size:14px}.player-human .player-info{min-width:45px;text-align:left}.player-human .player-name,.player-human .player-chips{font-size:9px;justify-content:flex-start}.player-human .player-cards-container{flex-direction:row;align-items:center;gap:6px}.player-human .player-cards{gap:3px}.player-human .hand-strength{margin-left:6px;transform:scale(.85)}.player-human .player-reactions-container{display:none}}@media(max-width:480px){.player-timer{bottom:-8px;left:-5px;padding:1px 3px;gap:2px;border-radius:3px}.player-timer-circle{width:14px;height:14px}.player-timer-text{font-size:7px}.player-timer-btn{padding:1px 3px;font-size:5px;border-radius:2px}.player-reaction{top:-24px}.reaction-emoji{font-size:18px}.reaction-name{font-size:6px;padding:1px 4px}.player-reactions-container{margin-right:3px}.player-reaction-toggle{width:20px;height:20px;font-size:10px}.player-reactions-panel{padding:4px;gap:2px;max-width:120px}.player-reaction-btn{width:20px;height:20px;font-size:10px}}@media(min-width:481px)and (max-width:768px){.player{padding:5px 6px;min-width:60px;border-radius:8px}.player-avatar{width:24px;height:24px}.player-avatar .avatar-emoji{font-size:12px}.player-name,.player-chips{font-size:8px}.player-bet{font-size:7px}.fold-label{font-size:8px}.player-action{font-size:7px}.player-timer{bottom:-10px;left:-6px;padding:2px 4px;gap:2px}.player-timer-circle{width:16px;height:16px}.player-timer-text{font-size:7px}.player-timer-btn{padding:2px 4px;font-size:6px}.player-reaction{top:-28px}.reaction-emoji{font-size:22px}.reaction-name{font-size:7px}.player-reactions-container{margin-right:5px}.player-reaction-toggle{width:24px;height:24px;font-size:12px}.player-reactions-panel{padding:5px;gap:3px;max-width:130px}.player-reaction-btn{width:22px;height:22px;font-size:11px}}@media(min-width:769px)and (max-width:1366px){.player{padding:6px 8px;min-width:70px;border-radius:8px}.player-avatar{width:28px;height:28px}.player-avatar .avatar-emoji{font-size:14px}.player-name,.player-chips{font-size:9px}.player-timer{bottom:-10px;left:-8px;padding:2px 4px;gap:3px}.player-timer-circle{width:18px;height:18px}.player-timer-text{font-size:8px}.player-timer-btn{padding:2px 4px;font-size:6px}.player-reaction{top:-32px}.reaction-emoji{font-size:26px}.reaction-name{font-size:8px}.player-reactions-container{margin-right:6px}.player-reaction-toggle{width:26px;height:26px;font-size:13px}.player-reactions-panel{padding:5px;gap:3px;max-width:150px}.player-reaction-btn{width:24px;height:24px;font-size:12px}}@media(min-width:1921px)and (max-width:2560px){.player{padding:8px;min-width:80px;border-radius:10px;border-width:1px}.player-avatar{width:32px;height:32px}.player-avatar .avatar-emoji{font-size:16px}.player-info{margin-bottom:3px}.player-name{font-size:10px;margin-bottom:2px;gap:3px}.player-chips{font-size:9px;gap:2px}.chip-icon{font-size:10px}.player-bet{font-size:8px;margin-top:2px}.player-cards,.player-cards-container{gap:6px}.fold-label{font-size:10px;padding:3px 8px}.player-action{font-size:8px;padding:2px 6px;bottom:-7px}.player-timer{bottom:-10px;left:-8px;padding:2px 4px;gap:3px;border-radius:4px}.player-timer-circle{width:18px;height:18px}.player-timer-text{font-size:7px}.player-timer-btn{padding:2px 4px;font-size:6px;border-radius:3px}.player-reaction{top:-34px}.reaction-emoji{font-size:28px}.reaction-name{font-size:9px}.player-reactions-container{margin-right:8px}.player-reaction-toggle{width:28px;height:28px;font-size:14px}.player-reactions-panel{padding:6px;gap:4px;max-width:160px}.player-reaction-btn{width:26px;height:26px;font-size:13px}}@media(min-width:2561px){.player{padding:14px;min-width:120px;border-radius:14px;border-width:2px}.player-avatar{width:48px;height:48px}.player-avatar .avatar-emoji{font-size:26px}.player-info{margin-bottom:8px}.player-name{font-size:14px;margin-bottom:4px;gap:5px}.current-indicator{font-size:14px}.player-chips{font-size:13px;gap:4px}.chip-icon{font-size:14px}.player-bet{font-size:11px;margin-top:4px}.player-cards{gap:8px}.player-cards-container{gap:10px}.fold-label{font-size:14px;padding:6px 14px;border-radius:6px}.player-action{font-size:11px;padding:4px 10px;border-radius:10px;bottom:-10px}.player-timer{bottom:-14px;left:-10px;padding:4px 6px;gap:5px;border-radius:6px}.player-timer-circle{width:24px;height:24px}.player-timer-bg,.player-timer-progress{stroke-width:3}.player-timer-text{font-size:10px}.player-timer-btn{padding:3px 6px;font-size:8px;border-radius:4px}.player-reaction{top:-44px}.reaction-emoji{font-size:36px}.reaction-name{font-size:11px;padding:3px 8px}.player-reactions-container{margin-right:10px}.player-reaction-toggle{width:36px;height:36px;font-size:18px;border-width:2px}.player-reactions-panel{padding:8px;gap:5px;max-width:180px;border-radius:12px;border-width:2px}.player-reaction-btn{width:32px;height:32px;font-size:16px;border-width:2px}}.chip-animation-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.flying-chip,.pot-chip,.stacked-chip{width:clamp(10px,1.4vw,18px);height:clamp(10px,1.4vw,18px);border-radius:50%;position:absolute;box-shadow:inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0003,0 2px 4px #0000004d;border:1px dashed rgba(255,255,255,.25)}.pot-chip:before,.stacked-chip:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;border:2px solid rgba(255,255,255,.5);border-radius:50%}.flying-chip:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;border:2px solid rgba(255,255,255,.7);border-radius:50%}.flying-chip:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(255,215,0,.4) 0%,transparent 70%);border-radius:50%;animation:chipGlow .3s ease-in-out infinite alternate}@keyframes chipGlow{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.flying-chip{left:var(--start-x);top:var(--start-y);transform:translate(-50%,-50%);animation:flyToPot .7s cubic-bezier(.34,1.56,.64,1) forwards;z-index:50;box-shadow:inset 0 2px 4px #fff6,inset 0 -2px 4px #0000004d,0 4px 15px #ffd70099,0 0 20px #ffd70066}@keyframes flyToPot{0%{left:var(--start-x);top:var(--start-y);transform:translate(-50%,-50%) scale(1.3) rotate(0);opacity:1;filter:brightness(1.2)}30%{transform:translate(-50%,calc(-50% - 30px)) scale(1.5) rotate(120deg);filter:brightness(1.4)}60%{transform:translate(-50%,calc(-50% - 15px)) scale(1.2) rotate(240deg);filter:brightness(1.2)}to{left:var(--end-x);top:var(--end-y);transform:translate(-50%,-50%) scale(1) rotate(360deg);opacity:1;filter:brightness(1)}}.pot-chip{transition:all .3s ease;animation:chipLand .4s cubic-bezier(.34,1.56,.64,1)}@keyframes chipLand{0%{transform:translate(-50%,-50%) scale(.3);opacity:0;filter:brightness(1.5)}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1;filter:brightness(1.3)}75%{transform:translate(-50%,-50%) scale(.9)}to{transform:translate(-50%,-50%) scale(1);opacity:1;filter:brightness(1)}}.pot-chip.collecting{animation:collectChip .6s ease-in forwards}@keyframes collectChip{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-100%) scale(1.2);opacity:.8}to{transform:translate(-50%,-200%) scale(.5);opacity:0}}.player-chip-stack{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:25}.chip-stack-container{position:relative;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.stacked-chip{position:absolute;animation:stackAppear .3s ease-out}@keyframes stackAppear{0%{transform:translateY(-20px) scale(0);opacity:0}to{opacity:1}}.chip-value-label{display:flex;flex-direction:column;align-items:center;background:#000000d9;padding:1px 4px;border-radius:4px;white-space:nowrap;box-shadow:0 1px 4px #0006;border:1px solid rgba(255,215,0,.3);margin-top:2px}.chip-player-name{font-size:clamp(5px,.6vw,7px);color:#a0aec0;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.chip-bet-amount{font-size:clamp(6px,.8vw,9px);color:gold;font-weight:700}@media(max-width:480px){.flying-chip,.pot-chip,.stacked-chip{width:10px;height:10px;border-width:1px}.flying-chip:before,.pot-chip:before,.stacked-chip:before{border-width:1px}.chip-stack-container{width:18px;height:18px}.chip-value-label{padding:1px 3px;margin-top:1px;border-radius:3px}.chip-player-name{font-size:4px}.chip-bet-amount{font-size:6px}}@media(min-width:481px)and (max-width:768px){.flying-chip,.pot-chip,.stacked-chip{width:16px;height:16px}.chip-stack-container{width:30px;height:30px}.chip-player-name{font-size:7px}.chip-bet-amount{font-size:9px}}@media(min-width:769px)and (max-width:1366px){.flying-chip,.pot-chip,.stacked-chip{width:20px;height:20px}.chip-stack-container{width:36px;height:36px}.chip-player-name{font-size:8px}.chip-bet-amount{font-size:10px}}@media(min-width:1367px)and (max-width:1920px){.flying-chip,.pot-chip,.stacked-chip{width:24px;height:24px}.chip-stack-container{width:42px;height:42px}.chip-value-label{padding:3px 8px;margin-top:5px}.chip-player-name{font-size:9px}.chip-bet-amount{font-size:12px}}@media(min-width:1921px)and (max-width:2560px){.flying-chip,.pot-chip,.stacked-chip{width:22px;height:22px}.chip-stack-container{width:40px;height:40px}.chip-player-name{font-size:9px}.chip-bet-amount{font-size:11px}}@media(min-width:2561px){.flying-chip,.pot-chip,.stacked-chip{width:32px;height:32px}.flying-chip:before,.pot-chip:before,.stacked-chip:before{border-width:3px}.chip-stack-container{width:56px;height:56px}.chip-value-label{padding:4px 10px;margin-top:6px}.chip-player-name{font-size:11px}.chip-bet-amount{font-size:14px}}@media(min-width:1921px)and (max-width:2560px){.flying-chip,.pot-chip,.stacked-chip{width:20px;height:20px}.chip-value-label{font-size:10px}}@media(min-width:2561px){.flying-chip,.pot-chip,.stacked-chip{width:36px;height:36px;border-width:3px}.flying-chip:before,.pot-chip:before,.stacked-chip:before{border-width:3px}.chip-stack-container{width:60px;height:60px}.chip-value-label{padding:4px 10px;margin-top:6px}.chip-player-name{font-size:12px}.chip-bet-amount{font-size:16px}}.table-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;padding:clamp(5px,1vw,15px)}.poker-table{position:relative;width:clamp(280px,75vw,900px);height:clamp(160px,42vw,500px);max-width:95vw;max-height:70vh}.table-felt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:82%;height:68%;background:var(--table-felt);border-radius:45%/50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(3px,.4vw,8px);border:clamp(2px,.4vw,4px) solid var(--table-border);box-shadow:0 4px 20px #0000004d,inset 0 0 40px #0006;overflow:hidden}[data-theme=cyberpunk] .table-felt:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#0ff,#f0f,#0ff,#f0f);background-size:400% 400%;border-radius:inherit;z-index:-1;animation:borderGlow 4s ease infinite;filter:blur(2px);opacity:.7}@keyframes borderGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.table-logo{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:.15;pointer-events:none;z-index:0}.logo-icon{display:flex;gap:clamp(2px,.4vw,6px);justify-content:center;font-size:clamp(14px,2.5vw,36px)}.logo-icon .spade,.logo-icon .club{color:var(--suit-spades)}.logo-icon .heart,.logo-icon .diamond{color:var(--suit-hearts)}.logo-text{font-size:clamp(10px,1.8vw,28px);font-weight:700;letter-spacing:clamp(2px,.5vw,8px);color:var(--color-primary);margin-top:clamp(2px,.3vw,5px);font-family:var(--font-display);text-transform:uppercase}.game-phase{position:absolute;bottom:clamp(12px,2.5vw,30px);left:50%;transform:translate(-50%);padding:clamp(2px,.3vw,4px) clamp(6px,.9vw,14px);background:var(--bg-overlay);border-radius:clamp(3px,.3vw,5px);font-size:clamp(7px,.7vw,10px);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:clamp(.5px,.1vw,1.5px);border:1px solid var(--color-primary);box-shadow:0 2px 6px #0003;z-index:10;font-family:var(--font-display)}.community-cards{display:flex;gap:clamp(3px,.5vw,8px);margin-top:clamp(3px,.6vw,10px);z-index:5}.community-card-slot{position:relative}.card-placeholder{width:clamp(28px,3.2vw,48px);height:clamp(40px,4.6vw,70px);background:#0003;border:1px dashed var(--table-border);border-radius:clamp(3px,.4vw,5px);opacity:.4}.pot-display{display:flex;flex-direction:column;align-items:center;gap:clamp(1px,.1vw,2px);padding:clamp(3px,.4vw,8px) clamp(8px,1vw,18px);background:var(--bg-overlay);border-radius:clamp(4px,.4vw,6px);border:1px solid var(--pot-border);box-shadow:0 2px 8px #00000040;z-index:5;margin-top:clamp(20px,3vw,45px)}.pot-label{font-size:clamp(6px,.6vw,8px);color:var(--text-secondary);text-transform:uppercase;letter-spacing:clamp(.3px,.08vw,.8px)}.pot-amount{font-size:clamp(9px,1vw,14px);font-weight:700;color:var(--chip-color);font-family:var(--font-display)}.player-position{position:absolute;display:flex;justify-content:center;align-items:center;z-index:10}.position-bottom{bottom:clamp(-25px,-4vw,-45px);left:50%;transform:translate(-50%)}.position-bottom-left{bottom:clamp(12px,3vw,35px);left:clamp(8px,2.5vw,30px)}.position-top-left{top:clamp(12px,3vw,35px);left:clamp(8px,2.5vw,30px)}.position-top{top:clamp(-15px,-2.5vw,-22px);left:50%;transform:translate(-50%)}.position-top-right{top:clamp(12px,3vw,35px);right:clamp(8px,2.5vw,30px)}.position-bottom-right{bottom:clamp(12px,3vw,35px);right:clamp(8px,2.5vw,30px)}.dealer-button{position:absolute;width:clamp(16px,1.8vw,24px);height:clamp(16px,1.8vw,24px);background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(8px,.9vw,12px);font-weight:800;color:#1a1a2e;font-family:var(--font-display);box-shadow:0 2px 6px #0000004d;border:1px solid #d4af37;z-index:15;text-shadow:none}.dealer-button-bottom{top:clamp(-8px,-1vw,-12px);right:clamp(-8px,-1vw,-12px)}.dealer-button-bottom-left{top:clamp(-5px,-.6vw,-8px);right:clamp(-5px,-.6vw,-8px)}.dealer-button-top-left{bottom:clamp(-5px,-.6vw,-8px);right:clamp(-5px,-.6vw,-8px)}.dealer-button-top{bottom:clamp(-8px,-1vw,-12px);right:clamp(-8px,-1vw,-12px)}.dealer-button-top-right{bottom:clamp(-5px,-.6vw,-8px);left:clamp(-5px,-.6vw,-8px)}.dealer-button-bottom-right{top:clamp(-5px,-.6vw,-8px);left:clamp(-5px,-.6vw,-8px)}@media(max-width:480px){.table-container{padding:5px}.poker-table{width:100%;height:55vw;max-height:50vh}.table-felt{width:90%;height:82%;border-width:2px;border-radius:44%/48%}.community-cards{gap:5px;margin-top:5px}.card-placeholder{width:36px;height:52px;border-width:1px;border-radius:4px}.pot-display{padding:5px 12px;gap:2px;border-radius:5px;margin-top:10px}.pot-label{font-size:8px}.pot-amount{font-size:13px}.game-phase{padding:3px 10px;font-size:9px;bottom:12px}.logo-icon{font-size:14px;gap:3px}.logo-text{font-size:10px;letter-spacing:2px}.position-bottom{bottom:-45px}.position-top{top:-20px}.position-bottom-left,.position-bottom-right{bottom:10px}.position-top-left,.position-top-right{top:10px}.position-bottom-left,.position-top-left{left:5px}.position-bottom-right,.position-top-right{right:5px}.dealer-button{width:18px;height:18px;font-size:9px;border-width:1px}.dealer-button-bottom,.dealer-button-top{top:-7px;right:-7px}.dealer-button-top{top:auto;bottom:-7px}.dealer-button-bottom-left,.dealer-button-top-left,.dealer-button-bottom-right,.dealer-button-top-right{top:-5px;right:-5px}.dealer-button-top-left{top:auto;bottom:-5px}.dealer-button-top-right{inset:auto auto -5px -5px}.dealer-button-bottom-right{right:auto;left:-5px}}@media(max-width:950px)and (max-height:500px){.poker-table{width:100%;height:48vw;max-height:70vh}.table-felt{width:88%;height:75%;border-radius:42%/48%}.position-bottom{bottom:-55px}.position-top{top:-15px}.position-bottom-left,.position-bottom-right{bottom:8px}.position-top-left,.position-top-right{top:8px}}@media(min-width:481px)and (max-width:768px){.poker-table{width:90vw;height:48vw;max-height:60vh}.table-felt{width:80%;height:76%;border-width:3px}.community-cards{gap:6px}.pot-display{padding:5px 12px}.pot-label{font-size:8px}.pot-amount{font-size:13px}.game-phase{font-size:9px}.dealer-button{width:18px;height:18px;font-size:9px}}@media(min-width:769px)and (max-width:1366px){.poker-table{width:80vw;height:44vw;max-height:65vh}.table-felt{border-width:4px}.community-cards{gap:8px}.pot-display{padding:6px 16px}.pot-label{font-size:9px}.pot-amount{font-size:15px}.game-phase{font-size:11px;padding:4px 12px}.dealer-button{width:24px;height:24px;font-size:12px}}@media(min-width:1367px)and (max-width:1920px){.poker-table{width:75vw;height:42vw;max-height:68vh}.table-felt{border-width:5px}.community-cards{gap:10px}.pot-display{padding:8px 20px}.pot-label{font-size:10px}.pot-amount{font-size:17px}.game-phase{font-size:12px;padding:5px 15px}.dealer-button{width:28px;height:28px;font-size:14px}}@media(min-width:1921px)and (max-width:2560px){.poker-table{width:70vw;height:38vw;max-height:65vh}.table-felt{border-width:4px}.community-cards{gap:8px;margin-top:8px}.pot-display{padding:6px 14px;margin-top:18px}.pot-label{font-size:8px}.pot-amount{font-size:14px}.game-phase{font-size:10px;padding:3px 10px;bottom:20px}.logo-icon{font-size:24px}.logo-text{font-size:18px}.position-top{top:-18px}.position-bottom{bottom:-35px}}@media(min-width:2561px){.poker-table{width:65vw;height:36vw;max-height:60vh}.table-felt{border-width:8px}.community-cards{gap:18px;margin-top:25px}.card-placeholder{width:95px;height:138px;border-width:3px;border-radius:12px}.pot-display{padding:16px 40px;border-radius:14px;border-width:3px;margin-top:50px}.pot-label{font-size:16px;letter-spacing:2px}.pot-amount{font-size:30px}.game-phase{font-size:20px;padding:10px 30px;border-radius:10px;bottom:40px;letter-spacing:3px}.logo-icon{font-size:50px;gap:8px}.logo-text{font-size:40px;letter-spacing:12px;margin-top:8px}.position-bottom{bottom:-55px}.position-top{top:-35px}.position-bottom-left,.position-bottom-right{bottom:35px}.position-top-left,.position-top-right{top:35px}.position-bottom-left,.position-top-left{left:30px}.position-bottom-right,.position-top-right{right:30px}.dealer-button{width:48px;height:48px;font-size:24px;border-width:3px}.dealer-button-bottom,.dealer-button-top{top:-18px;right:-18px}.dealer-button-top{top:auto;bottom:-18px}.dealer-button-bottom-left,.dealer-button-top-left,.dealer-button-bottom-right,.dealer-button-top-right{top:-12px;right:-12px}.dealer-button-top-left{top:auto;bottom:-12px}.dealer-button-top-right{inset:auto auto -12px -12px}.dealer-button-bottom-right{right:auto;left:-12px}}.controls{display:flex;flex-direction:column;gap:clamp(2px,.3vh,4px);padding:clamp(4px,.5vh,8px);background:var(--bg-overlay);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:clamp(6px,.8vw,10px);border:1px solid var(--player-border);box-shadow:0 4px 16px #00000059;max-width:clamp(180px,22vw,300px);margin:0 auto;flex-shrink:0;position:relative}.controls:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:.8}.controls-disabled{opacity:.4;pointer-events:none;border-color:#6464644d;box-shadow:none}.controls-main{display:flex;gap:clamp(3px,.5vw,6px);justify-content:center}.control-btn{padding:clamp(3px,.4vh,6px) clamp(5px,.6vw,10px);font-size:clamp(6px,.65vw,9px);font-weight:600;border:none;border-radius:clamp(4px,.5vw,6px);cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:clamp(2px,.2vw,4px);position:relative;font-family:var(--font-display);overflow:hidden}.control-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .3s ease}.control-btn:hover:not(:disabled):before{left:100%}.control-btn:hover:not(:disabled){transform:translateY(-2px)}.control-btn:active:not(:disabled){transform:translateY(0)}.control-btn:disabled{opacity:.3;cursor:not-allowed}.btn-text{white-space:nowrap}.btn-shortcut{display:inline-flex;align-items:center;justify-content:center;width:clamp(12px,1.3vw,18px);height:clamp(12px,1.3vw,18px);background:#0006;border-radius:clamp(2px,.25vw,4px);font-size:clamp(7px,.75vw,10px);font-weight:700;border:1px solid rgba(255,255,255,.2)}.btn-fold{background:var(--btn-fold-bg);color:var(--btn-fold-color);border:1px solid rgba(150,150,150,.3);box-shadow:0 0 10px #64646433}.btn-fold:hover:not(:disabled){background:linear-gradient(135deg,#505064e6,#3c3c50e6);border-color:#c8c8c866;box-shadow:0 0 15px #9696964d}.btn-check{background:var(--btn-check-bg);color:var(--btn-check-color);border:1px solid var(--color-success);box-shadow:var(--glow-primary)}.btn-check:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--glow-secondary)}.btn-call{background:var(--btn-call-bg);color:var(--btn-call-color);border:1px solid var(--color-primary);box-shadow:var(--glow-primary)}.btn-call:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--glow-secondary)}.btn-raise{background:var(--btn-raise-bg);color:var(--btn-raise-color);border:1px solid var(--color-secondary);box-shadow:var(--glow-secondary);width:100%}.btn-raise:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--glow-accent)}.btn-allin{background:var(--btn-allin-bg);color:var(--btn-allin-color);border:1px solid var(--color-accent);box-shadow:var(--glow-accent);animation:allInPulse 1s ease-in-out infinite alternate}.btn-allin:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--glow-accent),0 0 40px var(--color-accent)}@keyframes allInPulse{0%{box-shadow:var(--glow-accent)}to{box-shadow:var(--glow-accent),0 0 30px var(--color-accent)}}[data-theme=classic] .btn-allin{animation:none}.controls-raise{display:flex;flex-direction:column;gap:clamp(3px,.4vh,6px);padding:clamp(4px,.5vh,8px);background:#0006;border-radius:clamp(5px,.6vw,8px);border:1px solid var(--color-secondary)}[data-theme=classic] .controls-raise{border-color:#d4af374d}.raise-presets{display:flex;gap:clamp(2px,.3vw,5px);justify-content:center;flex-wrap:wrap}.preset-btn{padding:clamp(2px,.3vh,5px) clamp(5px,.6vw,10px);font-size:clamp(6px,.65vw,9px);font-weight:600;border:1px solid var(--player-border);border-radius:clamp(3px,.35vw,5px);background:#ffffff1a;color:var(--color-primary);cursor:pointer;transition:all .15s ease;font-family:var(--font-display)}.preset-btn:hover:not(:disabled){background:#fff3;border-color:var(--color-primary);box-shadow:var(--glow-primary)}.preset-btn.active{background:var(--btn-raise-bg);border-color:var(--color-secondary);color:var(--btn-raise-color);box-shadow:var(--glow-secondary)}.preset-btn:disabled{opacity:.2;cursor:not-allowed}.raise-slider{display:flex;align-items:center;gap:clamp(4px,.6vw,10px)}.raise-slider input[type=range]{flex:1;height:clamp(3px,.35vh,5px);border-radius:clamp(2px,.2vh,3px);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));outline:none;-webkit-appearance:none}.raise-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:clamp(10px,1vw,14px);height:clamp(10px,1vw,14px);border-radius:50%;background:var(--btn-raise-bg);cursor:pointer;border:2px solid #fff;box-shadow:var(--glow-secondary)}.raise-slider input[type=range]::-moz-range-thumb{width:clamp(10px,1vw,14px);height:clamp(10px,1vw,14px);border-radius:50%;background:var(--btn-raise-bg);cursor:pointer;border:2px solid #fff;box-shadow:var(--glow-secondary)}.raise-value{min-width:clamp(32px,3.5vw,50px);text-align:center;font-weight:700;color:var(--chip-color);font-size:clamp(9px,.85vw,12px);text-shadow:var(--glow-accent);font-family:var(--font-display)}[data-theme=classic] .raise-value{text-shadow:0 1px 2px rgba(0,0,0,.5)}.controls-reactions{display:flex;align-items:center;justify-content:center;position:relative;margin-top:clamp(4px,.5vh,8px);padding-top:clamp(4px,.5vh,8px);border-top:1px solid var(--player-border)}.reaction-toggle{width:clamp(20px,2vw,30px);height:clamp(20px,2vw,30px);border-radius:50%;border:1px solid var(--player-border);background:linear-gradient(135deg,#ffffff14,#00000026);font-size:clamp(10px,1.1vw,14px);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003}.reaction-toggle:hover:not(:disabled){background:linear-gradient(135deg,#fff3,#0000004d);border-color:var(--color-secondary);transform:scale(1.1);box-shadow:var(--glow-secondary)}.reaction-toggle.active{background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));border-color:var(--color-secondary);box-shadow:var(--glow-secondary)}.reaction-toggle.cooldown{opacity:.4;cursor:not-allowed;border-color:#6464644d;box-shadow:none}.reaction-toggle.cooldown:hover{transform:none}.reactions-panel{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;gap:clamp(3px,.4vw,6px);padding:clamp(6px,.8vw,10px);background:var(--bg-overlay);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:clamp(8px,1vw,12px);border:2px solid var(--color-primary);box-shadow:var(--glow-primary),0 -4px 30px #000000b3;margin-bottom:8px;max-width:clamp(170px,20vw,260px);justify-content:center;animation:panelSlideUp .2s ease-out;z-index:1000}@keyframes panelSlideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.reaction-btn{width:clamp(22px,2.2vw,32px);height:clamp(22px,2.2vw,32px);border-radius:50%;border:1px solid transparent;background:#ffffff14;font-size:clamp(11px,1.2vw,16px);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.reaction-btn:hover{background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));border-color:var(--color-secondary);transform:scale(1.2);box-shadow:var(--glow-secondary)}.reaction-btn:active{transform:scale(.95)}@media(max-width:480px){.controls{position:fixed;bottom:0;left:0;right:0;padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom));gap:6px;border-radius:12px 12px 0 0;max-width:100%;border-width:1px 1px 0 1px;z-index:100;background:var(--bg-overlay);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.controls-main{gap:6px;flex-wrap:nowrap;justify-content:space-between}.control-btn{flex:1;padding:12px 8px;font-size:11px;border-radius:8px;gap:3px;min-height:44px}.btn-shortcut{display:none}.controls-raise{padding:6px;gap:5px}.raise-presets{gap:4px}.preset-btn{padding:5px 10px;font-size:10px}.raise-slider{gap:8px}.raise-slider input[type=range]{height:6px}.raise-slider input[type=range]::-webkit-slider-thumb{width:18px;height:18px}.raise-slider input[type=range]::-moz-range-thumb{width:18px;height:18px}.raise-value{min-width:45px;font-size:12px}.btn-raise{padding:8px 12px;font-size:11px}.reaction-toggle,.reactions-panel,.controls-reactions{display:none}}@media(max-width:950px)and (max-height:500px){.controls{position:fixed;bottom:0;left:0;right:0;padding:6px 15px;padding-bottom:max(6px,env(safe-area-inset-bottom));gap:5px;border-radius:10px 10px 0 0;max-width:100%;border-width:1px 1px 0 1px;z-index:100;background:var(--bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.controls-main{gap:8px}.control-btn{flex:1;padding:10px 12px;font-size:11px;min-height:40px}.controls-raise{padding:5px 8px;gap:4px}.preset-btn{padding:4px 8px;font-size:9px}.raise-value{font-size:11px}.btn-raise{padding:6px 10px;font-size:10px}.btn-shortcut,.controls-reactions{display:none}}@media(min-width:481px)and (max-width:768px){.controls{padding:8px;gap:6px;max-width:320px}.control-btn{padding:6px 10px;font-size:9px}.btn-shortcut{width:13px;height:13px;font-size:8px}.preset-btn{padding:4px 8px;font-size:8px}.raise-value{font-size:11px}.reaction-toggle{width:32px;height:32px;font-size:16px}.reactions-panel{padding:8px;gap:5px;max-width:220px}.reaction-btn{width:34px;height:34px;font-size:16px}}@media(min-width:769px)and (max-width:1366px){.controls{padding:10px;gap:8px;max-width:360px}.control-btn{padding:7px 14px;font-size:10px}.preset-btn{padding:4px 10px;font-size:9px}.raise-value{font-size:12px}.reaction-toggle{width:36px;height:36px;font-size:18px}.reactions-panel{padding:10px;gap:6px;max-width:260px}.reaction-btn{width:40px;height:40px;font-size:20px}}@media(min-width:1367px)and (max-width:1920px){.controls{padding:12px;gap:10px;max-width:400px}.control-btn{padding:8px 16px;font-size:11px}.btn-shortcut{width:16px;height:16px;font-size:9px}.preset-btn{padding:5px 12px;font-size:10px}.raise-value{font-size:13px}.reaction-toggle{width:40px;height:40px;font-size:20px}.reactions-panel{padding:12px;gap:8px;max-width:300px}.reaction-btn{width:44px;height:44px;font-size:22px}}@media(min-width:1921px)and (max-width:2560px){.controls{padding:10px;gap:6px;border-radius:12px;max-width:380px}.controls-main{gap:5px}.control-btn{padding:7px 14px;font-size:10px;border-radius:6px;gap:5px}.btn-shortcut{width:15px;height:15px;font-size:9px;border-radius:3px}.controls-raise{padding:8px;gap:5px;border-radius:8px}.raise-presets{gap:4px}.preset-btn{padding:4px 10px;font-size:9px;border-radius:4px}.raise-slider{gap:8px}.raise-slider input[type=range]{height:4px;border-radius:2px}.raise-slider input[type=range]::-webkit-slider-thumb{width:14px;height:14px}.raise-slider input[type=range]::-moz-range-thumb{width:14px;height:14px}.raise-value{min-width:45px;font-size:11px}.btn-raise{padding:6px 14px;font-size:10px}.reaction-toggle{width:36px;height:36px;font-size:18px}.reactions-panel{padding:10px;gap:6px;max-width:280px}.reaction-btn{width:40px;height:40px;font-size:20px}}@media(min-width:2561px){.controls{padding:20px;gap:14px;border-radius:18px;max-width:600px;border-width:3px}.controls-main{gap:12px}.control-btn{padding:14px 28px;font-size:17px;border-radius:12px;gap:10px}.btn-shortcut{width:26px;height:26px;font-size:14px;border-radius:5px}.controls-raise{padding:16px;gap:12px;border-radius:12px}.raise-presets{gap:10px}.preset-btn{padding:8px 18px;font-size:14px;border-radius:6px}.raise-slider{gap:16px}.raise-slider input[type=range]{height:8px;border-radius:4px}.raise-slider input[type=range]::-webkit-slider-thumb{width:24px;height:24px;border-width:3px}.raise-slider input[type=range]::-moz-range-thumb{width:24px;height:24px;border-width:3px}.raise-value{min-width:90px;font-size:18px}.btn-raise{padding:12px 28px;font-size:16px}.reaction-toggle{width:56px;height:56px;font-size:28px;border-width:3px}.reactions-panel{padding:16px;gap:10px;max-width:420px;border-radius:20px;border-width:3px}.reaction-btn{width:60px;height:60px;font-size:32px;border-width:3px}}.game-log{width:clamp(180px,20vw,280px);height:100%;background:linear-gradient(145deg,#1a1a2ef2,#16213ef2);border-radius:clamp(8px,1vw,12px);border:2px solid #0f3460;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.game-log-header{padding:clamp(6px,1vh,12px) clamp(8px,1vw,15px);background:#0000004d;border-bottom:1px solid #0f3460;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.game-log-header h3{margin:0;font-size:clamp(10px,1.1vw,14px);color:gold;text-transform:uppercase;letter-spacing:1px}.phase-badge{background:#e94560;color:#fff;padding:clamp(2px,.3vh,3px) clamp(6px,.8vw,10px);border-radius:12px;font-size:clamp(8px,.9vw,11px);font-weight:700;text-transform:uppercase}.game-log-content{flex:1;overflow-y:auto;padding:clamp(6px,.8vh,10px);display:flex;flex-direction:column;gap:clamp(4px,.5vh,6px);min-height:0}.log-empty{color:#666;text-align:center;padding:clamp(10px,1.5vh,20px);font-style:italic;font-size:clamp(10px,1vw,13px)}.log-entry{display:flex;align-items:center;gap:clamp(4px,.6vw,8px);padding:clamp(4px,.6vh,8px) clamp(6px,.8vw,10px);background:#0003;border-radius:clamp(4px,.5vw,6px);font-size:clamp(9px,1vw,12px);color:#ccc;animation:slideIn .2s ease;flex-shrink:0}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.log-icon{font-size:clamp(10px,1.1vw,14px);width:clamp(14px,1.5vw,20px);text-align:center;flex-shrink:0}.log-content{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.log-message{line-height:1.3}.log-cards{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.mini-card{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#f0f0f0);color:#1a1a2e;font-size:clamp(8px,.9vw,11px);font-weight:700;padding:1px 3px;border-radius:2px;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 2px #0003;font-family:Courier New,monospace;line-height:1}.mini-card-red{color:#e94560}.log-hand-name{font-size:clamp(7px,.8vw,10px);color:gold;font-style:italic;margin-left:4px}.log-entry.has-cards{align-items:flex-start}.winner-cards{display:flex;gap:4px;margin:4px 0}.winner-cards .mini-card{font-size:clamp(9px,1vw,12px);padding:2px 4px}.log-amount{font-weight:700;color:gold}.log-fold{border-left:3px solid #6c757d;opacity:.7}.log-check{border-left:3px solid #28a745}.log-call{border-left:3px solid #17a2b8}.log-raise{border-left:3px solid #e94560}.log-allin{border-left:3px solid #ffd700;background:#ffd7001a}.log-win{border-left:3px solid #ffd700;background:#ffd70026;color:#fff}.log-phase{border-left:3px solid #9c27b0;background:#9c27b01a;color:#e1bee7}.log-reaction{border-left:3px solid #ff9800;background:#ff98001a;color:#ffe0b2}.log-rake{border-left:3px solid #607d8b;background:#607d8b1a;color:#b0bec5;opacity:.8}.game-log-winners{padding:clamp(6px,1vh,12px);background:linear-gradient(145deg,#ffd70026,#e945601a);border-top:1px solid #ffd700;flex-shrink:0}.winners-title{font-size:clamp(10px,1.1vw,14px);font-weight:700;color:gold;margin-bottom:clamp(5px,.8vh,10px);text-align:center}.winner-entry{display:flex;flex-direction:column;align-items:center;padding:clamp(4px,.6vh,8px);background:#0003;border-radius:clamp(4px,.6vw,8px);margin-bottom:clamp(3px,.5vh,6px)}.winner-entry:last-child{margin-bottom:0}.winner-name{font-weight:700;color:#fff;font-size:clamp(10px,1.1vw,14px)}.winner-hand{font-size:clamp(9px,1vw,12px);color:#e94560;margin-top:2px}.game-log-content::-webkit-scrollbar{width:clamp(4px,.5vw,6px)}.game-log-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.game-log-content::-webkit-scrollbar-thumb{background:#e94560;border-radius:3px}.game-log-content::-webkit-scrollbar-thumb:hover{background:#d63850}@media(max-width:480px){.game-log{width:100%;min-width:0;height:auto;border-radius:8px;border-width:1px}.game-log-header{padding:4px 8px}.game-log-header h3{font-size:9px}.phase-badge{font-size:8px;padding:2px 6px}.game-log-content{padding:4px;gap:3px;max-height:60px;overflow-y:auto}.log-entry{padding:4px 6px;font-size:9px;gap:4px;border-left-width:2px}.log-icon{font-size:10px;width:14px}.game-log-winners{padding:4px}.winners-title{font-size:9px;margin-bottom:4px}.winner-entry{padding:4px}.winner-name{font-size:9px}.winner-hand{font-size:8px}.game-log-content::-webkit-scrollbar{width:3px}.mini-card{font-size:8px;padding:1px 2px}.log-hand-name{font-size:7px}.log-cards{gap:2px}.winner-cards .mini-card{font-size:9px}.log-empty{padding:8px;font-size:9px}}@media(min-width:481px)and (max-width:768px){.game-log{width:100%;height:auto;max-height:90px}.game-log-header{padding:6px 10px}.game-log-header h3{font-size:10px}.log-entry{font-size:9px}}@media(min-width:769px)and (max-width:1366px){.game-log{width:200px}.game-log-header{padding:8px 10px}.game-log-header h3{font-size:11px}.log-entry{font-size:10px}}@media(min-width:1367px)and (max-width:1920px){.game-log{width:250px}.game-log-header h3{font-size:12px}}@media(min-width:1921px)and (max-width:2560px){.game-log{width:220px;border-radius:10px;border-width:2px}.game-log-header{padding:8px 10px}.game-log-header h3{font-size:11px}.phase-badge{font-size:9px;padding:2px 8px;border-radius:10px}.game-log-content{padding:8px;gap:5px}.log-entry{padding:6px 8px;font-size:10px;gap:6px;border-radius:5px}.log-icon{font-size:12px;width:16px}.game-log-winners{padding:8px}.winners-title{font-size:11px;margin-bottom:8px}.winner-entry{padding:6px;border-radius:6px}.winner-name{font-size:11px}.winner-hand{font-size:10px}.game-log-content::-webkit-scrollbar{width:5px}}@media(min-width:2561px){.game-log{width:420px;border-radius:20px;border-width:4px}.game-log-header{padding:18px 24px}.game-log-header h3{font-size:20px;letter-spacing:2px}.phase-badge{font-size:16px;padding:6px 16px;border-radius:18px}.game-log-content{padding:16px;gap:12px}.log-entry{padding:14px 16px;font-size:18px;gap:14px;border-radius:12px}.log-icon{font-size:22px;width:30px}.game-log-winners{padding:18px}.winners-title{font-size:20px;margin-bottom:16px}.winner-entry{padding:14px;border-radius:14px;margin-bottom:8px}.winner-name{font-size:20px}.winner-hand{font-size:18px}.game-log-content::-webkit-scrollbar{width:12px}.game-log-content::-webkit-scrollbar-track{border-radius:6px}.game-log-content::-webkit-scrollbar-thumb{border-radius:6px}.mini-card{font-size:16px;padding:3px 6px;border-radius:4px}.log-hand-name{font-size:14px}.log-cards{gap:6px}.winner-cards .mini-card{font-size:18px;padding:4px 8px}}.lobby-menu{text-align:center;padding:clamp(12px,2vw,30px);background:var(--bg-card);border-radius:10px;border:1px solid var(--color-primary);box-shadow:0 4px 20px #0000004d;max-width:500px;width:90%;margin:0 auto;position:relative;overflow:hidden;max-height:85vh;overflow-y:auto}.lobby-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-primary));animation:shimmer 3s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.lobby-content{display:flex;flex-direction:column;gap:clamp(10px,1.5vw,18px)}.lobby-section{display:flex;flex-direction:column;gap:clamp(5px,.8vw,8px)}.section-label{font-size:clamp(.6rem,.9vw,.75rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.theme-options{display:flex;justify-content:center;gap:clamp(6px,1vw,10px);flex-wrap:wrap}.theme-option{display:flex;flex-direction:column;align-items:center;gap:3px;padding:clamp(6px,.8vw,10px) clamp(10px,1.2vw,16px);background:var(--bg-overlay);border:1px solid var(--player-border);border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:clamp(60px,8vw,80px)}.theme-option:hover{border-color:var(--color-secondary);transform:translateY(-1px)}.theme-option.active{border-color:var(--color-primary);box-shadow:0 0 8px rgba(var(--color-primary-rgb),.3)}.theme-icon{font-size:clamp(.9rem,1.6vw,1.3rem)}.theme-name{font-size:clamp(.55rem,.8vw,.7rem);color:var(--text-primary);font-weight:500}.table-size-options{display:flex;justify-content:center;gap:clamp(8px,1.2vw,12px);flex-wrap:wrap}.size-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:clamp(8px,1.2vw,12px) clamp(12px,2vw,20px);background:var(--bg-overlay);border:1px solid var(--player-border);border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:clamp(80px,12vw,110px)}.size-option:hover{border-color:var(--color-secondary);transform:translateY(-1px)}.size-option.active{border-color:var(--color-primary);box-shadow:0 0 8px rgba(var(--color-primary-rgb),.3);background:rgba(var(--color-primary-rgb),.08)}.size-icon{font-size:clamp(.8rem,1.4vw,1.1rem);letter-spacing:-3px}.size-text{font-size:clamp(.65rem,1vw,.8rem);color:var(--text-primary);font-weight:600}.size-desc{font-size:clamp(.5rem,.8vw,.65rem);color:var(--text-muted)}.game-mode-options{display:flex;flex-direction:column;gap:clamp(5px,.8vw,8px)}.mode-option{display:flex;align-items:center;gap:clamp(8px,1.2vw,12px);padding:clamp(8px,1.2vw,12px) clamp(10px,1.5vw,18px);background:var(--bg-overlay);border:1px solid var(--player-border);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.mode-option:hover:not(:disabled){border-color:var(--color-secondary);transform:translate(3px);box-shadow:0 2px 10px #0003}.mode-option:disabled{opacity:.5;cursor:not-allowed}.mode-icon{font-size:clamp(1.1rem,1.8vw,1.5rem);flex-shrink:0}.mode-title{font-size:clamp(.7rem,1.1vw,.9rem);color:var(--text-primary);font-weight:600;display:block}.mode-desc{font-size:clamp(.55rem,.85vw,.7rem);color:var(--text-muted);display:block;margin-top:1px}.mode-status{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:clamp(.5rem,.75vw,.65rem);color:var(--color-danger);background:#f053;padding:2px 6px;border-radius:3px;text-transform:uppercase}.mode-online:hover:not(:disabled){border-color:#0f8}.mode-private:hover:not(:disabled){border-color:#fa0}.mode-watch{border-color:#8a2be266;background:linear-gradient(135deg,#8a2be214,#8a2be205)}.mode-watch:hover:not(:disabled){border-color:#8a2be2;box-shadow:0 0 15px #8a2be24d}.mode-option.primary-action{border-color:var(--color-success, #00ff88);background:linear-gradient(135deg,#00ff8814,#00ff8805);flex-wrap:wrap}.mode-option.primary-action:hover{border-color:var(--color-success, #00ff88);box-shadow:0 0 15px #0f83;transform:translate(5px)}.mode-players{display:flex;align-items:center;gap:6px;width:100%;margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.05)}.players-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success, #00ff88);box-shadow:0 0 8px var(--color-success, #00ff88);animation:pulseDot 2s ease-in-out infinite}.players-count{font-size:clamp(.55rem,.8vw,.65rem);color:var(--color-success, #00ff88);font-weight:500}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.lobby-menu .connection-status{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:clamp(4px,.6vw,8px);padding-top:clamp(6px,1vw,10px);border-top:1px solid var(--player-border)}.lobby-menu .status-indicator{width:6px;height:6px;border-radius:50%;background:var(--color-danger)}.lobby-menu .status-indicator.online{background:#0f8;box-shadow:0 0 6px #0f8;animation:lobbyPulse 2s infinite}@keyframes lobbyPulse{0%,to{opacity:1}50%{opacity:.5}}.lobby-menu .status-text{font-size:clamp(.55rem,.85vw,.7rem);color:var(--text-muted)}@media(max-width:480px){.lobby-menu{padding:15px;border-radius:8px}.lobby-header h1{font-size:1.3rem;letter-spacing:2px}.theme-options{gap:6px}.theme-option{padding:6px 10px;min-width:60px}.table-size-options{gap:8px}.size-option{padding:10px 15px;min-width:45%}.mode-option{padding:10px 12px;gap:10px}.mode-icon{font-size:1.3rem}}@media(min-width:481px)and (max-width:768px){.lobby-menu{padding:25px}.size-option{min-width:140px}}@media(min-width:1921px)and (max-width:2560px){.lobby-menu{max-width:420px;padding:18px}.lobby-content{gap:12px}.section-label{font-size:.7rem}.theme-option{padding:8px 14px;min-width:70px}.theme-icon{font-size:1.1rem}.theme-name{font-size:.65rem}.size-option{padding:10px 18px;min-width:100px}.size-icon{font-size:1rem}.size-text{font-size:.75rem}.size-desc{font-size:.6rem}.mode-option{padding:10px 14px;gap:10px}.mode-icon{font-size:1.3rem}.mode-title{font-size:.8rem}.mode-desc{font-size:.65rem}}@media(min-width:2561px){.lobby-menu{max-width:650px;padding:35px;border-radius:14px;border-width:2px}.lobby-content{gap:20px}.section-label{font-size:.9rem}.theme-option{padding:14px 22px;min-width:100px}.theme-icon{font-size:1.8rem}.theme-name{font-size:.85rem}.size-option{padding:16px 28px;min-width:140px}.size-icon{font-size:1.3rem}.size-text{font-size:1rem}.size-desc{font-size:.8rem}.mode-option{padding:16px 22px;gap:14px}.mode-icon{font-size:2rem}.mode-title{font-size:1.1rem}.mode-desc{font-size:.85rem}.lobby-menu .status-indicator{width:8px;height:8px}.lobby-menu .status-text{font-size:.8rem}}.table-list{text-align:center;padding:clamp(20px,4vw,40px);background:var(--bg-card);border-radius:12px;border:2px solid var(--color-primary);box-shadow:var(--glow-primary);max-width:550px;width:95%;margin:0 auto}.table-list-header{position:relative;margin-bottom:clamp(15px,3vw,25px)}.table-list-header .back-btn{position:absolute;left:0;top:0;padding:6px 12px;background:transparent;border:1px solid var(--player-border);border-radius:4px;color:var(--text-secondary);font-size:clamp(.7rem,1.2vw,.85rem);cursor:pointer;transition:all .2s ease}.table-list-header .back-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.table-list-header h2{margin:0;font-size:clamp(1.3rem,3vw,1.8rem);font-family:var(--font-display);color:var(--color-primary);letter-spacing:2px;text-transform:uppercase}.table-list-header p{margin:5px 0 0;color:var(--text-muted);font-size:clamp(.7rem,1.2vw,.85rem)}.table-list .name-input-section{margin-bottom:clamp(15px,3vw,20px)}.table-list .name-input-section label{display:block;font-size:clamp(.7rem,1.2vw,.85rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.table-list .name-input-section input{width:100%;padding:clamp(10px,2vw,14px);background:var(--bg-overlay);border:2px solid var(--player-border);border-radius:8px;color:var(--text-primary);font-size:clamp(.9rem,1.5vw,1.1rem);text-align:center;outline:none;transition:border-color .2s ease}.table-list .name-input-section input:focus{border-color:var(--color-primary)}.size-filter{margin-bottom:clamp(15px,3vw,20px)}.filter-label{display:block;font-size:clamp(.7rem,1.1vw,.8rem);color:var(--text-muted);margin-bottom:10px}.filter-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.filter-btn{padding:clamp(6px,1.2vw,10px) clamp(12px,2vw,18px);background:var(--bg-overlay);border:1px solid var(--player-border);border-radius:5px;color:var(--text-secondary);font-size:clamp(.7rem,1.1vw,.85rem);cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--color-primary);color:var(--text-primary)}.rooms-container{margin-bottom:clamp(15px,3vw,25px)}.rooms-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--player-border);margin-bottom:12px}.rooms-header span{font-size:clamp(.7rem,1.2vw,.85rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.refresh-btn{padding:5px 12px;background:transparent;border:1px solid var(--player-border);border-radius:4px;color:var(--text-secondary);font-size:clamp(.65rem,1vw,.75rem);cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.no-rooms{padding:clamp(25px,5vw,40px);display:flex;flex-direction:column;align-items:center;gap:8px}.no-rooms-icon{font-size:clamp(2rem,5vw,3rem);opacity:.5}.no-rooms p{margin:0;color:var(--text-secondary);font-size:clamp(.85rem,1.4vw,1rem)}.no-rooms-hint{font-size:clamp(.7rem,1.1vw,.8rem);color:var(--text-muted)}.rooms-list{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto;padding-right:5px}.rooms-list::-webkit-scrollbar{width:6px}.rooms-list::-webkit-scrollbar-track{background:var(--bg-overlay);border-radius:3px}.rooms-list::-webkit-scrollbar-thumb{background:var(--player-border);border-radius:3px}.room-card{display:flex;align-items:center;gap:12px;padding:clamp(10px,2vw,15px);background:var(--bg-overlay);border-radius:8px;border:1px solid var(--player-border);transition:all .2s ease}.room-card:hover{border-color:var(--color-primary);box-shadow:var(--glow-primary)}.room-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.room-name{font-size:clamp(.85rem,1.4vw,1rem);color:var(--text-primary);font-weight:600}.room-players{font-size:clamp(.7rem,1.1vw,.8rem);color:var(--text-muted)}.room-size{font-size:clamp(.65rem,1vw,.75rem);padding:4px 10px;background:rgba(var(--color-primary-rgb),.2);border:1px solid var(--color-primary);border-radius:4px;color:var(--color-primary);text-transform:uppercase}.room-card .join-btn{padding:clamp(8px,1.5vw,10px) clamp(15px,2.5vw,20px);background:var(--color-primary);border:none;border-radius:5px;color:#000;font-size:clamp(.7rem,1.2vw,.85rem);font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.room-card .join-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--glow-primary)}.room-card .join-btn:disabled{opacity:.5;cursor:not-allowed}.create-room-section{padding-top:clamp(10px,2vw,15px);border-top:1px solid var(--player-border)}.create-hint{font-size:clamp(.7rem,1.1vw,.8rem);color:var(--text-muted);margin:0 0 12px}.create-room-section .create-btn{padding:clamp(10px,2vw,14px) clamp(25px,4vw,35px);background:var(--color-secondary);border:2px solid var(--color-secondary);border-radius:6px;color:#000;font-size:clamp(.8rem,1.3vw,.95rem);font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--glow-secondary)}.create-room-section .create-btn:hover:not(:disabled){transform:scale(1.05)}.create-room-section .create-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.table-list{padding:15px}.table-list-header .back-btn{position:static;margin-bottom:10px}.room-card{flex-wrap:wrap}.room-info{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.room-size{margin-top:8px}.room-card .join-btn{width:100%;margin-top:8px}}@media(min-width:2561px){.table-list{max-width:800px;padding:60px;border-radius:20px;border-width:3px}.table-list-header h2{font-size:2.5rem}.rooms-list{max-height:400px}.room-card{padding:20px;gap:20px}.room-name{font-size:1.3rem}.room-card .join-btn{padding:14px 30px;font-size:1.1rem}.create-room-section .create-btn{padding:18px 45px;font-size:1.2rem}}.private-room{text-align:center;padding:clamp(20px,4vw,40px);background:var(--bg-card);border-radius:12px;border:2px solid var(--color-secondary);box-shadow:var(--glow-secondary);max-width:450px;width:95%;margin:0 auto}.private-room-header{position:relative;margin-bottom:clamp(15px,3vw,25px)}.back-btn{position:absolute;left:0;top:0;padding:6px 12px;background:transparent;border:1px solid var(--player-border);border-radius:4px;color:var(--text-secondary);font-size:clamp(.7rem,1.2vw,.85rem);cursor:pointer;transition:all .2s ease}.back-btn:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.private-room-header h2{margin:0;font-size:clamp(1.3rem,3vw,1.8rem);font-family:var(--font-display);color:var(--color-secondary);letter-spacing:2px;text-transform:uppercase}.private-room-header p{margin:5px 0 0;color:var(--text-muted);font-size:clamp(.7rem,1.2vw,.85rem)}.name-input-section{margin-bottom:clamp(15px,3vw,25px)}.name-input-section label{display:block;font-size:clamp(.7rem,1.2vw,.85rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.name-input-section input{width:100%;padding:clamp(10px,2vw,14px);background:var(--bg-overlay);border:2px solid var(--player-border);border-radius:8px;color:var(--text-primary);font-size:clamp(.9rem,1.5vw,1.1rem);text-align:center;outline:none;transition:border-color .2s ease}.name-input-section input:focus{border-color:var(--color-secondary)}.name-input-section input::placeholder{color:var(--text-muted)}.private-tabs{display:flex;gap:0;margin-bottom:clamp(15px,3vw,25px);border-radius:8px;overflow:hidden;border:2px solid var(--player-border)}.tab-btn{flex:1;padding:clamp(10px,2vw,14px);background:var(--bg-overlay);border:none;color:var(--text-muted);font-size:clamp(.75rem,1.3vw,.9rem);font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--color-secondary);color:#000}.tab-content{min-height:150px}.create-hint,.join-hint{color:var(--text-muted);font-size:clamp(.75rem,1.2vw,.9rem);margin:0 0 20px;line-height:1.5}.room-created{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.code-display{display:flex;flex-direction:column;align-items:center;gap:10px;padding:clamp(15px,3vw,25px);background:var(--bg-overlay);border-radius:10px;border:2px solid var(--color-secondary);margin-bottom:15px}.code-label{font-size:clamp(.7rem,1.2vw,.85rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.code-value{font-size:clamp(2rem,5vw,3rem);font-family:var(--font-display);color:var(--color-secondary);letter-spacing:8px;font-weight:700;text-shadow:var(--glow-secondary)}.copy-btn{padding:8px 16px;background:transparent;border:1px solid var(--color-secondary);border-radius:4px;color:var(--color-secondary);font-size:clamp(.7rem,1.2vw,.85rem);cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:var(--color-secondary);color:#000}.code-hint{color:var(--text-muted);font-size:clamp(.7rem,1.1vw,.8rem);margin:0}.code-input-container{margin-bottom:20px}.code-input{width:200px;padding:clamp(12px,2.5vw,18px);background:var(--bg-overlay);border:2px solid var(--player-border);border-radius:8px;color:var(--color-secondary);font-size:clamp(1.5rem,3.5vw,2.2rem);font-family:var(--font-display);text-align:center;letter-spacing:8px;outline:none;transition:border-color .2s ease}.code-input:focus{border-color:var(--color-secondary);box-shadow:var(--glow-secondary)}.code-input::placeholder{color:var(--text-muted);letter-spacing:8px}.action-btn{padding:clamp(12px,2.5vw,16px) clamp(30px,5vw,50px);font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:700;text-transform:uppercase;letter-spacing:2px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:var(--font-display)}.create-btn{background:var(--color-secondary);color:#000;border:2px solid var(--color-secondary);box-shadow:var(--glow-secondary)}.create-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 30px var(--color-secondary)}.join-btn{background:var(--color-primary);color:#000;border:2px solid var(--color-primary);box-shadow:var(--glow-primary)}.join-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 30px var(--color-primary)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-message{margin-top:15px;padding:10px 15px;background:#f053;border:1px solid var(--color-danger);border-radius:6px;color:var(--color-danger);font-size:clamp(.75rem,1.2vw,.9rem)}@media(max-width:480px){.private-room{padding:15px}.back-btn{position:static;margin-bottom:10px}.code-value{letter-spacing:5px}.code-input{width:160px;letter-spacing:5px}}@media(min-width:2561px){.private-room{max-width:700px;padding:60px;border-radius:20px;border-width:3px}.private-room-header h2{font-size:2.5rem}.name-input-section input{padding:20px;font-size:1.3rem}.tab-btn{padding:18px;font-size:1.1rem}.code-value{font-size:4rem}.code-input{width:300px;padding:25px;font-size:3rem}.action-btn{padding:20px 60px;font-size:1.4rem}}.waiting-room{text-align:center;padding:clamp(20px,4vw,40px);background:var(--bg-card);border-radius:12px;border:2px solid var(--color-primary);box-shadow:var(--glow-primary);max-width:500px;width:95%;margin:0 auto}.waiting-header{margin-bottom:clamp(15px,3vw,25px)}.waiting-header h2{margin:0 0 10px;font-size:clamp(1.3rem,3vw,1.8rem);font-family:var(--font-display);color:var(--color-primary);letter-spacing:2px;text-transform:uppercase}.room-code-display{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;background:var(--bg-overlay);border-radius:6px;border:1px solid var(--player-border)}.room-code-display .code-label{font-size:clamp(.7rem,1.1vw,.8rem);color:var(--text-muted)}.room-code-display .code-value{font-size:clamp(1rem,1.8vw,1.3rem);font-family:var(--font-display);color:var(--color-secondary);letter-spacing:3px;font-weight:700}.copy-btn-small{padding:4px 8px;background:transparent;border:none;cursor:pointer;font-size:clamp(.9rem,1.5vw,1.1rem);transition:transform .2s ease}.copy-btn-small:hover{transform:scale(1.2)}.players-list{margin-bottom:clamp(15px,3vw,25px)}.players-header{font-size:clamp(.7rem,1.2vw,.85rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--player-border)}.players-grid{display:flex;flex-direction:column;gap:10px}.player-slot{display:flex;align-items:center;gap:12px;padding:clamp(10px,2vw,15px);background:var(--bg-overlay);border-radius:8px;border:2px solid var(--player-border);transition:all .3s ease}.player-slot.ready{border-color:#0f8;box-shadow:0 0 15px #0f83}.player-slot.empty{opacity:.5;border-style:dashed}.player-avatar{width:clamp(35px,5vw,50px);height:clamp(35px,5vw,50px);display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,2.5vw,1.8rem);background:#ffffff0d;border-radius:50%}.player-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.player-name{font-size:clamp(.85rem,1.4vw,1rem);color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:8px}.host-badge{font-size:clamp(.6rem,1vw,.7rem);padding:2px 6px;background:var(--color-secondary);color:#000;border-radius:3px;text-transform:uppercase;font-weight:700}.player-status{font-size:clamp(.7rem,1.1vw,.8rem);color:var(--text-muted)}.player-status.ready{color:#0f8}.waiting-actions{display:flex;flex-direction:column;gap:15px}.waiting-hint{font-size:clamp(.75rem,1.2vw,.9rem);color:var(--text-muted);margin:0}.waiting-hint strong{color:var(--color-secondary)}.action-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ready-btn,.start-btn,.leave-btn{padding:clamp(10px,2vw,14px) clamp(20px,3vw,30px);font-size:clamp(.8rem,1.3vw,.95rem);font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-family:var(--font-display)}.ready-btn{background:var(--bg-overlay);color:var(--text-primary);border:2px solid var(--player-border)}.ready-btn:hover{border-color:#0f8;color:#0f8}.ready-btn.ready{background:#0f8;color:#000;border-color:#0f8;box-shadow:0 0 20px #0f86}.start-btn{background:var(--color-primary);color:#000;border:2px solid var(--color-primary);box-shadow:var(--glow-primary);animation:pulse-start 2s infinite}@keyframes pulse-start{0%,to{box-shadow:var(--glow-primary)}50%{box-shadow:0 0 30px var(--color-primary)}}.start-btn:hover{transform:scale(1.05)}.leave-btn{background:transparent;color:var(--color-danger);border:2px solid var(--color-danger)}.leave-btn:hover{background:#f053}@media(max-width:480px){.waiting-room{padding:15px}.action-buttons{flex-direction:column}.ready-btn,.start-btn,.leave-btn{width:100%}}@media(min-width:2561px){.waiting-room{max-width:750px;padding:60px;border-radius:20px;border-width:3px}.waiting-header h2{font-size:2.5rem}.player-slot{padding:20px;gap:20px}.player-avatar{width:70px;height:70px;font-size:2.5rem}.player-name{font-size:1.3rem}.ready-btn,.start-btn,.leave-btn{padding:18px 40px;font-size:1.2rem}}.avatar-picker-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.avatar-picker{background:var(--bg-medium);border-radius:16px;padding:clamp(16px,3vw,24px);width:90%;max-width:400px;max-height:80vh;overflow-y:auto;border:1px solid var(--color-primary);box-shadow:0 0 30px var(--glow-primary);animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.avatar-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.avatar-picker-header h3{margin:0;font-size:clamp(16px,2vw,20px);color:var(--color-primary)}.avatar-picker-close{background:transparent;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;padding:4px 8px;opacity:.7;transition:opacity .2s,transform .2s}.avatar-picker-close:hover{opacity:1;transform:scale(1.1)}.avatar-picker-preview{display:flex;justify-content:center;margin-bottom:20px}.avatar-preview-circle{width:80px;height:80px;border-radius:50%;background:var(--bg-dark);border:3px solid var(--color-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--glow-primary)}.avatar-preview-emoji{font-size:40px}.avatar-picker-tabs{display:flex;gap:8px;margin-bottom:16px}.avatar-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.avatar-tab:hover{background:var(--bg-light);border-color:var(--color-primary)}.avatar-tab.active{background:var(--bg-light);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 10px var(--glow-primary)}.tab-icon{font-size:20px}.tab-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px}.avatar-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.avatar-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--bg-dark);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.avatar-option:hover{background:var(--bg-light);border-color:var(--color-secondary);transform:translateY(-2px)}.avatar-option.selected{background:var(--bg-light);border-color:var(--color-primary);box-shadow:0 0 15px var(--glow-primary)}.avatar-option .avatar-emoji{font-size:32px}.avatar-option .avatar-name{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.avatar-option.selected .avatar-name{color:var(--color-primary)}@media(max-width:480px){.avatar-picker{width:95%;padding:16px}.avatar-picker-grid{grid-template-columns:repeat(3,1fr);gap:8px}.avatar-option{padding:10px 6px}.avatar-option .avatar-emoji{font-size:28px}.avatar-preview-circle{width:70px;height:70px}.avatar-preview-emoji{font-size:35px}}.matchmaking-container{display:flex;justify-content:center;align-items:center;min-height:100%;padding:20px}.matchmaking-card{background:var(--bg-card);border:2px solid var(--color-primary);border-radius:16px;padding:clamp(20px,4vw,40px);text-align:center;box-shadow:var(--glow-primary),0 10px 40px #0000004d;max-width:450px;width:100%;position:relative;overflow:hidden}[data-theme=cyberpunk] .matchmaking-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#0ff,#f0f,#0ff,#f0f);background-size:400% 400%;border-radius:inherit;z-index:-1;animation:borderGlow 3s ease infinite;opacity:.5}.matchmaking-header{margin-bottom:clamp(15px,3vw,25px)}.matchmaking-header h2{margin:0 0 8px;font-size:clamp(1.3rem,4vw,1.8rem);font-family:var(--font-display);color:var(--color-primary);text-transform:uppercase;letter-spacing:2px}.table-info{margin:0;font-size:clamp(.75rem,2vw,.9rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.matchmaking-spinner{position:relative;width:clamp(80px,15vw,120px);height:clamp(80px,15vw,120px);margin:0 auto clamp(15px,3vw,25px);display:flex;align-items:center;justify-content:center}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--color-primary);border-radius:50%;animation:spin 1.5s linear infinite}.spinner-ring.delay-1{width:80%;height:80%;border-top-color:var(--color-secondary);animation-duration:2s;animation-direction:reverse}.spinner-ring.delay-2{width:60%;height:60%;border-top-color:var(--color-primary);animation-duration:2.5s}.spinner-icon{font-size:clamp(24px,5vw,36px);animation:pulse 1.5s ease-in-out infinite;z-index:1}.found-icon{font-size:clamp(40px,8vw,60px);color:var(--color-success, #00ff88);animation:scaleIn .4s ease-out}.joining-dots{display:flex;gap:8px}.joining-dots span{width:12px;height:12px;background:var(--color-primary);border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.joining-dots span:nth-child(2){animation-delay:.2s}.joining-dots span:nth-child(3){animation-delay:.4s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.matchmaking-timer{display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(15px,3vw,20px)}.timer-label{font-size:clamp(.65rem,1.5vw,.75rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.timer-value{font-size:clamp(1.5rem,4vw,2rem);font-family:var(--font-display);color:var(--color-primary);font-weight:700;letter-spacing:2px}.search-messages{display:flex;flex-direction:column;gap:4px;margin-bottom:clamp(15px,3vw,20px);min-height:60px}.search-message{font-size:clamp(.7rem,1.8vw,.8rem);color:var(--text-secondary);animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.players-found{margin-bottom:clamp(15px,3vw,20px)}.players-label{display:block;font-size:clamp(.7rem,1.8vw,.85rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.players-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.player-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-overlay);border:1px solid var(--player-border);border-radius:20px;animation:slideIn .3s ease-out backwards}.player-item.human{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.player-item.empty-slot{border-style:dashed;border-color:var(--text-muted);background:transparent;animation:emptySlotPulse 2.5s ease-in-out infinite}.player-item.empty-slot .player-avatar{animation:pulse 2s ease-in-out infinite}.player-item.empty-slot .player-name{color:var(--text-muted);font-style:italic}.player-item.new-player{animation:newPlayerPop .5s ease-out;border-color:var(--color-success, #00ff88);box-shadow:0 0 10px #00ff884d}@keyframes newPlayerPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes emptySlotPulse{0%,to{opacity:.4;border-color:var(--text-muted)}50%{opacity:.6;border-color:var(--text-secondary)}}.player-avatar{font-size:clamp(14px,3vw,18px)}.player-name{font-size:clamp(.7rem,1.8vw,.85rem);color:var(--text-primary);font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-badge{font-size:clamp(.55rem,1.3vw,.65rem);color:var(--color-primary);background:rgba(var(--color-primary-rgb),.2);padding:2px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.nickname-form{display:flex;flex-direction:column;gap:8px;margin-bottom:clamp(20px,4vw,30px)}.nickname-label{font-size:clamp(.7rem,1.8vw,.85rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.nickname-input{width:100%;padding:clamp(12px,2.5vw,16px);font-size:clamp(1rem,2.5vw,1.2rem);font-family:var(--font-display);background:var(--bg-overlay);border:2px solid var(--player-border);border-radius:8px;color:var(--text-primary);text-align:center;transition:all .2s ease;outline:none}.nickname-input:focus{border-color:var(--color-primary);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.3)}.nickname-input.error{border-color:var(--color-danger)}.nickname-input::placeholder{color:var(--text-muted);font-size:clamp(.85rem,2vw,1rem)}.nickname-error{font-size:clamp(.65rem,1.5vw,.75rem);color:var(--color-danger);margin-top:4px}.nickname-hint{font-size:clamp(.6rem,1.3vw,.7rem);color:var(--text-muted);text-align:right}.nickname-actions{display:flex;flex-direction:column;gap:10px}.search-btn{padding:clamp(12px,2.5vw,16px) clamp(30px,6vw,50px);font-size:clamp(.95rem,2.2vw,1.1rem);font-weight:700;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(145deg,var(--color-primary),var(--color-secondary));color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:var(--font-display);box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.3)}.search-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.4)}.cancel-btn{padding:clamp(10px,2vw,14px) clamp(24px,5vw,36px);font-size:clamp(.85rem,2vw,1rem);font-weight:700;text-transform:uppercase;letter-spacing:1px;background:transparent;color:var(--color-danger);border:2px solid var(--color-danger);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:var(--font-display)}.cancel-btn:hover{background:var(--color-danger);color:#fff;transform:scale(1.02)}.cancel-btn.secondary{color:var(--text-secondary);border-color:var(--player-border)}.cancel-btn.secondary:hover{background:var(--bg-overlay);color:var(--text-primary);border-color:var(--text-secondary)}.avatar-selection{display:flex;justify-content:center;margin-bottom:clamp(20px,4vw,30px)}.avatar-preview-large{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s ease}.avatar-preview-large:hover{transform:scale(1.05)}.avatar-emoji-large{width:clamp(80px,15vw,120px);height:clamp(80px,15vw,120px);border-radius:50%;background:var(--bg-overlay);border:3px solid var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:clamp(40px,8vw,60px);box-shadow:0 0 20px var(--glow-primary);transition:all .3s ease}.avatar-preview-large:hover .avatar-emoji-large{border-color:var(--color-secondary);box-shadow:0 0 30px var(--glow-secondary)}.avatar-change-hint{font-size:clamp(.65rem,1.5vw,.8rem);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}@media(max-width:480px){.matchmaking-container{padding:10px}.matchmaking-card{padding:20px 15px;border-radius:12px}.matchmaking-header h2{font-size:1.2rem;letter-spacing:1px}.table-info{font-size:.7rem}.matchmaking-spinner{width:80px;height:80px}.spinner-ring{border-width:2px}.timer-value{font-size:1.5rem}.players-list{gap:6px}.player-item{padding:5px 10px;gap:4px}.player-name{max-width:70px;font-size:.7rem}.cancel-btn{padding:10px 24px;font-size:.85rem}.nickname-input{padding:14px;font-size:1.1rem}.search-btn{padding:14px 30px;font-size:1rem}.nickname-actions{gap:8px}}@media(min-width:481px)and (max-width:768px){.matchmaking-card{padding:25px 20px}}@media(min-width:1921px)and (max-width:2560px){.matchmaking-card{max-width:400px;padding:30px}.matchmaking-header h2{font-size:1.5rem}.matchmaking-spinner{width:100px;height:100px}}@media(min-width:2561px){.matchmaking-card{max-width:600px;padding:50px;border-width:3px;border-radius:24px}.matchmaking-header h2{font-size:2.5rem}.table-info{font-size:1.2rem}.matchmaking-spinner{width:160px;height:160px}.spinner-ring{border-width:5px}.spinner-icon{font-size:50px}.timer-value{font-size:3rem}.player-item{padding:10px 20px;gap:10px}.player-avatar{font-size:26px}.player-name{font-size:1.1rem;max-width:150px}.cancel-btn{padding:18px 50px;font-size:1.3rem}}.rebuy-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.rebuy-modal{background:var(--bg-card);border:2px solid var(--color-primary);border-radius:16px;padding:clamp(24px,5vw,40px);text-align:center;max-width:400px;width:90%;box-shadow:0 0 40px var(--glow-primary);animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.rebuy-icon{font-size:clamp(48px,10vw,64px);margin-bottom:16px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rebuy-modal h2{margin:0 0 12px;font-size:clamp(1.3rem,4vw,1.8rem);font-family:var(--font-display);color:var(--color-danger);text-transform:uppercase;letter-spacing:2px}.rebuy-message{margin:0 0 24px;font-size:clamp(.85rem,2vw,1rem);color:var(--text-secondary);line-height:1.5}.rebuy-info{background:var(--bg-overlay);border-radius:12px;padding:16px;margin-bottom:24px;display:flex;flex-direction:column;gap:12px}.rebuy-chips{display:flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;color:var(--color-primary);font-family:var(--font-display)}.rebuy-chips .chip-icon{font-size:1.2em}.rebuy-remaining{font-size:clamp(.8rem,2vw,.95rem);color:var(--text-muted)}.rebuy-remaining strong{color:var(--color-secondary)}.rebuy-actions{display:flex;gap:12px}.rebuy-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:clamp(12px,3vw,16px) clamp(16px,4vw,24px);font-size:clamp(.9rem,2vw,1rem);font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:var(--font-display)}.rebuy-btn.accept{background:linear-gradient(145deg,var(--color-success),#00aa44);color:#fff;box-shadow:0 4px 15px #00c8644d}.rebuy-btn.accept:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00c86466}.rebuy-btn.decline{background:transparent;color:var(--color-danger);border:2px solid var(--color-danger)}.rebuy-btn.decline:hover{background:var(--color-danger);color:#fff}.btn-icon{font-size:1.1em}@media(max-width:480px){.rebuy-modal{padding:20px;margin:16px}.rebuy-actions{flex-direction:column}.rebuy-btn{padding:14px;min-height:48px}}.spectator-view{display:flex;flex-direction:column;height:100vh;width:100%;background:var(--bg-dark);position:relative;overflow:hidden}.spectator-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--bg-overlay);border-bottom:1px solid var(--player-border);z-index:10}.spectator-info{display:flex;align-items:center;gap:12px}.spectator-badge{padding:4px 10px;background:linear-gradient(135deg,var(--color-warning),#ff8800);color:#000;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:4px;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.room-name{font-size:16px;font-weight:600;color:var(--text-primary);font-family:var(--font-display)}.spectator-stats{display:flex;gap:16px}.spectator-count,.player-count{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.eye-icon,.player-icon{font-size:14px}.spectator-table-area{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden}.spectator-log{max-height:120px;overflow-y:auto;background:var(--bg-overlay);border-top:1px solid var(--player-border)}.spectator-log .game-log{padding:8px 12px}.spectator-actions{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-medium);border-top:1px solid var(--player-border)}.sit-btn,.leave-spectator-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.sit-btn{background:var(--btn-check-bg);color:var(--btn-check-color)}.sit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}.leave-spectator-btn{background:var(--btn-fold-bg);color:var(--btn-fold-color)}.leave-spectator-btn:hover{transform:translateY(-2px);opacity:.9}.btn-icon{font-size:16px}.sit-form{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--player-border)}.sit-form input{padding:10px 14px;border:1px solid var(--player-border);border-radius:6px;background:var(--bg-dark);color:var(--text-primary);font-size:14px;width:180px;outline:none;transition:border-color .2s}.sit-form input:focus{border-color:var(--color-primary)}.sit-form input::placeholder{color:var(--text-muted)}.confirm-sit-btn,.cancel-sit-btn{padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-sit-btn{background:var(--btn-check-bg);color:var(--btn-check-color)}.confirm-sit-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-sit-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--player-border)}.cancel-sit-btn:hover{background:var(--bg-light)}.spectator-phase{position:absolute;top:70px;left:50%;transform:translate(-50%);padding:6px 16px;background:var(--bg-overlay);border:1px solid var(--player-border);border-radius:20px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;z-index:5}@media(max-width:480px){.spectator-header{flex-direction:column;gap:8px;padding:10px 16px}.spectator-info{width:100%;justify-content:center}.spectator-stats{width:100%;justify-content:center;gap:20px}.spectator-table-area{padding:5px}.spectator-log{max-height:80px}.spectator-actions{flex-wrap:wrap;gap:10px;padding:12px 16px}.sit-btn,.leave-spectator-btn{flex:1;min-width:120px;justify-content:center;padding:10px 16px;font-size:13px}.sit-form{width:100%;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px}.sit-form input{width:100%}.confirm-sit-btn,.cancel-sit-btn{flex:1}.spectator-phase{top:100px;font-size:10px;padding:4px 12px}}@media(min-width:481px)and (max-width:768px){.spectator-header{padding:10px 16px}.spectator-log{max-height:100px}}.watchable-table-list{background:var(--bg-card);border-radius:12px;border:1px solid var(--player-border);max-width:500px;width:90%;margin:0 auto;overflow:hidden;max-height:85vh;display:flex;flex-direction:column}.watchable-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-overlay);border-bottom:1px solid var(--player-border)}.watchable-header h2{font-size:1.1rem;color:var(--text-primary);font-family:var(--font-display);margin:0}.back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--player-border);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease}.back-btn:hover{border-color:var(--color-primary);color:var(--text-primary)}.refresh-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-light);font-size:16px;cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:var(--color-primary);transform:rotate(180deg)}.refresh-btn.refreshing{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.size-filter{display:flex;gap:8px;padding:12px 20px;background:var(--bg-medium);border-bottom:1px solid var(--player-border)}.filter-btn{flex:1;padding:8px 12px;border:1px solid var(--player-border);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--color-secondary);color:var(--text-primary)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#000}.watchable-rooms{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);gap:12px}.loading-spinner{width:32px;height:32px;border:3px solid var(--player-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state p{color:var(--text-secondary);font-size:14px;margin:0 0 8px}.empty-hint{color:var(--text-muted);font-size:12px}.watchable-room-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-overlay);border:1px solid var(--player-border);border-radius:8px;transition:all .2s ease}.watchable-room-card:hover{border-color:var(--color-secondary);transform:translate(4px)}.room-info{display:flex;flex-direction:column;gap:6px}.room-name-row{display:flex;align-items:center;gap:10px}.room-name{font-size:14px;font-weight:600;color:var(--text-primary)}.room-status{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.room-status.waiting{background:#fa03;color:#fa0}.room-status.playing{background:#0f83;color:#0f8}.room-status.finished{background:#80808033;color:#888}.room-details{display:flex;gap:12px}.room-players,.room-spectators{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.room-players .icon,.room-spectators .icon{font-size:12px}.watch-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,#8a2be2,#6a1bb2);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.watch-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8a2be266}.watch-btn .btn-icon{font-size:14px}.watchable-footer{padding:12px 20px;background:var(--bg-medium);border-top:1px solid var(--player-border);text-align:center}.footer-hint{margin:0;font-size:11px;color:var(--text-muted)}@media(max-width:480px){.watchable-table-list{width:95%;border-radius:10px}.watchable-header{padding:12px 16px}.watchable-header h2{font-size:1rem}.back-btn{padding:6px 10px;font-size:12px}.size-filter{padding:10px 16px;gap:6px}.filter-btn{padding:6px 8px;font-size:11px}.watchable-rooms{padding:10px;gap:8px}.watchable-room-card{padding:12px;flex-wrap:wrap;gap:10px}.room-info{flex:1;min-width:60%}.watch-btn{width:100%;justify-content:center;padding:12px}}[data-theme=cyberpunk]{--color-primary: #00ffff;--color-secondary: #ff00ff;--color-accent: #ffff00;--color-danger: #ff0055;--color-success: #00ff88;--color-warning: #ffff00;--bg-dark: #0a0012;--bg-medium: #1a0a2e;--bg-light: #0d1f3c;--bg-card: rgba(10, 0, 30, .8);--bg-overlay: rgba(10, 0, 30, .8);--text-primary: #e0e0ff;--text-secondary: #a0a0c0;--text-muted: #606080;--table-felt: linear-gradient(145deg, #0a0020 0%, #1a0040 50%, #0d1f3c 100%);--table-border: rgba(0, 255, 255, .4);--table-glow: rgba(0, 255, 255, .3);--card-bg: linear-gradient(145deg, #0a0a1a 0%, #1a0a2e 100%);--card-back: linear-gradient(145deg, #0a0020 0%, #1a0040 100%);--card-red: #ff00ff;--card-black: #00ffff;--suit-hearts: #ff00ff;--suit-diamonds: #ff00ff;--suit-clubs: #00ffff;--suit-spades: #00ffff;--player-bg: linear-gradient(145deg, rgba(10, 0, 30, .8), rgba(20, 10, 40, .8));--player-border: rgba(0, 255, 255, .5);--player-human: #ff00ff;--player-active: #00ffff;--btn-fold-bg: linear-gradient(135deg, rgba(60, 60, 80, .9) 0%, rgba(40, 40, 60, .9) 100%);--btn-fold-color: #a0a0a0;--btn-check-bg: linear-gradient(135deg, #00ff88 0%, #00cc66 100%);--btn-check-color: #000;--btn-call-bg: linear-gradient(135deg, #00ffff 0%, #00cccc 100%);--btn-call-color: #000;--btn-raise-bg: linear-gradient(135deg, #ff00ff 0%, #cc00cc 100%);--btn-raise-color: #fff;--btn-allin-bg: linear-gradient(135deg, #ffff00 0%, #ffcc00 100%);--btn-allin-color: #000;--chip-color: #ffff00;--pot-border: rgba(255, 0, 255, .5);--pot-glow: rgba(255, 0, 255, .3);--action-check: linear-gradient(135deg, #00ff88, #00cc66);--action-call: linear-gradient(135deg, #00ffff, #00cccc);--action-raise: linear-gradient(135deg, #ff00ff, #cc00cc);--action-allin: linear-gradient(135deg, #ffff00, #ffcc00);--glow-primary: 0 2px 10px rgba(0, 255, 255, .2);--glow-secondary: 0 2px 10px rgba(255, 0, 255, .2);--glow-accent: 0 2px 10px rgba(255, 255, 0, .2);--font-display: "Orbitron", "Rajdhani", sans-serif;--font-body: "Rajdhani", sans-serif;--grid-color: rgba(0, 255, 255, .03);--grid-size: 50px}[data-theme=classic]{--color-primary: #d4af37;--color-secondary: #8b0000;--color-accent: #ffd700;--color-danger: #dc3545;--color-success: #28a745;--color-warning: #ffc107;--bg-dark: #1a1a1a;--bg-medium: #2d2d2d;--bg-light: #3d3d3d;--bg-card: rgba(30, 30, 30, .8);--bg-overlay: rgba(20, 20, 20, .8);--text-primary: #f5f5f5;--text-secondary: #cccccc;--text-muted: #888888;--table-felt: linear-gradient(145deg, #0d4a2a 0%, #0a3d23 50%, #085c32 100%);--table-border: rgba(139, 69, 19, .8);--table-glow: rgba(212, 175, 55, .2);--card-bg: linear-gradient(145deg, #ffffff 0%, #f5f5f5 100%);--card-back: linear-gradient(145deg, #1e3a5f 0%, #0d1b2a 100%);--card-red: #e63946;--card-black: #1a1a2e;--suit-hearts: #e63946;--suit-diamonds: #e63946;--suit-clubs: #1a1a2e;--suit-spades: #1a1a2e;--player-bg: linear-gradient(145deg, rgba(26, 26, 46, .8), rgba(22, 33, 62, .8));--player-border: rgba(212, 175, 55, .5);--player-human: #d4af37;--player-active: #ffd700;--btn-fold-bg: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);--btn-fold-color: #e2e8f0;--btn-check-bg: linear-gradient(135deg, #38a169 0%, #276749 100%);--btn-check-color: #fff;--btn-call-bg: linear-gradient(135deg, #3182ce 0%, #2b6cb0 100%);--btn-call-color: #fff;--btn-raise-bg: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);--btn-raise-color: #fff;--btn-allin-bg: linear-gradient(135deg, #ecc94b 0%, #d69e2e 100%);--btn-allin-color: #1a1a2e;--chip-color: #ffd700;--pot-border: rgba(212, 175, 55, .6);--pot-glow: rgba(212, 175, 55, .3);--action-check: linear-gradient(135deg, #28a745, #1e7e34);--action-call: linear-gradient(135deg, #17a2b8, #138496);--action-raise: linear-gradient(135deg, #e94560, #c53030);--action-allin: linear-gradient(135deg, #ffd700, #e6c300);--glow-primary: 0 2px 8px rgba(0, 0, 0, .2);--glow-secondary: 0 2px 8px rgba(139, 0, 0, .15);--glow-accent: 0 2px 8px rgba(212, 175, 55, .15);--font-display: "Georgia", "Times New Roman", serif;--font-body: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--grid-color: transparent;--grid-size: 0}.theme-selector{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:25px}.theme-selector-label{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}.theme-options{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 20px;background:var(--bg-card);border:2px solid var(--player-border);border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:100px}.theme-option:hover{transform:translateY(-3px);box-shadow:var(--glow-primary)}.theme-option.active{border-color:var(--color-primary);box-shadow:var(--glow-primary)}.theme-icon{font-size:28px}.theme-name{font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.theme-option[data-value=cyberpunk]{border-color:#0ff6}.theme-option[data-value=cyberpunk].active{border-color:#0ff;box-shadow:0 0 20px #00ffff80}.theme-option[data-value=cyberpunk] .theme-icon{filter:drop-shadow(0 0 5px #00ffff)}.theme-option[data-value=classic]{border-color:#d4af3766}.theme-option[data-value=classic].active{border-color:#d4af37;box-shadow:0 0 20px #d4af3780}@media(max-width:480px){.theme-selector{gap:10px;margin-bottom:15px}.theme-selector-label{font-size:11px}.theme-options{gap:8px}.theme-option{padding:10px 14px;min-width:80px}.theme-icon{font-size:22px}.theme-name{font-size:10px}}@media(min-width:481px)and (max-width:768px){.theme-option{padding:12px 16px;min-width:90px}.theme-icon{font-size:24px}.theme-name{font-size:11px}}.app{height:100vh;display:flex;flex-direction:column;background:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px),linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-medium) 30%,var(--bg-light) 60%,var(--bg-dark) 100%);background-size:var(--grid-size) var(--grid-size),var(--grid-size) var(--grid-size),100% 100%;color:var(--text-primary);overflow:hidden;position:relative}[data-theme=cyberpunk] .app:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(255,0,128,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,255,255,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(128,0,255,.04) 0%,transparent 70%);pointer-events:none;z-index:0;animation:pulseGlow 12s ease-in-out infinite alternate}[data-theme=classic] .app:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(212,175,55,.05) 0%,transparent 70%);pointer-events:none;z-index:0}@keyframes pulseGlow{0%{opacity:.5}to{opacity:.8}}.app>*{position:relative;z-index:1}.app-header{text-align:center;padding:10px 20px;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);position:relative;flex-shrink:0;border-bottom:1px solid var(--table-border)}.leave-btn{position:absolute;top:50%;transform:translateY(-50%);right:20px;padding:8px 16px;font-size:12px;font-weight:700;background:linear-gradient(145deg,var(--color-danger),#cc0044);color:#fff;border:1px solid var(--color-danger);border-radius:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--glow-secondary)}.leave-btn:hover{transform:translateY(-50%) scale(1.05)}.leave-btn-floating{position:fixed;top:8px;left:8px;padding:6px 12px;font-size:11px;font-weight:700;background:var(--bg-overlay);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:4px;cursor:pointer;transition:all .2s ease;z-index:1000;display:flex;align-items:center;gap:6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1px}.leave-btn-floating:hover{background:#f053;transform:scale(1.02)}.leave-icon{font-size:12px;font-weight:700;line-height:1}.leave-text{font-size:10px;text-transform:uppercase;letter-spacing:1px}.app-header h1{margin:0;font-size:1.8rem;font-family:var(--font-display);color:var(--color-primary);letter-spacing:4px;text-transform:uppercase}[data-theme=cyberpunk] .app-header h1{background:linear-gradient(135deg,#0ff,#f0f,#0ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:neonShift 3s ease-in-out infinite}@keyframes neonShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.app-header p{margin:2px 0 0;color:var(--color-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:3px}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;gap:10px;overflow:hidden;min-height:0}.game-layout{display:flex;gap:15px;width:100%;height:100%;max-width:100%;align-items:stretch;justify-content:center;overflow:hidden;position:relative}.game-over-overlay{position:absolute;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-over-modal{background:linear-gradient(145deg,var(--bg-dark),var(--bg-medium));border:2px solid var(--color-primary);border-radius:16px;padding:30px 40px;text-align:center;box-shadow:0 0 30px var(--color-primary),inset 0 1px #ffffff1a;max-width:400px;width:90%}.game-over-modal h2{color:var(--color-primary);font-size:28px;margin:0 0 10px;text-shadow:0 0 10px var(--color-primary)}.game-over-modal>p{color:var(--text-secondary);font-size:14px;margin:0 0 20px}.game-over-stats{display:flex;flex-direction:column;gap:10px;margin-bottom:25px}.player-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.player-stat.human{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.player-stat .player-name{font-weight:700;color:var(--text-primary)}.player-stat .player-chips{color:var(--color-success);font-weight:700}.back-to-menu-btn{padding:12px 30px;font-size:16px;font-weight:700;background:linear-gradient(145deg,var(--color-primary),var(--color-secondary));color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.back-to-menu-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(var(--color-primary-rgb),.4)}.game-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:1;min-width:0;min-height:0;overflow:hidden}.controls-area{display:flex;align-items:center;gap:clamp(4px,.6vw,10px);flex-shrink:0;margin-top:clamp(15px,2vh,30px);padding-top:clamp(8px,1vh,15px)}.app-footer{text-align:center;padding:8px;color:var(--color-primary);font-size:.7rem;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);flex-shrink:0;border-top:1px solid var(--table-border);text-transform:uppercase;letter-spacing:2px}.start-screen{text-align:center;padding:40px;background:var(--bg-card);border-radius:8px;border:2px solid var(--color-primary);box-shadow:var(--glow-primary);position:relative;overflow:hidden}[data-theme=cyberpunk] .start-screen:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ffff,#ff00ff,#00ffff,transparent);animation:scanLine 2s linear infinite}@keyframes scanLine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.start-screen h2{margin:0 0 15px;font-size:1.8rem;font-family:var(--font-display);color:var(--color-primary);text-transform:uppercase;letter-spacing:3px}.start-screen p{margin:0 0 25px;color:var(--color-secondary);text-transform:uppercase;letter-spacing:2px}.start-btn{padding:12px 40px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:var(--bg-card);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:4px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--glow-primary);font-family:var(--font-display)}.start-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.start-btn:hover:before{left:100%}.start-btn:hover{transform:scale(1.05);background:#ffffff1a}.start-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.leave-btn-secondary{padding:12px 30px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:var(--bg-card);color:var(--color-secondary);border:2px solid var(--color-secondary);border-radius:4px;cursor:pointer;transition:all .3s ease;box-shadow:var(--glow-secondary);font-family:var(--font-display)}.leave-btn-secondary:hover{transform:scale(1.05);background:#ffffff1a}.connection-status{position:fixed;top:8px;right:8px;display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-overlay);border-radius:20px;font-size:10px;text-transform:uppercase;letter-spacing:1px;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--player-border)}.connection-status.connected{border-color:var(--color-success, #00ff88)}.connection-status.disconnected{border-color:var(--color-danger)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.connection-status.connected .status-dot{background:var(--color-success, #00ff88);box-shadow:0 0 6px var(--color-success, #00ff88);animation:pulse-dot 2s ease-in-out infinite}.connection-status.disconnected .status-dot{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.status-text{color:var(--text-secondary)}.connection-status.connected .status-text{color:var(--color-success, #00ff88)}.connection-status.disconnected .status-text{color:var(--color-danger)}@media(max-width:480px){.app-header{padding:6px 12px}.app-header h1{font-size:1.2rem;letter-spacing:2px}.app-header p{display:none}.leave-btn{padding:6px 12px;font-size:10px;right:8px}.leave-btn-floating{top:6px;left:6px;padding:6px 10px;gap:5px}.leave-icon{font-size:12px}.leave-text{font-size:9px}.app-main{padding:4px;gap:4px}.game-layout{flex-direction:column;gap:4px}.game-layout .game-log{display:none}.game-area{gap:8px;padding-bottom:160px;flex:1;min-height:0;justify-content:flex-start;padding-top:10px}.controls-area{margin-top:0;padding-top:0}}@media(max-width:950px)and (max-height:500px){.game-area{gap:4px;padding-bottom:120px;padding-top:5px;justify-content:center}.app-header{padding:4px 10px}.app-header h1{font-size:1rem}.app-footer{display:none}}@media(max-width:480px){.start-screen{padding:18px;margin:8px}.start-screen h2{font-size:1.2rem}.start-btn{padding:12px 28px;font-size:14px}.app-footer{padding:4px;font-size:.55rem}}@media(min-width:481px)and (max-width:768px){.app-header h1{font-size:1.4rem}.app-main{padding:8px;gap:8px}.game-layout{flex-direction:column;gap:8px}.game-layout .game-log{width:100%;max-width:100%;max-height:100px;order:1;flex-shrink:0}.controls-area{flex-direction:column;gap:6px;margin-top:12px;padding-top:10px}.start-screen{padding:25px}.app-footer{font-size:.65rem}}@media(min-width:769px)and (max-width:1366px){.app-header h1{font-size:1.6rem}.game-layout{flex-direction:row;align-items:stretch}.game-layout .game-log{width:220px;max-height:none;flex-shrink:0}.game-area{flex:1}.controls-area{margin-top:15px;padding-top:12px}}@media(min-width:1367px)and (max-width:1920px){.app-header{padding:12px 20px}.app-header h1{font-size:2rem}.app-header p{font-size:.85rem}.app-main{padding:15px;gap:15px}.game-layout{gap:20px}.game-layout .game-log{width:280px}.controls-area{margin-top:20px;padding-top:15px}.app-footer{padding:10px;font-size:.75rem}}@media(min-width:1921px)and (max-width:2560px){.app-header{padding:8px 20px}.app-header h1{font-size:1.8rem}.app-header p{font-size:.75rem}.app-main{padding:10px;gap:8px}.game-layout{gap:12px}.game-layout .game-log{width:220px}.game-area{gap:8px}.controls-area{gap:10px;margin-top:12px;padding-top:10px}.leave-btn{padding:8px 16px;font-size:11px}.start-screen{padding:35px}.start-screen h2{font-size:1.6rem}.start-btn{padding:12px 35px;font-size:14px}.app-footer{padding:6px;font-size:.7rem}}@media(min-width:2561px){.app-header{padding:20px 40px}.app-header h1{font-size:3.5rem}.app-header p{font-size:1.3rem}.app-main{padding:30px;gap:30px}.game-layout{gap:40px}.game-layout .game-log{width:450px}.controls-area{gap:20px;margin-top:25px;padding-top:20px}.leave-btn{padding:16px 32px;font-size:18px;right:40px}.leave-btn-floating{top:15px;left:15px;padding:10px 18px;gap:10px}.leave-icon{font-size:18px}.leave-text{font-size:14px}.start-screen{padding:80px}.start-screen h2{font-size:3rem}.start-screen p{font-size:1.4rem;margin-bottom:40px}.start-btn{padding:25px 80px;font-size:24px}.leave-btn-secondary{padding:20px 50px;font-size:20px}.app-footer{padding:15px;font-size:1.1rem}}