:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}body,html,#root{height:100%;margin:0;background-color:#121212;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;justify-content:center;align-items:center;color:#fff;width:100%}.register-container{background-color:#1e1e1e;padding:2.5em 3em;border-radius:1em;width:320px;box-shadow:0 0 15px #f5c518aa;-webkit-user-select:none;user-select:none}.register-container h1{margin-bottom:1.5em;font-weight:700;font-size:2rem;color:#fff}.register-form label{display:block;margin-bottom:1.4em}.label-title{display:block;color:#a5a7b6;font-weight:600;margin-bottom:.4em;font-size:.95rem}.register-form input{width:100%;padding:.6em .8em;font-size:1rem;background:transparent;border:none;border-bottom:1px solid #555;color:#fff;outline:none;transition:border-color .3s ease}.register-form input::placeholder{color:#888ea8}.register-form input:focus{border-color:#f5c518}.continue-btn{width:100%;padding:.85em 0;background:linear-gradient(45deg,#f5c518,#d4a10c);border:none;border-radius:.5em;color:#3d2600;font-weight:700;font-size:1.1rem;cursor:pointer;box-shadow:0 5px 10px #c39c00;transition:background .3s ease;-webkit-user-select:none;user-select:none}.continue-btn:hover{background:linear-gradient(45deg,#f9d83a,#e0b422)}.register-container p{color:#888ea8;font-size:.9rem;margin-top:1.5em;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;transition:color .3s ease}.register-container p:hover{color:#f5c518}:root{--bg-deep: #0f041d;--panel-bg: rgba(33, 11, 61, .9);--accent-pink: #ff007a;--accent-purple: #9d50bb;--accent-green: #00ffa3;--neon-mor: #bc13fe;--header-h: 70px;--footer-h: 80px}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-deep);color:#fff;height:100vh;overflow:hidden;display:flex;flex-direction:column}header.pokerup-header{height:var(--header-h);background:var(--panel-bg);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:fixed;top:0;width:100%;z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--accent-purple)}.pokerup-balance{background:#000;padding:5px 15px;border-radius:20px;border:1px solid var(--accent-green);color:var(--accent-green);font-weight:700}main.lobby-content{margin:calc(var(--header-h) + 10px) 0 var(--footer-h) 0;flex:1;overflow-y:auto;padding:15px}.table-card{background:var(--panel-bg);border-radius:20px;padding:20px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.05);transition:.3s}.table-card:hover{border-color:var(--accent-purple);box-shadow:0 0 15px #9d50bb99}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0514eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:2000}.neon-card{background:#1a0b2e;border:2px solid var(--neon-mor);box-shadow:0 0 25px var(--neon-mor),inset 0 0 15px #7a0bc080;border-radius:30px;width:90%;max-width:400px;position:relative;animation:modalFadeIn .3s ease-out forwards}@keyframes modalFadeIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.neon-title{color:#fff;text-shadow:0 0 10px var(--neon-mor);text-align:center;font-weight:800;margin-bottom:20px;letter-spacing:1px}.modal-close,.neon-close{position:absolute;top:15px;right:20px;color:#fff;font-size:2rem;cursor:pointer;opacity:.7;transition:.3s}.modal-close:hover{opacity:1;color:var(--accent-pink)}.neon-form-container{display:flex;flex-direction:column;gap:15px;width:100%}.neon-form-group{display:flex;flex-direction:column;width:100%;margin-bottom:15px}.neon-form-group label{color:var(--neon-mor);font-size:11px;font-weight:800;margin-bottom:6px;text-transform:uppercase}.neon-field,.neon-input,.neon-select{width:100%;height:48px;background:#ffffff0a;border:1px solid rgba(188,19,254,.4);border-radius:12px;padding:0 15px;color:#fff;font-size:14px;outline:none;box-sizing:border-box;transition:.3s}.neon-field:focus{border-color:var(--neon-mor);box-shadow:0 0 12px var(--neon-mor)}.neon-select-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23bc13fe' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:18px}.neon-btn-primary,.table-join-pink{width:100%;height:50px;background:linear-gradient(45deg,var(--accent-pink),var(--accent-purple));border:none;border-radius:15px;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 5px 15px #bc13fe66;transition:.3s}.neon-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff007a80}.full-wheel-container{position:relative;width:320px;height:320px;margin:20px auto;z-index:5}.full-wheel{position:relative;width:100%;height:100%;border-radius:50%;border:10px solid #1a0b2e;overflow:hidden;transition:transform 4s cubic-bezier(.15,0,.15,1);box-shadow:0 0 30px var(--neon-mor);background:#1a0b2e}.wheel-slice{position:absolute;width:100%;height:100%;left:0;top:0;clip-path:polygon(50% 50%,50% 0%,100% 0%);transform-origin:50% 50%;display:flex;justify-content:center;align-items:center}.slice-color-0{transform:rotate(0);background:var(--accent-pink)}.slice-color-1{transform:rotate(45deg);background:#210b3d}.slice-color-2{transform:rotate(90deg);background:var(--accent-green)}.slice-color-3{transform:rotate(135deg);background:#120524;box-shadow:inset 0 0 20px var(--accent-pink)}.slice-color-4{transform:rotate(180deg);background:var(--accent-pink)}.slice-color-5{transform:rotate(225deg);background:#210b3d}.slice-color-6{transform:rotate(270deg);background:var(--accent-green)}.slice-color-7{transform:rotate(315deg);background:#333}.slice-content-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:50% 50%;transform:rotate(22.5deg);display:flex;flex-direction:column;align-items:center;padding-top:30px;color:#fff;font-weight:900;pointer-events:none}.slice-text-value{font-size:1.1rem;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.7)}.slice-coin-label{font-size:.6rem;margin-top:2px}.slice-color-2,.slice-color-6{color:#000}.wheel-pointer{position:absolute;top:-15px;left:50%;transform:translate(-50%);color:var(--accent-green);font-size:2.5rem;z-index:20;filter:drop-shadow(0 0 10px var(--accent-green))}.spin-btn-neon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:#fff;border:4px solid var(--neon-mor);color:#1a0b2e;font-weight:900;z-index:25;cursor:pointer;box-shadow:0 0 15px var(--neon-mor);padding:0!important}.spin-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:65px;height:65px;border-radius:50%;background:#fff;color:#000;font-weight:900;border:4px solid var(--bg-deep);cursor:pointer;z-index:15;box-shadow:0 0 15px var(--neon-mor)}.prize-result{margin-top:15px;font-weight:800;color:var(--accent-green);text-shadow:0 0 8px var(--accent-green);height:24px}footer.pokerup-footer{height:var(--footer-h);background:#0a0314;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;width:100%;z-index:1001}.play-btn-main{width:75px;height:75px;background:linear-gradient(135deg,var(--accent-green),#00d1ff);border-radius:50%;border:6px solid var(--bg-deep);margin-top:-45px;display:flex;align-items:center;justify-content:center;color:#000;font-weight:900;box-shadow:0 5px 20px #00ffa366;z-index:1002;cursor:pointer}.wheel-preview-container{position:fixed;bottom:calc(var(--footer-h) - 20px);left:50%;transform:translate(-50%);width:180px;height:90px;overflow:hidden;z-index:999;cursor:pointer}.wheel-preview{width:180px;height:180px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent-pink) 0 45deg,var(--accent-purple) 45deg 90deg,var(--accent-green) 90deg 135deg,#120524 135deg 180deg,var(--accent-pink) 180deg 225deg,var(--accent-purple) 225deg 270deg,var(--accent-green) 270deg 315deg,#120524 315deg 360deg);border:6px solid var(--bg-deep);box-shadow:0 0 20px #9d50bb99;animation:slowRotate 15s linear infinite}@keyframes slowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--neon-pink: #ff007a;--neon-purple: #9d50bb;--neon-cyan: #00ffa3;--table-green: radial-gradient(circle, #1a7d45 0%, #074026 100%);--table-border: #1a0b2e}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{height:100vh;display:flex;flex-direction:column;overflow:hidden}.game-container{width:100%;height:100%;display:flex;flex-direction:column;background:url(/images/background.png) no-repeat;background-attachment:fixed}.top-bar{position:absolute;top:0;left:0;width:100%;padding:15px;z-index:1000;display:flex;align-items:center}.btn-back{background:#0009;border:1px solid var(--neon-purple);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;padding:8px 15px;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:5px;transition:.3s;text-decoration:none}.btn-back:hover{background:var(--neon-purple);box-shadow:0 0 15px var(--neon-purple)}.game-viewport{flex:1;perspective:1200px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.dealer-boss{position:absolute;top:-5%;z-index:10;display:flex;flex-direction:column;align-items:center;transform:translateZ(-100px)}.dealer-img{width:110px;height:140px;background:url(/images/dealer.png) center/cover;border-radius:15px;-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%)}.poker-table-3d{width:900px;height:480px;background:var(--table-green);border:14px solid var(--table-border);border-radius:200px;position:relative;transform:rotateX(55deg) translateY(20px);box-shadow:0 100px 200px #000,inset 0 0 100px #000c;display:flex;justify-content:center;align-items:center}.player{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translateY(-20px)!important}.avatar{width:70px;height:70px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#222 url(https://i.pravatar.cc/100) center/cover;box-shadow:0 8px 20px #000c;z-index:2}.player-cards{display:flex;justify-content:center;position:absolute;top:45px;left:0;z-index:4;pointer-events:none}.hidden-card{width:18px;height:26px;background:#1a0b2e;border:1.5px solid var(--neon-purple);border-radius:2px;box-shadow:0 0 10px var(--neon-purple)}.hidden-card.c-left{transform:rotate(-15deg) translate(4px)}.hidden-card.c-right{transform:rotate(15deg) translate(-4px)}.player-info{background:#000000d9;color:#fff;padding:3px 10px;border-radius:6px;font-size:.7rem;margin-top:1px;white-space:nowrap;border:1px solid rgba(157,80,187,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.p1{top:-8%;left:25%}.p2{top:-8%;right:25%}.p3{top:20%;right:-2%}.p4{top:60%;right:5%}.p5{bottom:-12%;right:25%}.p6{bottom:-12%;left:25%}.p7{top:60%;left:5%}.p8{top:20%;left:-2%}.p9{bottom:-12%}.bet{position:absolute;transform:none!important;display:flex;flex-direction:column;align-items:center;z-index:20}.chip{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,var(--pink));border:2px solid #fff;box-shadow:0 3px 8px #000c,0 0 10px #ff007a99}.amount{margin-top:4px;font-size:.65rem;color:var(--cyan);background:#000c;padding:2px 6px;border-radius:6px;border:1px solid rgba(0,255,163,.5)}.b1{top:18%;left:30%}.b2{top:18%;right:30%}.b3{top:35%;right:12%}.b4{top:55%;right:18%}.b5{bottom:20%;right:30%}.b6{bottom:20%;left:30%}.b7{top:55%;left:18%}.b8{top:35%;left:12%}@media(max-width:600px){.poker-table-3d{width:300px;height:560px;border-radius:140px;transform:rotateX(40deg) translateY(0)}.player{transform:none!important}.p1{top:0%!important;left:-5%!important}.p2{top:0%!important;right:-5%!important}.p3{top:20%!important;right:-20%!important}.p4{top:55%!important;right:-20%!important}.p5{bottom:3%!important;right:-5%!important}.p6{bottom:3%!important;left:-5%!important}.p7{top:55%!important;left:-20%!important}.p8{top:20%!important;left:-20%!important}.p9{bottom:-5%!important}}.table-content{transform:rotateX(-15deg);text-align:center;z-index:10}.pot-display{background:#000c;padding:5px 20px;border-radius:20px;font-size:1.1rem;color:var(--neon-cyan);font-weight:900;margin-bottom:12px;border:1px solid var(--neon-cyan);box-shadow:0 0 15px #00ffa34d}.cards-row{display:flex;gap:5px;justify-content:center}.card{width:45px;height:62px;background:#fff;border-radius:5px;color:#222;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;box-shadow:0 5px 10px #00000080}.me{position:absolute;bottom:22%;display:flex;flex-direction:column;align-items:center;z-index:500;transform:translateZ(50px)}.my-hand{display:flex;gap:4px;margin-bottom:5px}.my-card{width:55px;height:80px;font-size:1.4rem;border:3px solid var(--neon-cyan);box-shadow:0 15px 40px #00ffa380}.controls{height:90px;background:#0f051af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;padding:0 2%;gap:10px;border-top:2px solid var(--neon-purple)}.btn-group{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.btn{height:45px;border:none;border-radius:10px;color:#fff;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.btn-fold{background:#333}.btn-call{background:var(--neon-purple);box-shadow:0 0 15px #9d50bb66}.btn-raise{background:var(--neon-pink);box-shadow:0 0 15px #ff007a66}.winner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:none;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.winner-content{text-align:center;transform:scale(.5);opacity:0;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.winner-overlay.active{display:flex}.winner-overlay.active .winner-content{transform:scale(1);opacity:1}.winner-title{font-size:4rem;font-weight:900;color:#fff;text-transform:uppercase;text-shadow:0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan);margin-bottom:10px;animation:pulse 1.5s infinite}.winner-name{font-size:2rem;color:var(--neon-pink);font-weight:700;margin-bottom:20px}.winner-prize{font-size:3rem;color:gold;text-shadow:0 0 15px rgba(255,215,0,.6)}.chips-anim{font-size:3rem;position:absolute;animation:float 2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.hand-rank{background:linear-gradient(90deg,transparent,var(--neon-purple),transparent);color:#fff;font-style:italic;font-size:1.2rem;padding:5px 0;margin:10px 0;letter-spacing:5px}.winner-hand-display{display:flex;gap:8px;justify-content:center;margin-top:15px}.winner-hand-display .card{width:50px;height:70px;font-size:1.2rem;animation:cardAppear .5s backwards}@keyframes cardAppear{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:9999}.buyin-modal{width:90%;max-width:360px;background:#111;border:2px solid var(--neon-pink);border-radius:12px;padding:20px;color:#fff;text-align:center}.buyin-modal h2{margin-bottom:16px}.buyin-modal .balance,.buyin-modal .buyin-amount{margin-bottom:12px;font-size:16px}.modal-actions{margin-top:20px}