:root{--bg-color: #f7f7f7;--table-color: #58cc02;--table-border: #46a302;--text-color: #3c3c3c;--primary-color: #ffc800;--primary-shadow: #e5b400;--danger-color: #ff4b4b;--danger-shadow: #ea2b2b;--success-color: #58cc02;--neutral-color: #e5e5e5;--card-bg: #ffffff}body{margin:0;padding:0;font-family:Nunito,"Rounded Mplus 1c",Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow:hidden;-webkit-font-smoothing:antialiased}#root{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-image:radial-gradient(#e5e5e5 1px,transparent 1px);background-size:20px 20px}.card{width:60px;height:84px;background-color:#fff;border-radius:8px;box-shadow:0 4px #0000001a;display:flex;flex-direction:column;justify-content:space-between;padding:6px;box-sizing:border-box;font-family:Nunito,sans-serif;font-weight:800;-webkit-user-select:none;user-select:none;position:relative;transition:transform .2s,box-shadow .2s;border:2px solid #e5e5e5}.card.back{background-color:#1cb0f6;border-color:#118cc6;display:flex;justify-content:center;align-items:center}.card.back .pattern{width:80%;height:80%;border-radius:4px;background-color:#fff;opacity:.2}.card.red{color:#ff4b4b}.card.black{color:#3c3c3c}.card-corner{display:flex;flex-direction:column;align-items:center;font-size:16px;line-height:1}.card-corner.bottom-right{transform:rotate(180deg)}.card-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px}.card:hover{transform:translateY(-8px);box-shadow:0 12px #0000001a}.player-seat{display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:10}.player-seat.active{transform:scale(1.1);z-index:20}.player-seat.top{flex-direction:row}.player-seat.top .player-hand{margin-top:0;margin-left:-20px;z-index:10}.player-seat.top .player-info{margin-bottom:0;z-index:5;margin-right:0}.player-seat.bottom{flex-direction:row}.player-seat.bottom .player-hand{margin-bottom:0;margin-left:-20px;z-index:10}.player-seat.bottom .player-info{z-index:5;margin-right:0}.player-seat.left{flex-direction:row;align-items:center}.player-seat.left .player-hand{margin-left:-20px;z-index:10}.player-seat.left .player-info{z-index:5;margin-right:0}.player-seat.right{flex-direction:row-reverse;align-items:center}.player-seat.right .player-hand{margin-right:-20px;z-index:10}.player-seat.right .player-info{z-index:5;margin-left:0}.avatar{width:50px;height:50px;border-radius:50%;background-color:#fff;border:4px solid #e5e5e5;display:flex;justify-content:center;align-items:center;margin-bottom:4px;box-shadow:0 4px #0000001a;position:relative;background-color:#f0f0f0}.player-seat.active .avatar{border-color:#ffc800;box-shadow:0 0 0 4px #ffc8004d}.player-seat.dealer .avatar:after{content:"D";position:absolute;top:-5px;right:-5px;background:#fff;color:#3c3c3c;border:2px solid #e5e5e5;width:20px;height:20px;border-radius:50%;font-size:12px;display:flex;justify-content:center;align-items:center;font-weight:800}.player-info{display:flex;flex-direction:column;align-items:center;background:#fff;padding:6px 12px;border-radius:16px;border:2px solid #e5e5e5;box-shadow:0 4px #0000001a;min-width:80px}.player-info .avatar{margin-bottom:4px}.name{font-size:12px;font-weight:800;color:#777;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.chips{font-size:12px;font-weight:800;color:#58cc02}.player-hand{display:flex;justify-content:center}.player-hand .card{transform:scale(.6);margin:0 -15px;box-shadow:0 2px 5px #0003;transition:margin .2s,transform .2s}.player-seat.bottom .player-hand:hover .card{margin:0 -5px;transform:scale(.7) translateY(-10px);z-index:20}.player-seat.winner .avatar{border-color:#ffc800;background-color:#fff8d6;animation:bounce .5s infinite alternate}@keyframes bounce{to{transform:translateY(-5px)}}.bet-badge{position:absolute;background:#fff9c4;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:800;color:#584100;border:2px solid #e5e5e5;border-bottom-width:4px;min-width:30px;text-align:center;z-index:30;box-shadow:0 4px 6px #00000026;display:flex;align-items:center;justify-content:center;white-space:nowrap;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.bet-badge:after{content:"";position:absolute;border-style:solid;display:block;width:0}.player-seat.bottom .bet-badge{bottom:100%;margin-bottom:15px;left:50%;transform:translate(-50%)}.player-seat.bottom .bet-badge:after{bottom:-8px;left:50%;margin-left:-8px;border-width:8px 8px 0;border-color:#e5e5e5 transparent}.player-seat.top .bet-badge{top:100%;margin-top:15px;left:50%;transform:translate(-50%)}.player-seat.top .bet-badge:after{top:-8px;left:50%;margin-left:-8px;border-width:0 8px 8px;border-color:#e5e5e5 transparent}.player-seat.left .bet-badge{left:100%;margin-left:15px;top:50%;transform:translateY(-50%)}.player-seat.left .bet-badge:after{left:-8px;top:50%;margin-top:-8px;border-width:8px 8px 8px 0;border-color:transparent #e5e5e5 transparent transparent}.player-seat.right .bet-badge{right:100%;margin-right:15px;top:50%;transform:translateY(-50%)}.player-seat.right .bet-badge:after{right:-8px;top:50%;margin-top:-8px;border-width:8px 0 8px 8px;border-color:transparent transparent transparent #e5e5e5}.seat-container.bottom .bet-badge,.seat-container.top .bet-badge,.seat-container.left .bet-badge,.seat-container.right .bet-badge{inset:auto}.status-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:800;pointer-events:none;z-index:40;white-space:nowrap}@media(max-width:768px){.player-seat{transform:scale(.9)}.player-seat.active{transform:scale(1)}.player-info{padding:4px 8px;min-width:60px}.avatar{width:40px;height:40px;font-size:16px;border-width:3px}.name,.chips{font-size:10px}.player-hand .card{transform:scale(.55);margin:0 -18px}}.community-cards-container{background:#0000004d;padding:15px 30px;border-radius:50px;border:4px solid #35654d;box-shadow:inset 0 0 20px #00000080}.cards-wrapper{display:flex;gap:10px}.community-card-slot{width:60px;height:84px}.community-card-slot.empty{border:2px dashed rgba(255,255,255,.2);border-radius:6px}.controls-container{display:flex;justify-content:center;align-items:center;background:transparent;padding:0;pointer-events:auto}.action-buttons{display:flex;gap:12px;align-items:center}.btn{padding:12px 24px;border:none;border-radius:16px;font-weight:800;font-size:16px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .1s cubic-bezier(.4,0,.2,1);color:#fff;min-width:100px;position:relative;border-bottom:5px solid rgba(0,0,0,.2)}.btn:active{transform:translateY(4px);border-bottom-width:0px;margin-bottom:5px}.btn{background-color:#e5e5e5;color:#afafaf;border-bottom-color:#afafaf}.btn:hover{filter:brightness(1.05)}.btn.danger{background-color:#ff4b4b;border-bottom-color:#d40f0f;color:#fff}.btn.primary{background-color:#1cb0f6;border-bottom-color:#118cc6;color:#fff}.btn.success{background-color:#58cc02;border-bottom-color:#46a302;color:#fff}.btn.warning{background-color:#ff9600;border-bottom-color:#cc7800;color:#fff}.raise-group{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;padding:8px;border-radius:16px;border:2px solid #e5e5e5;border-bottom-width:4px}.raise-slider{width:100%;accent-color:#58cc02;cursor:pointer}@media(max-width:768px){.controls-container{width:100vw;padding:0 10px;background:transparent}.action-buttons{width:100%;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.action-buttons>.btn{flex:1 1 30%;min-width:0;padding:12px 0;font-size:13px;margin:0;border-radius:12px;border-bottom-width:4px;white-space:nowrap}.raise-group{width:100%;flex-basis:100%;margin-top:4px;flex-direction:row;align-items:center;padding:8px 12px;gap:12px}.raise-group .btn{flex:0 0 auto;width:auto;min-width:80px;padding:10px 16px;font-size:14px}.raise-slider{flex:1;height:24px;width:auto}.btn:active{transform:translateY(4px);margin-bottom:4px}}@media(max-height:500px)and (orientation:landscape){.controls-container{width:100%;height:100%;flex-direction:column;justify-content:center;padding:10px}.action-buttons{flex-direction:column;width:100%;gap:8px;flex-wrap:nowrap}.action-buttons>.btn{width:100%;flex:0 0 auto;margin:0;padding:8px;font-size:11px;min-width:0}.raise-group{width:100%;flex-direction:column;margin-top:4px;padding:6px;flex-basis:auto}.raise-slider{width:100%;height:20px}.raise-group .btn{width:100%;min-width:0;font-size:11px}}.poker-table{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.table-felt{width:80%;height:60%;background-color:var(--table-color);border-radius:60px;border-bottom:12px solid var(--table-border);box-shadow:0 10px #ddd;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.pot-display{position:absolute;top:35%;color:#fff;font-size:20px;font-weight:800;text-shadow:0 2px 0 rgba(0,0,0,.1);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;background:#0003;padding:8px 16px;border-radius:20px}.winner-announcement{background:#ffc800;color:#584100;padding:12px 24px;border-radius:20px;font-weight:800;box-shadow:0 4px #e5b400;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);z-index:100}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.seat-container{position:absolute}.seat-container.bottom{bottom:-20px;left:50%;transform:translate(-50%)}.seat-container.top{top:-20px;left:50%;transform:translate(-50%)}.seat-container.left{left:-20px;top:50%;transform:translateY(-50%)}.seat-container.right{right:-20px;top:50%;transform:translateY(-50%)}.controls-wrapper{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:20}.loading{color:var(--text-color);font-size:24px;font-weight:700}.lang-switch{position:absolute;top:20px;right:20px;background:#fff;color:var(--text-color);border:2px solid #e5e5e5;border-bottom:4px solid #e5e5e5;padding:8px 16px;border-radius:12px;cursor:pointer;z-index:100;font-weight:800;transition:all .1s}.lang-switch:active{transform:translateY(2px);border-bottom-width:2px}.restart-btn{position:absolute;top:20px;left:20px;background:#fff;color:#ff4b4b;border:2px solid #e5e5e5;border-bottom:4px solid #e5e5e5;padding:8px 16px;border-radius:12px;cursor:pointer;z-index:100;font-weight:800;transition:all .1s}.restart-btn:active{transform:translateY(2px);border-bottom-width:2px}.game-over-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease}.game-over-modal{background:#fff;padding:30px;border-radius:20px;width:80%;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 10px #0003;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);text-align:center}.game-over-title{font-size:24px;font-weight:800;color:#ff4b4b}.game-over-message{font-size:18px;font-weight:700;color:#3c3c3c}.game-over-btn{background-color:#58cc02;color:#fff;border:none;padding:12px 30px;border-radius:12px;font-size:18px;font-weight:800;cursor:pointer;border-bottom:5px solid #46a302;transition:all .1s;width:100%}.game-over-btn:active{transform:translateY(4px);border-bottom-width:0;margin-bottom:5px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px)and (orientation:portrait){.poker-table{overflow:hidden;height:100vh;width:100vw;flex-direction:column;justify-content:flex-start;padding-top:60px}.table-felt{width:95vw;flex:1;height:auto;border-radius:40px;border-bottom-width:8px;box-shadow:0 4px #ddd;margin-bottom:10px;flex-shrink:0}.seat-container.bottom{bottom:5px}.seat-container.top{top:5px}.seat-container.left{left:2px;top:45%}.seat-container.right{right:2px;top:45%}.pot-display{top:25%;font-size:14px;padding:4px 10px}.community-cards{transform:scale(.75);margin-top:-30px}.controls-wrapper{position:relative;bottom:auto;left:auto;transform:none;width:100%;display:flex;justify-content:center;z-index:50;margin-top:auto;padding-bottom:20px;background:transparent;flex-shrink:0}}@media(max-height:500px)and (orientation:landscape){.poker-table{flex-direction:row;align-items:center;padding-top:0;overflow:hidden}.table-felt{width:75vw;height:85vh;margin-bottom:0;margin-right:10px;flex:0 0 auto}.controls-wrapper{position:relative;bottom:auto;left:auto;transform:none;width:25vw;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0;margin-top:0;background:#ffffff1a;flex-shrink:0}.seat-container.bottom{bottom:5px}.seat-container.top{top:5px}.seat-container.left{left:5px}.seat-container.right{right:5px}.pot-display{top:30%;font-size:16px}.community-cards{transform:scale(.8)}}