.sw-update-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.sw-update-overlay.hidden{display:none}.sw-update-dialog{background:linear-gradient(135deg,#1a3a2e 0%,#0d2b20 100%);border:2px solid #ffd700;border-radius:16px;padding:2.5rem 2rem;text-align:center;max-width:400px;width:90%;box-shadow:0 8px 32px #0006;animation:scaleIn .3s ease-out}.sw-update-dialog h2{color:gold;margin-bottom:.75rem;font-size:1.4rem}.sw-update-dialog p{color:#ffffffd9;margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.sw-update-dialog .btn{padding:.75rem 2rem;font-size:1.1rem;border-radius:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#0f4c3a 0%,#1a5c4a 50%,#0f4c3a 100%);color:#fff;min-height:100vh;overflow-x:hidden}h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}h2{font-size:2rem;font-weight:600;margin-bottom:1rem}h3{font-size:1.5rem;font-weight:500;margin-bottom:.75rem}h4{font-size:1.25rem;font-weight:500;margin-bottom:.5rem}p{line-height:1.6;margin-bottom:1rem}#app{position:relative;width:100%;min-height:100vh}.screen{position:absolute;top:0;left:0;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.screen.hidden{opacity:0;pointer-events:none;z-index:-1}#loading-screen{flex-direction:column;background:linear-gradient(135deg,#0f4c3a 0%,#1a5c4a 100%)}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #ffd700;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-container{text-align:center;max-width:600px;padding:2rem;background:rgba(255,255,255,.1);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.auth-section{margin:3rem 0;padding:2rem;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.05)}.auth-online-note{font-size:.75rem;font-weight:400;color:#ffffff80}body.offline .auth-section.online-only{opacity:.35;filter:grayscale(.6);pointer-events:none}.divider{margin:1.5rem 0;color:#fff9;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:rgba(255,255,255,.3)}.divider:before{left:0}.divider:after{right:0}.guest-login{display:flex;gap:1rem;margin-top:1rem}.guest-login input{flex:1}.game-mode-section{margin-top:3rem}.network-status{display:flex;align-items:center;justify-content:center;gap:.5rem;background:rgba(220,53,69,.2);border:1px solid rgba(220,53,69,.5);border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem;color:#fcc;font-size:.9rem}.network-status.hidden{display:none}.offline-icon{font-size:1.2rem}.mode-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.mode-btn{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:2rem 1.5rem;text-align:center;color:#fff;cursor:pointer;transition:all .3s ease;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mode-btn:hover:not(:disabled){background:rgba(255,255,255,.2);border-color:gold;transform:translateY(-5px)}.mode-btn:disabled{opacity:.5;cursor:not-allowed}.mode-btn-featured{border-color:gold;background:rgba(255,215,0,.1);box-shadow:0 0 15px #ffd70033}.mode-btn-featured:hover:not(:disabled){background:rgba(255,215,0,.25);box-shadow:0 0 25px #ffd70066}body.offline .mode-btn.online-only{opacity:.35;filter:grayscale(.6);pointer-events:none}body.offline .mode-btn.online-only:after{content:"(Online only)";display:block;font-size:.75rem;color:#ffffff80;margin-top:.5rem}.mode-icon{font-size:3rem;margin-bottom:1rem}.btn{background:linear-gradient(135deg,#ffd700 0%,#ff8c00 100%);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#000;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;min-width:120px}.btn:hover{background:linear-gradient(135deg,#ffed4e 0%,#ff9a1a 100%);transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:rgba(255,255,255,.3)}.btn-success{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#34ce57 0%,#2dd4aa 100%)}.btn-sm{padding:.5rem 1rem;font-size:.9rem;min-width:auto}.form-container{max-width:500px;padding:2rem;background:rgba(255,255,255,.1);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-size:1rem}.form-group select option{background:#1a3a2e;color:#fff}.form-group input::placeholder{color:#fff9}.form-group input[type=checkbox]{width:auto;padding:0;margin:0 .5rem 0 0;vertical-align:middle;border:none;background:none}.form-group label:has(input[type=checkbox]){display:flex;align-items:center;margin-bottom:0;cursor:pointer}.form-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.browse-container{width:90%;max-width:1000px;background:rgba(255,255,255,.1);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem}.browse-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.rooms-list{margin:2rem 0;max-height:400px;overflow-y:auto}.room-item{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:1.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.room-item:hover{background:rgba(255,255,255,.15);border-color:gold}.room-details h4{margin-bottom:.5rem}.room-details p{margin:0;color:#fffc;font-size:.9rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}#game-room-screen{flex-direction:column;align-items:stretch;padding:0}.room-header{background:rgba(0,0,0,.3);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.room-info h2{margin-bottom:.25rem}.room-details{display:flex;gap:1rem;margin-top:.5rem;font-size:.9rem;color:#fffc}.room-actions{display:flex;gap:1rem}.game-content{display:flex;flex:1;min-height:0}.game-area{display:flex;flex:1;flex-direction:column;padding:1rem;gap:1rem;align-items:center;justify-content:center;min-height:0;overflow:hidden}.poker-table{position:relative;width:clamp(280px,80vmin,600px);height:clamp(190px,54vmin,400px);background:radial-gradient(ellipse at center,#0d5741 0%,#0a3d30 70%,#082c23 100%);border:clamp(4px,1vmin,8px) solid #8b4513;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 50px #00000080,0 10px 30px #0000004d;flex-shrink:0}.community-cards{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;z-index:2}.card-container{display:flex;gap:.5rem}.pot-info{text-align:center;background:rgba(0,0,0,.5);padding:.5rem 1rem;border-radius:10px;border:2px solid #ffd700}.pot-amount{font-size:1.2rem;font-weight:600;color:gold}.current-bet{font-size:1rem;color:#fffc}.pot-display{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem}.pot-money{display:none}.player-bets-area{position:absolute;top:55%;left:50%;width:clamp(120px,35vmin,250px);height:clamp(120px,35vmin,250px);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:1}.bet-coin{position:absolute;font-size:clamp(.8rem,1.8vmin,1.2rem);filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));transform:translate(-50%,-50%);animation:coinAppear .3s ease-out}@keyframes coinAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.pot-money{position:relative;width:120px;height:40px;pointer-events:none}.pot-coin{position:absolute;font-size:1.1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));animation:coinIdle 2s ease-in-out infinite}.pot-bill{position:absolute;font-size:1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));animation:billIdle 3s ease-in-out infinite}@keyframes coinIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes billIdle{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(1deg) translateY(-1px)}}.money-fly-to-pot{position:fixed;font-size:1.4rem;z-index:100;pointer-events:none;animation:flyToPot .6s ease-in forwards}@keyframes flyToPot{0%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.5)}}.money-fly-to-winner{position:fixed;font-size:1.4rem;z-index:100;pointer-events:none;animation:flyToWinner .7s ease-out forwards}@keyframes flyToWinner{0%{opacity:1;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1)}}.fold-card-fly{position:fixed;font-size:1.6rem;z-index:100;pointer-events:none;opacity:1;transform:scale(1) rotate(0)}.player-seats{position:absolute;width:100%;height:100%}.player-seat{position:absolute;width:clamp(70px,16vmin,120px);height:clamp(48px,11vmin,80px);background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:15px;padding:.25rem;text-align:center;transition:all .3s ease;font-size:clamp(.65rem,1.5vmin,.9rem)}.player-seat.occupied{background:rgba(255,255,255,.2);border-color:gold}.player-seat.active{border-color:#0f0;box-shadow:0 0 20px #00ff0080}.player-seat.dealer:after{content:"D";position:absolute;top:-10px;right:-10px;width:30px;height:30px;background:#ffd700;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}#seat-0{top:-45px;left:50%;transform:translate(-50%)}#seat-1{top:12%;right:-65px}#seat-2{bottom:12%;right:-65px}#seat-3{bottom:-45px;right:20%}#seat-4{bottom:-45px;left:20%}#seat-5{bottom:12%;left:-65px}#seat-6{top:12%;left:-65px}#seat-7{top:-45px;left:18%}#seat-8{top:-45px;right:18%}.player-name{font-size:.9rem;font-weight:500;margin-bottom:.25rem}.player-chips{font-size:.8rem;color:gold}.player-status{font-size:.7rem;color:#ffffffb3}.card{width:60px;height:84px;background:white;border:2px solid #333;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;position:relative;box-shadow:0 4px 8px #0000004d;transition:all .3s ease}.card.face-down{background:linear-gradient(135deg,#1a472a 0%,#2d5a3d 100%);color:transparent}.card.face-down:after{content:"🂠";font-size:2rem;color:gold}.card.hearts,.card.diamonds{color:#dc3545}.card.clubs,.card.spades{color:#000}.card.hidden{opacity:0;transform:scale(.8)}.player-area{flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;max-width:100%}.active-player-name{font-weight:600;font-size:1rem;color:gold;text-align:center;margin-bottom:.35rem}.player-hand{background:rgba(255,255,255,.1);border-radius:12px;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.hole-cards{display:flex;gap:1rem}.player-stats{text-align:right}.chip-stack{font-size:1.2rem;font-weight:600;color:gold;margin-bottom:.5rem}.player-bet{font-size:1rem;color:#fffc}.action-controls{background:rgba(255,255,255,.1);border-radius:12px;padding:.75rem}.bet-controls{margin-bottom:1.5rem}.bet-controls input[type='"range"']{width:100%;margin-bottom:1rem}.bet-controls input[type='"number"']{width:150px;margin-bottom:1rem}.quick-bets{display:flex;gap:.5rem;margin-bottom:1rem}.quick-bet{padding:.5rem .75rem;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:5px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.8rem}.quick-bet:hover{background:rgba(255,255,255,.3)}.action-buttons{display:flex;gap:1rem;padding-bottom:1.25rem}.action-btn{flex:1;padding:1rem;font-size:1.1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;position:relative}.action-btn.armed{outline:3px solid #fff;outline-offset:2px;animation:armedPulse .8s ease-in-out infinite}.action-btn.armed:after{content:"Tap again to confirm";position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:400;color:#fffc;white-space:nowrap;pointer-events:none}@keyframes armedPulse{0%,to{outline-color:#fff}50%{outline-color:#ffffff4d}}#fold-btn{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);color:#fff}#fold-btn:hover{background:linear-gradient(135deg,#e74c3c 0%,#dc3545 100%)}#check-call-btn{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff}#check-call-btn:hover{background:linear-gradient(135deg,#34ce57 0%,#2dd4aa 100%)}#bet-raise-btn{background:linear-gradient(135deg,#ffd700 0%,#ff8c00 100%);color:#000}#bet-raise-btn:hover{background:linear-gradient(135deg,#ffed4e 0%,#ff9a1a 100%)}.side-panel{width:300px;background:rgba(0,0,0,.3);display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.1);flex-shrink:0}.game-info{padding:1rem 1.5rem}.game-info-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem 0}.game-info-header h3{margin-bottom:0}.collapse-icon{font-size:.8rem;transition:transform .3s ease;color:#fff9}.game-info.collapsed .collapse-icon{transform:rotate(-90deg)}.game-info-content{overflow:hidden;transition:max-height .3s ease;max-height:500px}.game-info.collapsed .game-info-content{max-height:0}.info-item{display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.5rem;background:rgba(255,255,255,.05);border-radius:5px}.info-item span:first-child{color:#fffc}.info-item span:last-child{font-weight:500;color:gold}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:rgba(15,76,58,.95);border-radius:15px;padding:0;max-width:500px;width:90%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.modal-header{padding:1.5rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-body{padding:1.5rem 2rem}.modal-footer{padding:1rem 2rem 1.5rem;display:flex;justify-content:flex-end;gap:1rem}.hidden{display:none!important}.hamburger-menu{position:fixed;top:0;left:0;z-index:200}.hamburger-btn{position:fixed;top:0;left:0;width:48px;height:48px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);border-radius:0 0 12px;color:gold;font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:210}.hamburger-btn:hover{background:rgba(0,0,0,.7);border-color:gold}.hamburger-icon{line-height:1}.hamburger-panel{position:fixed;top:0;left:0;width:280px;max-height:100vh;padding-top:48px;background:rgba(15,60,45,.97);border-right:2px solid rgba(255,215,0,.4);border-bottom:2px solid rgba(255,215,0,.4);border-radius:0 0 16px;box-shadow:4px 4px 20px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(0);transition:transform .3s ease,opacity .3s ease;overflow-y:auto;z-index:205}.hamburger-panel.hidden{transform:translate(-100%);opacity:0;pointer-events:none}.hamburger-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.2)}.hamburger-header h3{margin:0;color:gold;font-size:1.1rem}.hamburger-content{padding:1rem 1.25rem}.hamburger-info{margin-bottom:1.5rem}.hamburger-info .info-item{display:flex;justify-content:space-between;padding:.5rem .75rem;background:rgba(255,255,255,.05);border-radius:6px;margin-bottom:.5rem}.hamburger-info .info-item span:first-child{color:#ffffffb3}.hamburger-info .info-item span:last-child{color:gold;font-weight:500}.hamburger-actions{padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.hamburger-leave-btn{width:100%}.hamburger-section{margin-bottom:1rem}.hamburger-section-title{margin:0 0 .5rem;color:gold;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:.35rem}.hand-rankings{list-style:none;counter-reset:rank;margin:0;padding:0}.hand-rankings li{counter-increment:rank;display:flex;justify-content:space-between;align-items:center;padding:.3rem .5rem;background:rgba(255,255,255,.04);border-radius:4px;margin-bottom:.25rem;font-size:.8rem}.hand-rankings li:before{content:counter(rank) ".";color:gold;font-weight:600;min-width:1.4rem}.rank-name{color:#fffffff2;font-weight:500;flex:1}.rank-desc{color:#ffffff80;font-size:.7rem;text-align:right;margin-left:.5rem}.side-pots-info{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.25rem;justify-content:center}.side-pot-badge{background:rgba(255,215,0,.15);border:1px solid rgba(255,215,0,.4);border-radius:10px;padding:.1rem .5rem;font-size:.7rem;color:gold}#local-game-screen{display:flex}#local-play-screen{flex-direction:column;align-items:stretch;padding:0;height:100vh;height:100dvh;overflow:hidden}#local-play-screen .game-content{flex-direction:column;flex:1;min-height:0;overflow:hidden}#local-play-screen .game-area{flex:1;width:100%;min-height:0}.turn-banner{display:none}#local-player-seats .local-seat-animated{transform:translate(-50%,-50%);transition:top .6s ease,left .6s ease}#local-player-seats .player-seat.folded{opacity:.35;filter:grayscale(.7)}#local-player-seats .player-seat.folded .player-name:after{content:" (folded)";font-size:.7rem;color:#ff6b6b}#local-fold-btn{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);color:#fff}#local-fold-btn:hover{background:linear-gradient(135deg,#e74c3c 0%,#dc3545 100%)}#local-check-call-btn{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff}#local-check-call-btn:hover{background:linear-gradient(135deg,#34ce57 0%,#2dd4aa 100%)}#local-bet-raise-btn{background:linear-gradient(135deg,#ffd700 0%,#ff8c00 100%);color:#000}#local-bet-raise-btn:hover{background:linear-gradient(135deg,#ffed4e 0%,#ff9a1a 100%)}.raise-presets{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.raise-preset-btn{padding:.45rem .8rem;background:rgba(255,215,0,.15);border:1px solid rgba(255,215,0,.4);border-radius:8px;color:gold;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.raise-preset-btn:hover{background:rgba(255,215,0,.3);border-color:gold;transform:translateY(-1px)}.raise-preset-btn.selected{background:rgba(255,215,0,.35);border-color:gold;box-shadow:0 0 8px #ffd7004d}.raise-preset-btn .preset-label{display:block;font-size:.7rem;font-weight:400;color:#ffffffb3;margin-top:1px}.bet-amount-row{display:flex;align-items:center;gap:.4rem;background:rgba(0,0,0,.3);border:1px solid rgba(255,215,0,.4);border-radius:8px;padding:.4rem .75rem;margin-bottom:.75rem;width:fit-content}.bet-amount-currency{color:gold;font-weight:600;font-size:1.1rem}.bet-amount-row input[type=number]{width:100px;background:transparent;border:none;color:#fff;font-size:1.1rem;font-weight:600;outline:none;padding:.2rem;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.manual-bet-input input[type=number]::-webkit-inner-spin-button,.manual-bet-input input[type=number]::-webkit-outer-spin-button{opacity:1;height:24px}.community-card-faceup{width:68px;height:96px;background:#fff;border:2px solid #333;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 8px #0000004d}.community-card-faceup.hearts,.community-card-faceup.diamonds{color:#dc3545}.community-card-faceup.clubs,.community-card-faceup.spades{color:#000}.peekable-card{position:relative;width:68px;height:96px;perspective:600px;cursor:pointer;-webkit-user-select:none;user-select:none}.peekable-card-inner{position:relative;width:100%;height:100%;transition:transform .4s ease;transform-style:preserve-3d}.peekable-card.peeking .peekable-card-inner{transform:rotateY(180deg)}.peekable-card-front,.peekable-card-back{position:absolute;width:100%;height:100%;border-radius:8px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000004d;border:2px solid #333}.peekable-card-front{background:linear-gradient(135deg,#1a472a 0%,#2d5a3d 100%);font-size:2rem;color:gold}.peekable-card-back{transform:rotateY(180deg);background:#fff;font-size:1.5rem;font-weight:700}.peekable-card-back.hearts,.peekable-card-back.diamonds{color:#dc3545}.peekable-card-back.clubs,.peekable-card-back.spades{color:#000}.peek-count{position:absolute;top:-6px;right:-6px;background:#ff8c00;color:#000;font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 1px 3px #0006}.hole-card-pair{position:relative;display:flex;gap:.75rem}.hole-card-pair .peek-count{position:absolute;top:-8px;right:-8px;width:22px;height:22px;font-size:.75rem}.card-placeholder{width:68px;height:96px;border:2px dashed rgba(255,255,255,.2);border-radius:8px}.local-showdown{width:100%;max-width:600px;text-align:center;background:rgba(0,0,0,.4);border-radius:12px;padding:1.5rem;margin:1rem auto}.local-showdown h3{color:gold;margin-bottom:1rem}.local-showdown-cards{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.showdown-player{text-align:center}.showdown-player .showdown-name{font-weight:600;margin-bottom:.25rem;font-size:.9rem}.showdown-player .showdown-hand{display:flex;gap:.25rem}.showdown-player .revealed-card{width:48px;height:68px;background:#fff;border:2px solid #333;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}.showdown-player .revealed-card.hearts,.showdown-player .revealed-card.diamonds{color:#dc3545}.showdown-player .revealed-card.clubs,.showdown-player .revealed-card.spades{color:#000}.text-center{text-align:center}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}@media (max-width: 1024px){.game-content{flex-direction:column}.side-panel{width:100%;border-left:none;border-top:1px solid rgba(255,255,255,.1)}}@media (max-width: 768px){.card{width:40px;height:56px;font-size:1rem}.mode-buttons{grid-template-columns:1fr}.room-header{flex-direction:column;gap:1rem;text-align:center}.action-buttons,.side-panel{flex-direction:column}.community-card-faceup{width:32px;height:44px;font-size:.75rem}.card-placeholder{width:32px;height:44px}.pot-info{padding:.3rem .6rem}.pot-amount{font-size:.9rem}.current-bet{font-size:.75rem}.player-hand{padding:.5rem .75rem}.action-controls{padding:.5rem}.action-btn{padding:.6rem .5rem;font-size:.85rem}}@media (max-width: 480px){.welcome-container,.form-container,.browse-container{margin:1rem;padding:1.5rem}.form-actions,.guest-login,.browse-header{flex-direction:column}.room-item{flex-direction:column;text-align:center;gap:1rem}.game-area{padding:.5rem;gap:.5rem}.raise-presets{gap:.25rem}.raise-preset-btn{padding:.25rem .4rem;font-size:.7rem}}