:root{--primary-dark: #020617;--card-bg: #1e293b;--accent-gold: #b38b59;--accent-red: #ef4444;--text-main: #f1f5f9;--text-dim: #94a3b8;--table-felt: radial-gradient(circle at center, #1e3a8a 0%, #0f172a 100%);--gold-glow: 0 0 15px rgba(179, 139, 89, .4)}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,sans-serif;background-color:var(--primary-dark);color:var(--text-main);overflow:hidden;height:100vh;width:100vw}#app{width:100%;height:100%}.hidden{display:none!important}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--primary-dark);z-index:100}.loader-content{text-align:center}.casino-logo{margin-bottom:2rem}.logo-text{display:block;font-family:Orbitron,sans-serif;font-size:3rem;letter-spacing:.5rem;color:var(--accent-gold);text-shadow:var(--gold-glow)}.logo-sub{font-size:1.2rem;letter-spacing:1.2rem;color:var(--text-dim);margin-right:-1.2rem}.progress-bar{width:200px;height:4px;background:#ffffff1a;border-radius:2px;margin:1.5rem auto;overflow:hidden}.progress-fill{width:30%;height:100%;background:var(--accent-gold);box-shadow:var(--gold-glow);animation:loading 2s infinite ease-in-out}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(200%)}}.loading-status{margin-top:1.5rem;font-size:.9rem;color:var(--accent-gold);letter-spacing:2px;font-family:Orbitron,sans-serif;opacity:.8;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}#game-container{height:100%;display:flex;flex-direction:column}.game-header{height:80px;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,rgba(30,41,59,.5),transparent);z-index:10}.blind-info{font-family:Orbitron,sans-serif;color:var(--accent-gold);font-size:.9rem;margin-right:1.5rem}.game-status{font-weight:600;color:var(--text-dim);text-transform:uppercase;font-size:.8rem;letter-spacing:.1em}.pot-container{text-align:center}.pot-label{display:block;font-size:.7rem;color:var(--text-dim);letter-spacing:2px}.pot-value{font-family:Orbitron,sans-serif;font-size:1.8rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.table-area{flex:1;position:relative;padding:2rem;display:flex;align-items:center;justify-content:center}.poker-table{width:90%;max-width:1000px;height:80%;max-height:500px;background:var(--table-felt);border-radius:250px;border:15px solid #1e293b;box-shadow:inset 0 0 100px #000c,0 20px 50px #00000080;position:relative;display:flex;align-items:center;justify-content:center}.community-cards{display:flex;gap:15px}.opponent{position:absolute;width:120px;display:flex;flex-direction:column;align-items:center;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.opponent[data-pos=top-left]{top:-40px;left:15%}.opponent[data-pos=top]{top:-60px;left:50%;transform:translate(-50%)}.opponent[data-pos=top-right]{top:-40px;right:15%}.player-avatar{width:60px;height:60px;background:var(--card-bg);border:2px solid var(--accent-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.5rem;box-shadow:0 0 10px #00000080}.player-avatar img{width:100%;height:100%;object-fit:cover}.player-info{text-align:center}.player-name{display:block;font-size:.8rem;font-weight:600}.player-stack{font-family:Orbitron,sans-serif;font-size:.75rem;color:var(--accent-gold)}.player-controls{height:200px;padding:1.5rem 2rem;background:linear-gradient(to top,#0f172a,transparent);display:flex;justify-content:space-between;align-items:center}.chat-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#fffffff2;color:#000;padding:8px 12px;border-radius:12px;font-size:.75rem;font-weight:600;width:140px;text-align:center;box-shadow:0 4px 15px #0000004d;pointer-events:none;opacity:0;margin-bottom:10px;z-index:20;transition:all .3s ease}.chat-bubble.visible{opacity:1;transform:translate(-50%) translateY(-5px)}.chat-bubble:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:rgba(255,255,255,.95) transparent transparent transparent}.thinking-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:3px solid transparent;border-top-color:var(--accent-gold);animation:spin 1s linear infinite;display:none}.opponent.thinking .thinking-ring{display:block}@keyframes spin{to{transform:rotate(360deg)}}.player-identity{display:flex;align-items:end;gap:2rem}.player-cards{display:flex;gap:10px}.player-wealth .label{display:block;font-size:.7rem;color:var(--text-dim);margin-bottom:.3rem}.player-wealth .value{font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--accent-gold)}.card{width:70px;height:100px;background:#fff;border-radius:6px;color:#000;display:flex;flex-direction:column;padding:5px;position:relative;box-shadow:0 4px 8px #0000004d;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);backface-visibility:hidden}.card.dealing{animation:dealSlide .5s cubic-bezier(.23,1,.32,1) forwards}@keyframes dealSlide{0%{opacity:0;transform:translateY(-100px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}.card.reveal{animation:flipIn .6s ease-out forwards}@keyframes flipIn{0%{transform:rotateY(90deg) scale(1.1);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}#player-hand .card:hover{transform:translateY(-20px) scale(1.1) rotate(2deg);box-shadow:0 15px 30px #0006;z-index:10}.card.winner{box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70066;border:2px solid #ffd700;animation:pulseWinner 1.5s infinite}@keyframes pulseWinner{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.card.folded{opacity:.5;transform:translateY(-20px) rotate(10deg) grayscale(100%);pointer-events:none}.card.red{color:var(--accent-red)}.card-rank{font-weight:700;font-size:1.2rem;line-height:1}.card-suit{font-size:.8rem}.card-center-suit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;opacity:.15}.action-buttons{display:flex;gap:1rem}.action-btn{padding:1rem 2rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-family:Orbitron,sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s}.header-actions{display:flex;align-items:center;gap:12px}.header-actions button,.header-actions select{background:#ffffff0d;border:1px solid rgba(212,175,55,.3);color:#fff;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;height:40px;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif}.header-actions select{padding:0 1rem;width:auto;font-size:.8rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.header-actions select option{background:var(--primary-dark);color:var(--text-main)}.header-actions button:hover,.header-actions select:hover{background:var(--accent-gold);color:var(--primary-dark);box-shadow:0 0 15px #d4af3766}.action-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.action-btn.fold:hover{color:var(--accent-red);border-color:var(--accent-red)}.action-btn.raise{background:var(--accent-gold);color:#000}.action-btn.raise:hover{filter:brightness(1.2)}@media (max-width: 768px){.poker-table{width:95%;border-radius:150px}.card{width:50px;height:75px}.action-btn{padding:.8rem 1.2rem;font-size:.8rem}}.flying-chip{position:fixed;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 30% 30%,gold,#b8860b);border:2px dashed #fff;box-shadow:0 4px 6px #0000004d;z-index:1000;pointer-events:none;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.flying-chip:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:1px solid rgba(255,255,255,.5)}.pot-active{animation:potPulse .3s ease-out}@keyframes potPulse{0%{transform:scale(1)}50%{transform:scale(1.1);text-shadow:0 0 20px #ffd700}to{transform:scale(1)}}.result-content{text-align:center;background:linear-gradient(145deg,#1e293be6,#0f172af2);padding:3rem;border-radius:20px;border:1px solid var(--accent-gold);box-shadow:0 0 50px #000c,inset 0 0 20px #b38b5933;min-width:500px;display:flex;flex-direction:column;align-items:center;gap:2rem}.modal-animate{animation:slideUpFade .5s cubic-bezier(.23,1,.32,1)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.winner-announcement h2{font-family:Orbitron,sans-serif;font-size:2.5rem;color:var(--accent-gold);text-shadow:0 0 15px rgba(179,139,89,.5);margin-bottom:.5rem}.hand-rank-text{font-size:1.2rem;color:var(--text-dim);letter-spacing:4px;text-transform:uppercase}.winning-cards-display{display:flex;gap:15px;padding:20px;background:#0000004d;border-radius:15px}.winning-cards-display .card{transform:scale(1.2)}.pot-won-display{font-size:1.1rem;color:var(--text-dim)}.gold-text{color:var(--accent-gold);font-family:Orbitron,sans-serif;font-size:1.5rem;margin-left:10px}.large-btn{font-size:1.2rem;padding:1rem 3rem;margin-top:1rem;box-shadow:0 0 20px #00000080}.hand-strength-badge{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#b38b5933;border:1px solid var(--accent-gold);color:var(--accent-gold);padding:.4rem 1rem;border-radius:20px;font-family:Orbitron,sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px #b38b594d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease;white-space:nowrap}.hand-strength-badge.strong{background:#b38b59cc;color:#000;font-weight:700;box-shadow:0 0 20px #b38b5999}.spotlight-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 150px,rgba(0,0,0,.85) 400px);z-index:90;pointer-events:none;opacity:0;transition:opacity 1s ease}.spotlight-overlay.active{opacity:1;animation:breathe 4s infinite ease-in-out}@keyframes breathe{0%,to{background-size:100% 100%}50%{background-size:110% 110%}}.all-in-pulse{animation:heartbeat 1s infinite;z-index:100!important;position:relative;box-shadow:0 0 50px var(--accent-red)!important}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.1);border-color:red}30%{transform:scale(1)}45%{transform:scale(1.1);border-color:red}to{transform:scale(1)}}.emote-grid{position:fixed;bottom:220px;right:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:#0009;padding:10px;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:scale(0);transition:transform .2s back;transform-origin:bottom right}.emote-grid.show{transform:scale(1)}.emote-btn{font-size:1.5rem;background:none;border:none;cursor:pointer;transition:transform .1s}.emote-btn:hover{transform:scale(1.2)}.emote-display{position:absolute;top:-50px;left:50%;transform:translate(-50%);font-size:3rem;animation:popUp 2s forwards;z-index:1000;pointer-events:none}@keyframes popUp{0%{opacity:0;transform:translate(-50%,20px) scale(0)}15%{opacity:1;transform:translate(-50%) scale(1.2)}25%{transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-20px)}to{opacity:0;transform:translate(-50%,-40px)}}.rules-section ul li{padding:.5rem .8rem;background:#ffffff08;margin-bottom:.3rem;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.rules-section p{margin-bottom:.8rem}.rules-content::-webkit-scrollbar,.history-content::-webkit-scrollbar{width:6px}.rules-content::-webkit-scrollbar-track,.history-content::-webkit-scrollbar-track{background:#0003}.rules-content::-webkit-scrollbar-thumb,.history-content::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:10px}