:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-surface: #1f2b47;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent: #4ecca3;--danger: #e74c3c;--warning: #f39c12;--shadow-dark: rgba(0, 0, 0, .5);--shadow-light: rgba(255, 255, 255, .05)}*{box-sizing:border-box}body{background-color:var(--bg-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html{overscroll-behavior:none}.no-select{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@supports (padding: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:360px){:root{font-size:14px}}@media(min-width:768px){:root{font-size:17px}}@media(orientation:landscape)and (max-height:500px){.game-table-landscape{max-width:100%!important;flex-direction:column;padding:.1rem;gap:.1rem}.game-table-landscape>div[style]{padding:.2rem .3rem!important;gap:.1rem!important;border-radius:.5rem!important}.game-table-landscape .card-view,.game-table-landscape [class*=card]{width:32px!important;height:46px!important;font-size:.6rem!important}.game-table-landscape .pot-display{font-size:.75rem;padding:.15rem .4rem}.game-table-landscape .player-seat{min-width:72px;font-size:.7rem}.game-table-landscape .action-btn,.game-table-landscape button[style]{padding:.35rem .5rem!important;font-size:.78rem!important;min-height:2rem!important}.game-table-landscape .action-panel,.game-table-landscape [class*=action-panel]{padding:.4rem!important;gap:.3rem!important}.game-table-landscape .chat-panel{max-height:100px;font-size:.75rem}.game-table-landscape .bottom-area{gap:.15rem;padding:.1rem 0 0}.game-table-landscape .phase-label{font-size:.6rem;padding:.1rem 0}.game-table-landscape .collapse-header{padding:.2rem .4rem;font-size:.65rem}@supports (padding: env(safe-area-inset-left)){.game-table-landscape{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}}@keyframes pulse-action{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@media(orientation:landscape){@supports (padding: env(safe-area-inset-left)){.safe-area-landscape{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px #4ecca34d}50%{box-shadow:0 0 20px #4ecca399,0 0 40px #4ecca333}}@keyframes goldGlow{0%,to{box-shadow:0 0 8px #ffd70066}50%{box-shadow:0 0 25px #ffd700b3,0 0 50px #ffd7004d}}@keyframes cardSlideIn{0%{transform:translate(60px) rotate(5deg);opacity:0}to{transform:translate(0) rotate(0);opacity:1}}@keyframes cardFlipReveal{0%{transform:rotateY(90deg) scale(.9)}50%{transform:rotateY(45deg) scale(.95)}to{transform:rotateY(0) scale(1)}}.card-flip-reveal{animation:cardFlipReveal .35s ease-out}@keyframes chipCountUp{0%{transform:scale(1);color:var(--accent)}50%{transform:scale(1.15);color:#2ecc71}to{transform:scale(1);color:var(--accent)}}.chip-animate{animation:chipCountUp .4s ease-out}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.text-shimmer{background:linear-gradient(90deg,var(--accent),#6ee7b7,var(--accent));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes scaleBounce{0%{transform:scale(1)}40%{transform:scale(.95)}70%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(60px) rotate(360deg);opacity:0}}@keyframes resultReveal{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes borderPulse{0%,to{border-color:#4ecca34d}50%{border-color:#4ecca3b3}}.card-hover-lift{transition:transform .15s ease,box-shadow .15s ease}.card-hover-lift:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0006}.game-btn{transition:all .15s ease;position:relative;overflow:hidden}.game-btn:active{transform:scale(.96)}.game-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none;border-radius:inherit}.glass-card{background:linear-gradient(135deg,#1f2b47e6,#16213ef2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(78,204,163,.12);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.felt-bg{background:radial-gradient(ellipse at center,rgba(22,80,40,.15) 0%,transparent 70%),linear-gradient(135deg,var(--bg-secondary),var(--bg-primary))}.lobby-game-card{background:linear-gradient(135deg,#1f2b47cc,#16213ee6);border:1px solid rgba(78,204,163,.15);border-radius:1rem;padding:1.2rem;transition:all .2s ease;box-shadow:0 4px 16px #0003}.lobby-game-card:hover{border-color:#4ecca366;box-shadow:0 8px 24px #0000004d,0 0 12px #4ecca31a;transform:translateY(-2px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-enter{animation:pageEnter .3s ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:flex-end;padding:.4rem .5rem calc(.5rem + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#16213eeb,#1a1a2efa);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(78,204,163,.15);z-index:100}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:.15rem;background:none;border:none;cursor:pointer;padding:.25rem .6rem;color:var(--text-secondary);font-size:.62rem;font-weight:600;transition:color .15s ease,transform .15s ease;min-width:3.2rem}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item .nav-icon{font-size:1.25rem;line-height:1}.bottom-nav-cta{display:flex;flex-direction:column;align-items:center;gap:.15rem;background:none;border:none;cursor:pointer;padding:0;margin-top:-1.4rem;color:gold;font-size:.62rem;font-weight:700;min-width:3.2rem}.bottom-nav-cta .cta-circle{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:linear-gradient(135deg,gold,#f39c12);color:#1a1a2e;box-shadow:0 4px 14px #f39c1280,0 0 0 4px #1a1a2ee6;transition:transform .15s ease,box-shadow .15s ease;animation:goldGlow 2.5s ease-in-out infinite}.bottom-nav-cta:active .cta-circle{transform:scale(.9)}.chip-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .35rem .3rem .7rem;border-radius:999px;background:linear-gradient(135deg,#16213ee6,#1f2b47f2);border:1px solid rgba(255,215,0,.35);box-shadow:inset 0 1px #ffffff0f,0 2px 8px #0000004d}.chip-pill .chip-amount{font-weight:800;font-size:.85rem;color:gold;font-variant-numeric:tabular-nums}.chip-pill .chip-add-btn{width:1.4rem;height:1.4rem;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:800;background:linear-gradient(135deg,gold,#f39c12);color:#1a1a2e;cursor:pointer;transition:transform .15s ease}.chip-pill .chip-add-btn:active{transform:scale(.88)}@keyframes bonusPulse{0%,to{box-shadow:0 0 12px #ffd70040}50%{box-shadow:0 0 26px #ffd7008c}}.daily-bonus-claimable{animation:bonusPulse 2s ease-in-out infinite}@keyframes bonusGiftWiggle{0%,82%,to{transform:rotate(0)}85%{transform:rotate(-12deg)}89%{transform:rotate(10deg)}93%{transform:rotate(-8deg)}97%{transform:rotate(4deg)}}.bonus-gift-icon{display:inline-block;animation:bonusGiftWiggle 3.2s ease-in-out infinite}@keyframes coinBurst{0%{transform:translateY(0) scale(.6);opacity:0}20%{transform:translateY(-6px) scale(1.15);opacity:1}to{transform:translateY(-42px) scale(1);opacity:0}}.coin-burst{animation:coinBurst 1.4s ease-out forwards;pointer-events:none}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.game-grid-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.2rem;min-height:5.6rem;padding:.85rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);cursor:pointer;overflow:hidden;text-align:left;color:#fff;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:0 4px 16px #00000040}.game-grid-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000059;border-color:#fff3}.game-grid-card:active{transform:scale(.97)}.game-grid-card.span-2{grid-column:span 2;min-height:6.8rem}.game-grid-card .game-icon{position:absolute;top:.55rem;right:.65rem;font-size:2rem;opacity:.9;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.game-grid-card .game-name{font-size:.92rem;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.5)}.game-grid-card .game-desc{font-size:.66rem;opacity:.85;text-shadow:0 1px 3px rgba(0,0,0,.5)}.game-grid-card .game-badge{position:absolute;top:.6rem;left:.65rem;font-size:.58rem;font-weight:800;letter-spacing:.04em;padding:.18rem .5rem;border-radius:999px;background:#ffd700e6;color:#1a1a2e}@keyframes lowBalanceBlink{0%,to{border-color:#e74c3c66}50%{border-color:#e74c3cd9}}.low-balance-alert{animation:lowBalanceBlink 1.6s ease-in-out infinite}.collapse-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.7rem .9rem;border-radius:.6rem;background:#ffffff08;border:1px solid rgba(78,204,163,.12);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease}.collapse-toggle:hover{background:#ffffff0f}.pkg-ribbon{position:absolute;top:-.55rem;left:1rem;font-size:.62rem;font-weight:800;letter-spacing:.03em;padding:.2rem .65rem;border-radius:999px;box-shadow:0 2px 8px #00000059}.pkg-ribbon.popular{background:linear-gradient(135deg,#ff7043,#e74c3c);color:#fff}.pkg-ribbon.best-value{background:linear-gradient(135deg,gold,#f39c12);color:#1a1a2e}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-bg{background:linear-gradient(-45deg,#1a1a2e,#16213e,#1a2a3e,#1a1a2e);background-size:400% 400%;animation:gradientShift 15s ease infinite;will-change:background-position}
