:root{--color-bg-primary: #0a0e1a;--color-bg-secondary: #121827;--color-bg-tertiary: #1a2332;--color-felt-green: #0d5e3a;--color-felt-green-dark: #094a2e;--color-felt-green-light: #0f7347;--color-gold: #ffd700;--color-gold-dark: #ccac00;--color-gold-light: #ffe44d;--color-red: #dc2626;--color-red-dark: #b91c1c;--color-red-light: #ef4444;--color-blue: #2563eb;--color-blue-dark: #1d4ed8;--color-blue-light: #3b82f6;--color-green: #16a34a;--color-green-dark: #15803d;--color-green-light: #22c55e;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-muted: #9ca3af;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-gold: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);--gradient-green: linear-gradient(135deg, #0d5e3a 0%, #0f7347 100%);--gradient-dark: linear-gradient(135deg, #0a0e1a 0%, #1a2332 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(102, 126, 234, .5);--shadow-glow-gold: 0 0 20px rgba(255, 215, 0, .5);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-family-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "Roboto Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-base: 1;--z-dropdown: 100;--z-modal: 200;--z-tooltip: 300}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-primary);background-image:url(/fondoPokemon.png);background-size:cover;background-position:center;background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;zoom:.75}#root{min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-blue-light)}.full-scale{zoom:1!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-gray-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 10px #667eea80}50%{box-shadow:0 0 20px #667eeacc}}.animate-fadeIn{animation:fadeIn var(--transition-base)}.animate-slideUp{animation:slideUp var(--transition-base)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.app-footer-disclaimer{position:fixed;bottom:0;left:0;margin:0;padding:10px 20px;text-align:center;color:#ffffff80;font-size:.75rem;font-weight:500;width:100%;background:#0a0e1af2;border-top:1px solid rgba(255,255,255,.05);z-index:1000}.btn{padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn-md{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg)}.btn-full{width:100%}.btn-primary{background:var(--gradient-primary);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-gold{background:var(--gradient-gold);color:var(--color-bg-primary);box-shadow:var(--shadow-md)}.btn-gold:hover:not(:disabled){box-shadow:var(--shadow-glow-gold);transform:translateY(-2px)}.btn-green{background:var(--gradient-green);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.btn-green:hover:not(:disabled){box-shadow:0 0 20px #0d5e3a80;transform:translateY(-2px)}.btn-red{background:var(--color-red);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.btn-red:hover:not(:disabled){background:var(--color-red-light);box-shadow:0 0 20px #dc262680;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-gray-600)}.btn-outline:hover:not(:disabled){border-color:var(--color-blue);color:var(--color-blue);background:#2563eb1a}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input-required{color:var(--color-red);margin-left:var(--spacing-xs)}.input-container{position:relative;width:100%}.input{width:100%;padding:var(--spacing-md);font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:2px solid var(--color-gray-600);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-base)}.input-with-icon{padding-left:calc(var(--spacing-xl) + var(--spacing-md))}.input::placeholder{color:var(--color-text-muted)}.input:focus{background:var(--color-bg-tertiary);box-shadow:var(--shadow-glow)}.input-error{border-color:var(--color-red)!important}.input-error:focus{box-shadow:0 0 20px #dc26264d}.input-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:var(--font-size-lg);pointer-events:none}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield}.input-stepper-container{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;gap:4px;z-index:10}.input-stepper-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:gold;cursor:pointer;font-size:14px;transition:all .2s;padding:0}.input-stepper-btn:hover{background:#ffd70033;border-color:gold;transform:translateY(-1px)}.input-stepper-btn:active{transform:translateY(0)}.input-with-stepper{padding-right:70px}.input-toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.2rem;padding:0;line-height:1;z-index:10;transition:transform .2s ease}.input-toggle-password:hover{transform:translateY(-50%) scale(1.1)}.input-with-toggle{padding-right:40px}.input-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:-8px;margin-left:var(--spacing-xs);font-style:italic}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative;overflow-y:auto;overflow-x:hidden}.login-background{display:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);top:-100px;left:-100px;animation-delay:0s}.orb-2{width:500px;height:500px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;right:-150px;animation-delay:5s}.orb-3{width:350px;height:350px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-container{position:relative;z-index:1;width:100%;max-width:1200px;display:flex;flex-direction:column;gap:var(--spacing-2xl);align-items:center}.login-card{background:#121827cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);width:100%;max-width:450px;box-shadow:var(--shadow-2xl)}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.logo{font-size:4rem;margin-bottom:var(--spacing-md);display:inline-block}.login-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:var(--color-text-muted);font-size:var(--font-size-base);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-footer{margin-top:var(--spacing-xl);text-align:center;padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.1)}.login-footer p{color:var(--color-text-secondary);margin:0}.login-link{color:var(--color-blue-light);font-weight:var(--font-weight-semibold);transition:color var(--transition-fast)}.login-link:hover{color:var(--color-blue);text-decoration:underline}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);width:100%;max-width:900px}.info-card{background:#12182799;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base)}.info-card:hover{transform:translateY(-5px);border-color:#667eea80;box-shadow:0 10px 30px #667eea33}.info-icon{font-size:3rem;display:block;margin-bottom:var(--spacing-md)}.info-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.info-card p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}@media(max-width:768px){.login-page{padding:var(--spacing-md)}.login-card{padding:var(--spacing-xl)}.info-cards{grid-template-columns:1fr}.gradient-orb{filter:blur(60px)}}.about-section-wrapper{position:fixed;bottom:50px;right:20px;width:auto;z-index:1100;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px;margin:0}.about-toggle-btn{background:#0a0e1acc;border:1px solid rgba(255,215,0,.3);color:var(--color-gold);padding:8px 16px;border-radius:var(--radius-full);cursor:pointer;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:8px;transition:all .2s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 10px #0000004d}.about-toggle-btn:hover{background:#ffd7001a;transform:scale(1.05)}.about-toggle-btn.active{background:#ffd70033;border-color:var(--color-gold)}.toggle-icon{font-size:.8rem}.about-content{background:#121827f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.2);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:right;width:max-content;max-width:90vw;box-shadow:0 10px 30px #00000080;margin-bottom:5px}.about-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:.9rem;line-height:1.4}.contact-email{display:inline-flex;align-items:center;gap:10px;background:#ffd7001a;color:var(--color-gold);padding:.6rem 1.2rem;border-radius:var(--radius-full);font-size:1.1rem;font-weight:700;border:1px solid rgba(255,215,0,.3);transition:all .2s;white-space:nowrap}.contact-email:hover{background:#ffd70033;transform:translateY(-2px);box-shadow:0 4px 12px #ffd70033}.register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative;overflow:hidden}.register-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.register-container{position:relative;z-index:1;width:100%;max-width:500px}.register-card{background:#121827cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-2xl)}.register-header{text-align:center;margin-bottom:var(--spacing-2xl)}.register-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm);background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-header p{color:var(--color-text-muted);font-size:var(--font-size-base);margin:0}.register-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.password-strength{margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.strength-bar-container{width:100%;height:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.strength-bar{height:100%;border-radius:var(--radius-full);transition:all var(--transition-base)}.strength-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:right}.register-footer{margin-top:var(--spacing-xl);text-align:center;padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.1)}.register-footer p{color:var(--color-text-secondary);margin:0}.register-link{color:var(--color-gold);font-weight:var(--font-weight-semibold);transition:color var(--transition-fast)}.register-link:hover{color:var(--color-gold-light);text-decoration:underline}@media(max-width:768px){.register-page{padding:var(--spacing-md)}.register-card{padding:var(--spacing-xl)}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-xl)}.create-table-modal{background:var(--color-bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);width:95%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl)}.modal-large{max-width:1100px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:var(--font-size-2xl);background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-2xl);cursor:pointer;padding:var(--spacing-sm);line-height:1;transition:color var(--transition-fast)}.modal-close:hover{color:var(--color-text-primary)}.modal-body{padding:var(--spacing-xl)}.modal-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal-form h3{margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.modal-footer{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);margin-top:var(--spacing-lg)}.templates-section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid rgba(255,255,255,.1)}.templates-section h3{margin-bottom:var(--spacing-lg);color:var(--color-text-primary);font-size:var(--font-size-lg)}.templates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.template-card{padding:var(--spacing-lg);background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.template-card:hover{border-color:#ffd7004d;background:#ffffff14}.template-card.selected{border-color:var(--color-gold);background:#ffd7001a;box-shadow:0 0 20px #ffd70033}.template-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.template-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.template-details{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media(max-width:768px){.modal-overlay{padding:var(--spacing-md)}.create-table-modal{max-height:95vh}.templates-grid,.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.profile-modal{max-width:420px;width:90%;position:relative;box-sizing:border-box;background:#1a1a2e;border:1px solid #333;border-radius:16px;box-shadow:0 0 40px #000c;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.close-button-styled{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:20}.close-button-styled:hover{background:#ef4444;transform:rotate(90deg)}.modal-header-center{text-align:center;padding:1.5rem 1rem .5rem}.modal-header-center h2{margin:0;font-size:1.5rem;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.5)}.modal-body-vertical{padding:0 1.5rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem}.profile-center-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.avatar-preview-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem}.avatar-preview{width:120px;height:120px;border-radius:50%;border:4px solid #ffd700;overflow:hidden;background:#000;box-shadow:0 0 20px #ffd7004d}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:#333;color:#666}.user-info-center{text-align:center}.username-display-large{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem}.coins-display-large{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:gold;font-size:1.1rem;font-weight:700;background:#0000004d;padding:6px 16px;border-radius:20px;border:1px solid rgba(255,215,0,.2)}.pokeficha-icon-large{width:20px;height:20px}.pokeficha-icon{width:18px;height:18px;vertical-align:middle;margin-right:4px}.stats-section-full{width:100%}.section-title{font-size:.9rem;color:#aaa;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-top:0;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.stats-grid-linear{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-card-mini{background:#ffffff0d;padding:1rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid rgba(255,255,255,.05);transition:transform .2s}.stat-card-mini:hover{transform:translateY(-2px);background:#ffffff14}.stat-card-mini.wide{grid-column:span 2;flex-direction:row;justify-content:space-between;padding:1rem 1.5rem}.stat-label{font-size:.8rem;color:#888;margin-bottom:.25rem}.stat-card-mini.wide .stat-label{margin-bottom:0}.stat-value{font-size:1.1rem;font-weight:700;color:#fff}.stat-value.gold{color:gold}.no-badges-msg{text-align:center;color:#666;font-style:italic;padding:1rem}.badges-grid-full{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.badge-item-large{display:flex;flex-direction:column;align-items:center;width:70px}.badge-frame-large{width:60px;height:60px;background:#0000004d;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,215,0,.2);margin-bottom:.5rem;transition:all .2s}.badge-frame-large:hover{border-color:gold;transform:scale(1.1);background:#ffd7001a;box-shadow:0 0 10px #ffd70033}.badge-img-large{width:70%;height:70%;object-fit:contain}.badge-name-large{font-size:.7rem;color:#aaa;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.wallpapers-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.wallpaper-option{border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;position:relative;transition:all .2s}.wallpaper-option.active{border-color:gold;box-shadow:0 0 10px #ffd7004d}.wallpaper-option img{width:100%;height:60px;object-fit:cover;display:block}.wallpaper-label{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;font-size:.7rem;padding:4px;text-align:center}.modal-footer-center{padding:1.5rem;display:flex;justify-content:center;gap:1rem;border-top:1px solid rgba(255,255,255,.1);background:#0003}.gacha-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000}.gacha-content.hierba-alta-modal{background:linear-gradient(180deg,#1a2e1a,#0f1a0f);border:3px solid #36a55e;box-shadow:0 0 40px #36a55e66;border-radius:20px;padding:2rem;width:450px;max-width:90%;text-align:center;position:relative;color:#fff}.gacha-title.hierba-title{color:#4ade80!important;text-shadow:0 4px 10px rgba(0,0,0,.8);font-size:2.2rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem;border-bottom:1px solid #36a55e;padding-bottom:10px}.machine-display{height:300px;display:flex;justify-content:center;align-items:center;position:relative;background:radial-gradient(circle,#4ade800d,#0000 70%);border-radius:10px;margin-bottom:1.5rem}.cost-tag{margin-top:15px;background:#0009;padding:5px 15px;border-radius:20px;display:inline-flex;align-items:center;gap:8px;border:1px solid #333}@keyframes shakeGrass{0%{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-5deg)}50%{transform:translate(5px) rotate(5deg)}75%{transform:translate(-5px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}.shaking-grass{font-size:5rem;animation:shakeGrass .5s infinite;display:flex;flex-direction:column;align-items:center}.reward-card{background:#0006;padding:20px;border-radius:15px;border:2px solid #ffd700;position:relative;width:100%}.reward-sprite{width:140px;height:140px;image-rendering:pixelated;filter:drop-shadow(0 5px 10px rgba(0,0,0,.5))}.new-pokemon-name{font-size:1.8rem;margin:10px 0;color:gold}.rarity-badge{display:inline-block;padding:5px 12px;border-radius:6px;font-weight:700;text-transform:uppercase;font-size:.85rem}.rarity-badge.common{background:#9ca3af;color:#111}.rarity-badge.rare{background:#3b82f6;color:#fff;border:1px solid rgba(255,255,255,.3)}.rarity-badge.epic{background:#a855f7;color:#fff;border:1px solid gold;box-shadow:0 0 10px #a855f780}.rarity-badge.starter{background:#ef4444;color:#fff}.rename-section{position:relative;z-index:10}.rename-after-catch-input{background:#ffffff1a;border:1px solid #4ade80;color:#fff;font-size:1.2rem;padding:8px;border-radius:6px;text-align:center;width:100%;outline:none}.rename-after-catch-input:focus{border-color:#22c55e;background:#ffffff26}.btn-primary-green{background:linear-gradient(180deg,#22c55e,#15803d);color:#fff;border:none;padding:1rem;width:100%;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 4px #14532d;transition:all .1s}.btn-primary-green:hover{transform:translateY(-2px);box-shadow:0 6px #14532d}.btn-primary-green:active{transform:translateY(2px);box-shadow:0 2px #14532d}.keep-btn{flex:1;font-size:1.1rem;padding:1rem;background:linear-gradient(180deg,#fbbf24,#d97706);border:1px solid #b45309;box-shadow:0 4px #92400e,0 5px 10px #0000004d;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:800;letter-spacing:.5px;transition:all .15s ease;text-transform:uppercase}.keep-btn:hover{transform:translateY(-2px);box-shadow:0 6px #92400e,0 10px 20px #fbbf244d;filter:brightness(1.1)}.keep-btn:active{transform:translateY(2px);box-shadow:0 2px #92400e}.modal-header-actions{position:absolute;top:15px;right:20px;display:flex;gap:15px;z-index:20}.help-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#4ade80;width:30px;height:30px;border-radius:50%;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s}.help-btn:hover{background:#4ade8033;border-color:#4ade80;transform:scale(1.1)}.close-btn{position:static;background:none;border:none;color:#ffffff80;font-size:2rem;cursor:pointer;line-height:1}.help-content{background:#0000004d;padding:20px;border-radius:12px;text-align:left;margin-bottom:20px}.help-content h3{color:#fdba74;margin-bottom:10px}.help-content ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.help-content li{font-size:.95rem;color:#e2e8f0}.help-content strong{color:#86efac}@keyframes shakeBall{0%{transform:rotate(0)}25%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.pokeball-shake-anim{animation:shakeBall .5s infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.balance-display{font-size:.9rem;color:#86efac;display:flex;align-items:center;justify-content:center;gap:6px}.results-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:10px;max-height:400px;overflow-y:auto}.grid-card{background:#ffffff0d;border-radius:8px;padding:5px;display:flex;flex-direction:column;align-items:center;position:relative;border:1px solid rgba(255,255,255,.1)}.grid-card.epic{border-color:#a855f7;background:#a855f71a;box-shadow:0 0 10px #a855f74d}.grid-card.rare{border-color:#3b82f6;background:#3b82f61a}.grid-sprite{width:60px;height:60px;image-rendering:pixelated}.grid-name{font-size:.8rem;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.mini-badge{position:absolute;top:2px;right:2px;font-size:.6rem;padding:2px 4px;border-radius:4px;font-weight:700}.mini-badge.common{background:#9ca3af;color:#000}.mini-badge.rare{background:#3b82f6;color:#fff}.mini-badge.epic{background:#a855f7;color:#fff;border:1px solid gold}.mini-badge.starter{background:#ef4444;color:#fff}.table-card{background:#121827cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base);cursor:pointer}.table-card:hover{border-color:#667eea80;box-shadow:0 10px 30px #667eea33}.table-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.table-card-header h3{margin:0;font-size:var(--font-size-xl);color:var(--color-text-primary)}.table-status{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.table-status.waiting{background:#eab30833;color:#fbbf24;border:1px solid rgba(234,179,8,.3)}.table-status.playing{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.table-card-body{margin-bottom:var(--spacing-lg)}.table-info{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.info-item{display:flex;align-items:center;gap:var(--spacing-sm)}.info-icon{font-size:var(--font-size-lg)}.info-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-players{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.player-badge{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;transition:all .2s ease;cursor:pointer}.player-badge:hover{background:#ffffff1a;border-color:#ffffff4d}.player-avatar{font-size:var(--font-size-base);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.player-badge .player-name{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.player-badge:hover .player-name{opacity:1}.ready-badge{position:absolute;top:-2px;right:-2px;background:var(--color-green);color:#fff;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-weight-bold);border:2px solid rgba(18,24,39,.8)}.table-card-footer{padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.table-info{grid-template-columns:1fr}}.friend-list-overlay{position:fixed;top:0;right:0;width:450px;height:100vh;background:#0f0f14f2;border-left:1px solid rgba(255,255,255,.1);box-shadow:-5px 0 20px #00000080;z-index:1000;display:flex;flex-direction:column;padding:1.5rem;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.friend-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.friend-list-header h2{margin:0;font-size:1.5rem;color:gold}.close-btn{background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer;transition:color .2s}.friend-tabs{display:flex;gap:8px;margin-bottom:1.5rem}.tab-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#aaa;padding:8px 4px;border-radius:6px;cursor:pointer;font-weight:700;font-size:.85rem;text-align:center;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-btn.active{background:#ffd7001a;border-color:gold;color:gold}.badge-count{position:absolute;top:-5px;right:-2px;background:#ef4444;color:#fff;font-size:.65rem;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.friend-search,.friend-search-filter{margin-bottom:1rem;position:relative}.search-input{width:100%;padding:10px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-family:inherit;font-size:.9rem}.add-friend-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:#4caf50;border:none;color:#fff;width:30px;height:30px;border-radius:4px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.friends-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.friend-item{display:flex;align-items:center;padding:10px;background:#ffffff08;border-radius:8px;gap:12px;transition:background .2s}.friend-item:hover{background:#ffffff14}.friend-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #555;position:relative}.status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid #1e1e24}.status-dot.online{background-color:#4caf50;box-shadow:0 0 5px #4caf50}.status-dot.offline{background-color:#666}.friend-info{flex:1}.friend-name{display:block;font-weight:700;font-size:.95rem}.friend-status-text{display:block;font-size:.75rem;color:#888}.request-actions{display:flex;gap:5px}.action-btn{border:none;border-radius:4px;padding:5px 10px;cursor:pointer;font-weight:700;font-size:.8rem}.accept-btn{background:#4caf50;color:#fff}.reject-btn{background:#ef4444;color:#fff}.status-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-badge.friend{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.5)}.status-badge.pending{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.5)}.add-btn-mini{background:#2196f3;border:none;color:#fff;width:24px;height:24px;border-radius:4px;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;transition:transform .2s}.add-btn-mini:hover{transform:scale(1.1)}.add-btn-mini.accept{background:#4caf50}.view-profile-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:5px;opacity:.7;transition:opacity .2s,transform .2s}.view-profile-btn:hover{opacity:1;transform:scale(1.1)}.version-history-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.version-history-modal{background:linear-gradient(145deg,#1a1f2e,#111521);border:1px solid rgba(255,215,0,.3);border-radius:20px;width:600px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 0 40px #00000080,0 0 10px #ffd7001a;position:relative;overflow:hidden;animation:modalSlideUp .3s cubic-bezier(.18,.89,.32,1.28)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:20px 25px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#0003}.modal-header h2{margin:0;color:#fbbf24;font-size:1.5rem;display:flex;align-items:center;gap:10px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.current-versions{display:flex;gap:10px;margin-left:20px}.version-tag{font-size:.8rem;padding:2px 8px;border-radius:4px;font-weight:600;box-shadow:0 2px 4px #0003}.version-tag.frontend{background:#60a5fa33;border:1px solid rgba(96,165,250,.4);color:#93c5fd}.version-tag.backend{background:#fbbf2433;border:1px solid rgba(251,191,36,.4);color:#fcd34d}.close-btn{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:0;transition:color .2s;line-height:1}.modal-content-scroll{overflow-y:auto;padding:20px 25px;flex:1}.modal-content-scroll::-webkit-scrollbar{width:8px}.modal-content-scroll::-webkit-scrollbar-track{background:#0003}.modal-content-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.modal-content-scroll::-webkit-scrollbar-thumb:hover{background:#fff3}.version-item{margin-bottom:30px;position:relative;padding-left:20px}.version-item:before{content:"";position:absolute;left:0;top:5px;bottom:-25px;width:2px;background:#ffffff1a}.version-item:last-child:before{display:none}.version-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.version-number{font-size:1.2rem;font-weight:700;color:#e2e8f0;display:flex;align-items:center;gap:10px}.version-number:before{content:"";display:block;width:10px;height:10px;background:#fbbf24;border-radius:50%;position:absolute;left:-4px;box-shadow:0 0 10px #fbbf2480}.version-date{font-size:.85rem;color:#94a3b8;font-family:monospace}.version-title{font-weight:600;color:#60a5fa;margin-bottom:10px;display:block}.changes-list{list-style:none;padding:0;margin:0}.changes-list li{margin-bottom:6px;color:#cbd5e1;font-size:.95rem;line-height:1.5;padding-left:15px;position:relative}.changes-list li:before{content:"•";color:#64748b;position:absolute;left:0}.modal-footer{padding:15px 25px;border-top:1px solid rgba(255,255,255,.1);background:#0003;text-align:center;color:#64748b;font-size:.8rem}.lobby-page{min-height:100vh;padding:1rem;background:#0a0e1ab3;color:var(--color-text-primary)}.lobby-container{width:100%;max-width:none;margin:0;padding:0 1rem}.lobby-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#ffffff0d;padding:25px 30px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lobby-header h1{font-size:2.5rem;margin:0;color:var(--color-text-primary);text-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;align-items:center;gap:10px}.title-icon{color:var(--color-gold);-webkit-text-fill-color:initial}.lobby-title-container{display:flex;flex-direction:column;align-items:center;text-align:center;white-space:nowrap}.user-info{display:flex;align-items:center;justify-content:flex-end;gap:15px;background:linear-gradient(135deg,#1e1e1ee6,#0a0a0af2);border-radius:50px;border:1px solid rgba(255,215,0,.3);box-shadow:0 4px 15px #00000080;height:70px;min-width:400px;padding:0 20px;position:relative;margin-left:auto}.coins-display{display:none}.coins-display-mini{color:gold;font-weight:700;font-family:monospace;font-size:1rem;display:flex;align-items:center}.lobby-avatar-container{position:relative;top:auto;left:auto;transform:none;display:flex;align-items:center;border-radius:50%;margin-right:15px;z-index:5}.lobby-avatar-container:hover{transform:scale(1.05)}.user-avatar{width:80px;height:80px;border-radius:50%;border:2px solid #ffd700;object-fit:cover;transform:none}.username{margin-bottom:0;line-height:normal}.logout-btn{position:relative;top:auto;right:auto;transform:none;margin-left:20px;margin-right:0;@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px) rotate(-5deg)}50%{transform:translate(5px) rotate(5deg)}75%{transform:translate(-5px) rotate(-5deg)}to{transform:translate(0)}}background:transparent;border:1px solid rgba(239,68,68,.5);color:#ef4444;padding:5px 12px;border-radius:15px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;height:auto;display:inline-block}.logout-btn .gacha-trigger-btn.hierba-alta-btn{background:linear-gradient(135deg,#4ade80,#166534);border:2px solid #86efac;box-shadow:0 0 15px #4ade8066}.logout-btn .gacha-trigger-btn.hierba-alta-btn:hover{transform:scale(1.05);box-shadow:0 0 25px #4ade8099}.logout-btn .hierba-alta-modal{background:linear-gradient(180deg,#1a2e1a,#0f1a0f)!important;border:2px solid #22c55e!important;box-shadow:0 0 30px #22c55e4d!important}.logout-btn .hierba-title{color:#4ade80!important;text-shadow:0 2px 4px rgba(0,0,0,.5);font-size:2rem}.logout-btn .btn-primary-green{background:linear-gradient(to bottom,#22c55e,#15803d);color:#fff;border:none;padding:12px 30px;font-size:1.2rem;border-radius:50px;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0000004d;transition:all .2s;margin-top:15px}.logout-btn .btn-primary-green:hover{transform:translateY(-2px);box-shadow:0 6px 12px #22c55e66;background:linear-gradient(to bottom,#4ade80,#16a34a)}.logout-btn .capture-actions{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.logout-btn .rename-after-catch-input{background:#ffffff1a;border:2px solid #4ade80;color:#fff;font-size:1.2rem;padding:10px;border-radius:8px;text-align:center;width:80%;max-width:300px}.logout-btn .keep-btn{background:#eab308;color:#000;font-weight:700;padding:10px 25px;border-radius:8px;border:none;cursor:pointer;font-size:1rem;transition:transform .1s}.logout-btn .keep-btn:hover{transform:scale(1.05);background:#facc15}.logout-btn .shaking-grass{font-size:4rem;animation:shake .5s infinite;display:inline-block;margin-bottom:20px}.logout-btn:hover{background:#ef44441a;border-color:#ef4444;transform:translateY(-1px)}.pet-platform{position:absolute;bottom:5px;width:50px;height:14px;background:#0006;border-radius:50%;z-index:1;box-shadow:0 0 10px #00000080}.pet-follower-sprite{width:80px;height:80px;object-fit:contain;image-rendering:pixelated;position:relative;z-index:2;filter:drop-shadow(0 4px 4px rgba(0,0,0,.4));animation:pet-idle-bounce 2s infinite ease-in-out;margin-bottom:10px}@keyframes pet-idle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.user-welcome h1{font-size:2.5rem;margin:0;font-weight:800;display:flex;align-items:center;gap:15px}.user-avatar-small{width:60px;height:60px;border-radius:50%;background:#ffffff1a;border:2px solid var(--color-gold);overflow:hidden;position:relative;transition:transform .2s}.user-avatar-small:hover{transform:scale(1.05)}.user-avatar-small img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-small{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--color-text-secondary)}.edit-badge{position:absolute;bottom:0;right:0;background:#000000b3;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0;transition:opacity .2s}.user-avatar-small:hover .edit-badge{opacity:1}.connection-status{font-size:.9rem;margin-left:10px}.header-actions{display:flex;gap:1rem;justify-content:flex-end}.tables-section{background:#ffffff08;border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.05)}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.section-header h2{font-size:1.8rem;color:var(--color-text-primary)}.tables-count{background:#ffd7001a;color:var(--color-gold);padding:.2rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5;color:var(--color-text-primary)}.empty-state h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--color-text-primary)}.daily-claim-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 4px 6px #0003;display:flex;align-items:center;gap:8px;margin-right:15px;font-size:1rem;animation:pulse-green 2s infinite;transition:transform .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:.5px}.daily-claim-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #22c55e66}.daily-claim-btn:active{transform:translateY(0)}@keyframes pulse-green{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.daily-timer-badge{background:#ffffff1a;color:#e2e8f0;border:1px solid rgba(255,255,255,.2);padding:.8rem 1.5rem;border-radius:8px;font-weight:700;display:flex;align-items:center;gap:8px;margin-right:15px;font-size:1rem;cursor:help;letter-spacing:.5px}.gacha-btn{color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0003;display:flex;align-items:center;gap:8px;margin-right:15px;font-size:1rem;transition:transform .2s;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#a855f7,#7e22ce)}.gacha-btn.hierba-alta-btn{background:linear-gradient(135deg,#4ade80,#166534);border:2px solid #86efac;box-shadow:0 0 15px #4ade8066}.gacha-btn.hierba-alta-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 25px #4ade8099}.gacha-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px #a855f780}.lobby-pet-container{margin-left:10px;width:40px;height:40px;position:relative;display:inline-block;vertical-align:middle}.lobby-pet-sprite{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:bounce 2s infinite ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pet-follower-container{position:relative}.pet-tooltip{visibility:hidden;opacity:0;position:absolute;top:100%;right:0;width:200px;background:#14141ef2;border:1px solid #ffd700;border-radius:8px;padding:10px;z-index:1000;transform:translateY(10px);transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #00000080;pointer-events:none;margin-top:10px}.pet-info-inline{background:#0003;border-radius:8px;padding:10px;margin-top:10px;box-shadow:inset 0 0 10px #0003;border:1px solid rgba(255,255,255,.1);width:100%;min-width:160px}.pet-follower-container{width:auto;min-width:70px;height:auto;min-height:70px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:15px;z-index:10;transition:all .3s ease}.pet-follower-container:hover .pet-tooltip{visibility:visible;opacity:1;transform:translateY(0)}.tooltip-header-pet{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:5px;margin-bottom:5px}.pet-nickname{color:gold;font-weight:700;font-size:.9rem}.pet-level{color:#fff;font-size:.8rem;background:#ffffff1a;padding:2px 4px;border-radius:4px}.exp-bar-container{width:100%;height:6px;background:#333;border-radius:3px;overflow:hidden;margin-bottom:4px}.exp-bar-fill{height:100%;background:#4caf50;border-radius:3px}.exp-text{font-size:.75rem;color:#aaa}.buyin-modal{background:#2c3e50;border:2px solid #34495e;border-radius:15px;padding:25px;width:100%;max-width:400px;color:#fff;box-shadow:0 10px 25px #00000080;position:relative;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.modal-header h2{margin:0;font-size:1.5rem;color:gold;display:flex;align-items:center;gap:10px}.modal-close{background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer;transition:color .2s}.modal-close:hover{color:#fff}.buyin-info{text-align:center;margin-bottom:20px;background:#0003;padding:10px;border-radius:8px}.available-coins{font-size:1.1rem;font-weight:700;color:#e74c3c;display:flex;align-items:center;justify-content:center;gap:8px}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:15px}.quick-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:5px;color:#ecf0f1;cursor:pointer;padding:5px;font-size:.9rem;transition:all .2s}.quick-btn:hover{background:#fff3;border-color:gold}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.card{width:100%;height:100%;perspective:1000px;position:relative;border-radius:1.45vmin;box-shadow:0 .72vmin 1.45vmin #0006,0 .35vmin .72vmin #0000004d;background-color:#fff;overflow:hidden;opacity:1}.card-front{width:100%;height:100%;position:relative;background:#fff;border-radius:1.45vmin}.card-back{width:100%;height:100%;background:linear-gradient(135deg,#0b1016,#17212b);border:.15vmin solid #00e5ff;border-radius:1.45vmin;position:relative;box-shadow:0 0 1.5vmin #00e5ff66,inset 0 0 2vmin #00e5ff1a;overflow:hidden}.card-pattern{width:100%;height:100%;background-image:linear-gradient(rgba(0,229,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.1) 1px,transparent 1px);background-size:2.5vmin 2.5vmin;position:absolute;top:0;left:0;z-index:1;opacity:.6}.card-back:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:40%;background:radial-gradient(circle,rgba(0,229,255,.2) 0%,transparent 70%);border:.15vmin solid rgba(0,229,255,.3);border-radius:50%;box-shadow:0 0 2vmin #00e5ff33;z-index:2}.card-back:before{content:"";position:absolute;inset:1vmin;border:.1vmin dashed rgba(0,229,255,.3);border-radius:.8vmin;pointer-events:none;z-index:2}.card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;padding:1.1vmin;z-index:2}.card-corner-top{top:0;left:0}.card-corner-bottom{bottom:0;right:0;transform:rotate(180deg)}.card-rank{font-size:1.33vmin;font-weight:700;letter-spacing:-.06vmin;font-family:Arial,sans-serif}.card-suit{font-size:1.15vmin;line-height:1}.card-suit-large{font-size:2.89vmin;line-height:1}.card-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:55%;height:55%;z-index:1}.card-pokemon{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 .14vmin .29vmin rgba(0,0,0,.2));animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.card-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:.29vmin;box-sizing:border-box;border:.09vmin solid #ddd;border-radius:.44vmin}.card.red{color:#e74c3c}.card.black{color:#2c3e50}.card-top,.card-bottom{display:flex;flex-direction:column;align-items:center;line-height:1}.card-bottom{transform:rotate(180deg)}.card-value{font-size:1.15vmin;font-weight:700;letter-spacing:-.06vmin}.card.traditional{border:.09vmin solid #e5e7eb;background:#fff}.card.traditional .card-center .card-suit-large{font-size:4.24vmin;filter:drop-shadow(0 .13vmin .13vmin rgba(0,0,0,.1))}.card.traditional .card-rank{font-size:1.52vmin}.card.traditional .card-suit{font-size:1.33vmin}.card.four-color{border:.09vmin solid #e5e7eb;background:#fff}.card.four-color .card-center .card-suit-large{font-size:4.24vmin;filter:drop-shadow(0 .13vmin .13vmin rgba(0,0,0,.1))}.card.four-color .card-rank{font-size:1.52vmin}.card.four-color .card-suit{font-size:1.33vmin}.chip{width:3.1vmin;height:3.1vmin;border-radius:50%;background:var(--chip-color);border:.25vmin solid var(--chip-border);box-shadow:0 .25vmin .5vmin #0000004d,inset 0 .12vmin .25vmin #ffffff4d,inset 0 -.12vmin .25vmin #0000004d;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.chip-inner{width:100%;height:100%;border-radius:50%;border:.12vmin dashed rgba(255,255,255,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}.chip-value{font-size:.75vmin;font-weight:700;font-family:monospace;color:var(--color-text-primary);text-shadow:0 .08vmin .12vmin rgba(0,0,0,.5)}.chip-count{position:absolute;top:-.5vmin;right:-.5vmin;background:#ef4444;color:#fff;font-size:.62vmin;font-weight:700;padding:.12vmin .38vmin;border-radius:.75vmin;border:.12vmin solid white;box-shadow:0 .12vmin .25vmin #0000004d}.chip-edge{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 10deg,rgba(255,255,255,.2) 10deg 20deg);pointer-events:none}.chip:hover{box-shadow:0 .38vmin .75vmin #0006,inset 0 .12vmin .25vmin #ffffff4d,inset 0 -.12vmin .25vmin #0000004d}.chip-stack-container{display:flex;flex-direction:row-reverse;align-items:flex-end;height:4vmin;position:relative;pointer-events:none;padding-bottom:.5vmin}.chip-column{position:relative;width:3.1vmin;height:100%;margin-right:-.5vmin;transition:transform .3s ease;display:flex;flex-direction:row;justify-content:flex-start}.chip-column:hover{transform:translateY(-.5vmin);z-index:100}.chip-column:last-child{margin-right:0}.chip-in-stack{position:absolute;bottom:0;left:0;box-shadow:0 .2vmin .4vmin #0006}.player-seat{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:row;align-items:center;gap:.55vmin;width:auto;z-index:10;transition:all .3s ease}.player-seat.active-turn{z-index:30}.player-seat.active-turn .avatar-container{box-shadow:0 0 0 .31vmin #00e5ff,0 0 1.52vmin #00e5ff99;transform:scale(1.1)}.player-seat.folded .avatar-container,.player-seat.folded .player-info{filter:grayscale(100%);opacity:.5}.player-seat.sitting-out .avatar-container{border-color:#f90;box-shadow:0 0 1.5vmin #ff990080}.player-seat.sitting-out .avatar-container:after{content:"";position:absolute;inset:0;border-radius:50%;background:#ff8c0066;z-index:25;pointer-events:none}.player-seat.sitting-out .player-info{border-color:#ff8c0080;background:#140a00d9}.player-seat.sitting-out .player-name{color:#ffcc80}.player-seat.sitting-out .avatar-container{border-color:#f39c12;box-shadow:0 0 10px #f39c1266}.player-seat.current-player .player-cards{left:.31vmin;bottom:9.09vmin}.avatar-container{width:8.4vmin;height:8.4vmin;border-radius:50%;background:#2c3e50;border:.24vmin solid #34495e;position:relative;display:flex;justify-content:center;align-items:center;box-shadow:0 .31vmin .61vmin #0000004d;transition:all .3s ease;z-index:20;flex-shrink:0;overflow:hidden}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder{font-size:2.43vmin;font-weight:700;color:#ecf0f1}.player-info{background:#000000d9;padding:.48vmin .8vmin;border-radius:.61vmin;text-align:left;border:.09vmin solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:6.07vmin;z-index:25}.player-name{font-size:1.47vmin;color:#ecf0f1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8.4vmin}.player-chips{font-size:1.28vmin;color:gold;margin-top:.19vmin;font-weight:600}.player-badges{position:absolute;display:flex;flex-direction:row;gap:.3vmin;z-index:35;pointer-events:none}.dealer-button,.sb-badge,.bb-badge{width:2.2vmin;height:2.2vmin;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.1vmin;font-weight:900;color:#000;border:.15vmin solid rgba(0,0,0,.4);box-shadow:0 .2vmin .4vmin #00000080;background:#fff;position:static}.dealer-button{background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0);color:#000}.sb-badge{background:radial-gradient(circle at 30% 30%,#3498db,#2980b9);color:#fff;border-color:#fff3}.bb-badge{background:radial-gradient(circle at 30% 30%,#e74c3c,#c0392b);color:#fff;border-color:#fff3}.player-cards{position:absolute;bottom:-.8vmin;left:0;display:flex;z-index:25;pointer-events:none;justify-content:center;width:7.58vmin}.player-cards.grayscale-cards{filter:grayscale(100%);opacity:.7}.hole-card{width:6.75vmin;height:9.54vmin;margin-right:-3.06vmin;transition:transform .3s ease;transform-origin:bottom center;z-index:30}.hole-card .card-rank{font-size:2.04vmin}.hole-card .card-suit{font-size:1.85vmin}.hole-card .card-suit-large{font-size:4.59vmin}.opponent-card-back{width:2vmin;height:2.8vmin;background:linear-gradient(135deg,#0b1016,#17212b);border:.08vmin solid #00e5ff;border-radius:.2vmin;position:relative;box-shadow:0 0 .8vmin #00e5ff66;overflow:hidden}.opponent-card-back .card-pattern{width:100%;height:100%;background-image:linear-gradient(rgba(0,229,255,.15) .5px,transparent .5px),linear-gradient(90deg,rgba(0,229,255,.15) .5px,transparent .5px);background-size:.5vmin .5vmin;position:absolute;top:0;left:0;z-index:1;opacity:.8}.current-bet{position:absolute;background:#000000b3;padding:.4vmin 1vmin;border-radius:2vmin;color:#fbbf24;font-weight:700;font-size:1.4vmin;border:.1vmin solid rgba(251,191,36,.3);white-space:nowrap;z-index:10;display:flex;flex-direction:column;align-items:center;gap:.5vmin}.bet-chips{transform:scale(.6);margin-bottom:-1.5vmin;margin-top:-1vmin}.bet-value{display:flex;align-items:center;gap:.5vmin}.chip-icon{margin-right:.19vmin}.action-bubble{position:absolute;background:#ffffffe6;color:#333;padding:.31vmin .8vmin;border-radius:.61vmin;font-size:.97vmin;font-weight:700;white-space:nowrap;box-shadow:0 .19vmin .37vmin #0003;z-index:40;animation:fadeUp .3s ease-out}.timer-container{margin-top:.37vmin;display:flex;align-items:center;gap:.61vmin;z-index:21;justify-content:center}.timer-bar-background{width:4.85vmin;height:.61vmin;background:#00000080;border-radius:.31vmin;border:.19vmin solid #000000;overflow:hidden;position:relative;box-shadow:0 .19vmin .31vmin #0000004d}.timer-bar-fill{height:100%;border-radius:.19vmin;transition:width .1s linear,background .3s ease}.timer-countdown-bar{font-size:1.33vmin;font-weight:900;font-family:Arial Black,sans-serif;letter-spacing:-.03vmin;min-width:2.3vmin;text-align:center}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(.8vmin)}to{opacity:1;transform:translateY(0)}}.player-status-badge{position:absolute;top:-2.06vmin;left:50%;transform:translate(-50%);padding:.31vmin .61vmin;border-radius:.91vmin;font-size:.91vmin;font-weight:700;white-space:nowrap;z-index:40;box-shadow:0 .19vmin .31vmin #0000004d}.player-status-badge.sitting-out{background:#f39c12;color:#fff;border:.09vmin solid #e67e22}.player-status-badge.disconnected{background:#e74c3c;color:#fff;border:.09vmin solid #c0392b}.chat-bubble{position:absolute;bottom:9.09vmin;left:50%;transform:translate(-50%);background:#fff;color:#333;padding:.61vmin .91vmin;border-radius:.91vmin;font-size:1.09vmin;font-weight:500;white-space:normal;text-align:center;min-width:4.85vmin;max-width:12.13vmin;box-shadow:0 .31vmin .61vmin #0003;z-index:50;pointer-events:none}.chat-bubble:after{content:"";position:absolute;bottom:-.48vmin;left:50%;transform:translate(-50%);border-width:.48vmin .48vmin 0;border-style:solid;border-color:#fff transparent transparent transparent}.win-probability-badge{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #00ff88;color:#0f8;padding:3px 10px;border-radius:10px;font-size:14px;font-weight:700;z-index:20;box-shadow:0 0 10px #00ff884d;white-space:nowrap}.bot-badge{position:absolute;bottom:-1.2vmin;left:50%;transform:translate(-50%) translateY(.5vmin);background:#000c;border:.1vmin solid #00ff88;color:#0f8;padding:.2vmin .6vmin;border-radius:.5vmin;font-size:1vmin;font-weight:700;opacity:0;transition:all .3s ease;z-index:30;pointer-events:none;box-shadow:0 0 .5vmin #0f86}.avatar-container:hover .bot-badge{opacity:1;transform:translate(-50%) translateY(0)}.community-cards{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:.87vmin;z-index:10}.community-cards>div{width:6.75vmin;height:9.54vmin}.community-cards .card-rank{font-size:2.04vmin}.community-cards .card-suit{font-size:1.85vmin}.community-cards .card-suit-large{font-size:4.59vmin}.game-controls{position:fixed;bottom:2.5vmin;right:2.5vmin;width:38vmin;background:#1e1e1ef2;border:.15vmin solid rgba(255,255,255,.1);border-radius:2vmin;padding:2.5vmin;display:flex;flex-direction:column;gap:1.9vmin;box-shadow:0 1vmin 4vmin #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.turn-timer-bar-container{width:100%;height:.75vmin;background:#ffffff1a;border-radius:.4vmin;overflow:hidden;position:relative;margin-bottom:.6vmin}.turn-timer-bar{height:100%;background:gold;transition:width .1s linear}.turn-timer-bar.low-time{background:#f44;box-shadow:0 0 1.25vmin #f44}.turn-timer-text{position:absolute;top:-2.5vmin;right:0;font-size:1.5vmin;color:gold;font-weight:700}.action-buttons{display:flex;flex-direction:column;gap:1.25vmin}.raise-control{display:flex;flex-direction:column;gap:1.5vmin;margin-top:1.25vmin;padding-top:1.9vmin;border-top:.15vmin solid rgba(255,255,255,.1)}.bet-presets{display:flex;gap:1.25vmin}.preset-btn{flex:1;background:linear-gradient(180deg,#ffffff1a,#ffffff0d);border:.15vmin solid rgba(255,255,255,.2);color:#e2e8f0;padding:1vmin;border-radius:1vmin;font-size:1.5vmin;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.06vmin}.preset-btn:hover{background:linear-gradient(180deg,#ffd70033,#ffd7001a);border-color:gold;color:gold;transform:translateY(-.15vmin);box-shadow:0 .5vmin 1.5vmin #0003}.preset-btn:active{transform:translateY(0)}.slider-container{display:flex;align-items:center;gap:1.5vmin;padding:.6vmin 0}.slider-value{min-width:7.5vmin;color:gold;font-weight:700;font-size:1.9vmin;text-shadow:0 .25vmin .5vmin rgba(0,0,0,.3)}.raise-slider{flex:1;-webkit-appearance:none;appearance:none;width:100%;height:.75vmin;background:#ffffff1a;border-radius:.4vmin;outline:none;cursor:pointer}.raise-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2.5vmin;height:2.5vmin;border-radius:50%;background:gold;cursor:pointer;box-shadow:0 0 1.25vmin #ffd70080,0 0 0 .25vmin #0003;border:.25vmin solid #fff;transition:transform .1s;margin-top:-.9vmin}.raise-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 1.9vmin #ffd700cc,0 0 0 .25vmin #0003}.raise-slider::-webkit-slider-runnable-track{width:100%;height:.75vmin;cursor:pointer;background:linear-gradient(90deg,gold,#ffffff1a);border-radius:.4vmin}.raise-input{width:100%;background:#0006;border:.15vmin solid rgba(255,255,255,.1);color:#fff;padding:1.25vmin;border-radius:1vmin;text-align:center;font-weight:700;font-size:2vmin;transition:border-color .2s}.raise-input:focus{border-color:gold;outline:none;box-shadow:0 0 0 .25vmin #ffd70033}.status-bar-waiting{width:100%;text-align:center;color:gold;font-size:1.8vmin;font-weight:700;text-shadow:0 .15vmin .25vmin rgba(0,0,0,.5);padding:1vmin;background:#0006;border-radius:1vmin;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.hand-winner-banner-container{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);z-index:100;pointer-events:none;width:auto;min-width:10.4vmin;display:flex;justify-content:center}.hand-winner-content{background:#141414cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:.04vmin solid rgba(255,215,0,.3);border-radius:.65vmin;padding:.5vmin 1vmin;box-shadow:0 .16vmin .85vmin #0006;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:.33vmin}.winner-header{display:flex;align-items:center;justify-content:center;gap:.33vmin;margin-bottom:.16vmin;font-size:1.19vmin;color:gold;text-transform:uppercase;letter-spacing:.04vmin;font-weight:700}.trophy-icon{font-size:1.26vmin}.winners-list{display:flex;flex-direction:column;gap:.33vmin;width:100%}.winner-item{display:flex;align-items:center;gap:.4vmin;background:#ffffff0d;padding:.25vmin .5vmin;border-radius:1.35vmin;border:.04vmin solid rgba(255,255,255,.1)}.winner-avatar{width:1.35vmin;height:1.35vmin;border-radius:50%;overflow:hidden;border:.04vmin solid #ffd700;background:#333;flex-shrink:0}.winner-details{text-align:left;flex-grow:1;display:flex;flex-direction:column;justify-content:center;line-height:1.2}.winner-name{font-size:1.03vmin;font-weight:600;color:#fff}.winner-hand-name{font-size:1.25vmin;color:#ccc;font-weight:600}.winner-amount{font-size:.95vmin;font-weight:700;color:#4ade80;margin-left:.33vmin}.hand-ranking-container{position:absolute;top:1.6vmin;left:1.6vmin;z-index:1000}.hand-ranking-toggle{width:3.1vmin;height:3.1vmin;border-radius:50%;background:#0009;border:.15vmin solid rgba(255,255,255,.2);color:#fff;font-size:1.6vmin;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hand-ranking-toggle:hover{background:#000c;border-color:#fff6;transform:scale(1.1)}.hand-ranking-popover{position:absolute;top:3.9vmin;left:0;width:14vmin;background:#14141ef2;border:.1vmin solid rgba(255,255,255,.1);border-radius:1vmin;padding:1vmin;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 .8vmin 2vmin #00000080;color:#fff}.hand-ranking-title{font-size:1.1vmin;font-weight:700;margin-bottom:.8vmin;text-align:center;color:gold;text-transform:uppercase;letter-spacing:.06vmin;border-bottom:.1vmin solid rgba(255,255,255,.1);padding-bottom:.5vmin}.hand-ranking-content{display:flex;flex-direction:row;position:relative}.hand-ranking-list{display:flex;flex-direction:column;gap:.4vmin;width:100%}.hand-item-compact{display:flex;align-items:center;gap:.8vmin;padding:.6vmin .8vmin;background:#ffffff08;border-radius:.6vmin;cursor:default;transition:background .2s,transform .2s}.hand-item-compact:hover{background:#ffffff26;transform:translate(.3vmin);border-left:.2vmin solid #ffd700}.hand-rank-number{font-size:.9vmin;color:#6b7280;font-weight:700;min-width:1.5vmin}.hand-item-compact .hand-name{font-size:1vmin;font-weight:600;color:#e5e7eb}.hand-preview-pane{position:absolute;left:100%;top:0;margin-left:1vmin;width:28vmin;background:#0f0f19fa;border:.1vmin solid #ffd700;border-radius:1vmin;padding:1.5vmin;box-shadow:0 1vmin 3vmin #000c;z-index:100;min-height:20vmin;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-title{font-size:1.8vmin;color:gold;font-weight:700;margin-bottom:1.5vmin;text-transform:uppercase;text-shadow:0 0 1vmin rgba(255,215,0,.3)}.preview-cards{display:flex;gap:.5vmin;margin-bottom:1.5vmin;padding:1vmin;background:#ffffff0d;border-radius:1vmin}.preview-cards .card{width:4.5vmin!important;height:6.3vmin!important;font-size:1.4vmin!important}.preview-cards .card .card-rank{font-size:1vmin!important}.preview-cards .card .card-center .card-suit-large{font-size:2vmin!important}.preview-cards .card .card-corner .card-suit{display:none!important}.preview-description{font-size:1.1vmin;text-align:center;color:#d1d5db;line-height:1.4}.table-settings-container{position:absolute;top:20px;left:70px;z-index:1000}.table-settings-toggle{width:40px;height:40px;border-radius:50%;background:#0009;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.table-settings-toggle:hover{background:#000c;border-color:#fff6;transform:scale(1.1) rotate(90deg)}.table-settings-popover{position:absolute;top:50px;left:0;width:250px;background:#14141ef2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 25px #00000080;color:#fff}.table-settings-title{font-size:16px;font-weight:700;margin-bottom:12px;text-align:center;color:gold;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.table-settings-list{display:flex;flex-direction:column;gap:12px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#ffffff08;border-radius:8px;transition:background .2s}.setting-item:hover{background:#ffffff14}.setting-name{font-size:14px;font-weight:600;color:#e5e7eb}.setting-description{font-size:11px;color:#9ca3af}.theme-selector{display:flex;flex-direction:column;gap:8px;margin-top:8px}.theme-btn{padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .2s ease;text-align:left;font-size:13px}.theme-btn:hover{background:#ffffff1a;color:#fff}.theme-btn.active{background:#dc262633;border-color:#ef4444;color:#fff;box-shadow:0 0 10px #dc262633}.mute-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:5px;border-radius:5px;transition:transform .2s;color:#fff}.mute-btn:hover{transform:scale(1.1);background:#ffffff1a}.mute-btn.muted{opacity:.5;color:#ef4444}.volume-slider-container{display:flex;align-items:center;gap:10px;padding:0 8px;margin-bottom:10px}.volume-slider{flex:1;cursor:pointer;accent-color:#ffd700;height:4px;background:#fff3;border-radius:2px}.volume-label{font-size:12px;color:gold;min-width:35px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hand-indicator{position:absolute;bottom:60px;left:55%;transform:translate(-50%);z-index:100;pointer-events:none}.hand-indicator-content{background:#000000d9;border:2px solid rgba(255,215,0,.6);border-radius:12px;padding:8px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0006;display:flex;flex-direction:column;align-items:center;gap:4px}.hand-indicator-label{font-size:11px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.hand-indicator-name{font-size:16px;color:gold;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5);white-space:nowrap}@media(max-width:768px){.hand-indicator{bottom:120px}.hand-indicator-content{padding:6px 12px}.hand-indicator-label{font-size:10px}.hand-indicator-name{font-size:14px}}.throwable-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:#14141ef2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;box-shadow:0 4px 20px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:menu-pop .2s cubic-bezier(.175,.885,.32,1.275)}.throwable-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.throwable-item{background:#ffffff0d;border:none;border-radius:8px;width:40px;height:40px;font-size:24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.throwable-item:hover{background:#ffffff26;transform:scale(1.1)}.throwable-item:active{transform:scale(.95)}.throwable-icon{width:100%;height:100%;object-fit:contain;pointer-events:none}.throwable-emoji{font-size:24px;pointer-events:none}.throwable-overlay{position:fixed;inset:0;z-index:-1}@keyframes menu-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.dealing-animation-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:150;overflow:hidden}.dealing-card{position:absolute;width:4vmin;height:5.6vmin;transform:translate(-50%,-50%)}.card-back-design{width:100%;height:100%;background:linear-gradient(135deg,#0b1016,#17212b);border:.15vmin solid #00e5ff;border-radius:.4vmin;position:relative;box-shadow:0 0 1vmin #00e5ff80;overflow:hidden}.card-pattern{width:100%;height:100%;background-image:linear-gradient(rgba(0,229,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.15) 1px,transparent 1px);background-size:1.5vmin 1.5vmin;position:absolute;top:0;left:0;z-index:1;opacity:.7}.card-back-design:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:40%;background:radial-gradient(circle,rgba(0,229,255,.2) 0%,transparent 70%);border:.15vmin solid rgba(0,229,255,.3);border-radius:50%;box-shadow:0 0 1.5vmin #00e5ff33;z-index:2}.card-back-content,.css-pokeball{display:none}.poker-table-container{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.95vmin;z-index:1}.poker-table{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;background-color:transparent;overflow:visible}.community-cards{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);display:flex;gap:.38vmin;z-index:10}.card-placeholder{width:4.25vmin;height:6vmin;background:#ffffff1a;border:.15vmin dashed rgba(255,255,255,.3);border-radius:.38vmin;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all var(--transition-base)}.card-placeholder:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-.25vmin)}.pot-display{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);background:#0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.5vmin 1vmin;border-radius:1.25vmin;border:.08vmin solid rgba(255,215,0,.3);text-align:center;z-index:15;min-width:10vmin}.pot-label{font-size:1.25vmin;color:#aaa;text-transform:uppercase;letter-spacing:.05vmin;margin-bottom:.1vmin}.pot-amount{font-size:1.6vmin;font-weight:700;font-family:monospace;color:gold;text-shadow:0 0 .6vmin rgba(255,215,0,.5)}.empty-seat{position:absolute;z-index:8;width:4vmin;height:4vmin;transform:translate(-50%,-50%)}.empty-seat-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#ffffff0d;border:.12vmin dashed rgba(255,255,255,.2);border-radius:50%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;cursor:pointer}.empty-seat-indicator:hover{background:#ffffff1a;border-color:#fff6;transform:scale(1.05)}.empty-seat-icon{font-size:1.3vmin;opacity:.5}.empty-seat-text{font-size:.55vmin;color:#ffffff80;text-transform:uppercase;letter-spacing:.05vmin;margin-top:.1vmin}.countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.countdown-number{font-size:10vmin;font-weight:900;color:gold;text-shadow:0 0 1.25vmin rgba(255,215,0,.8),0 0 2.5vmin rgba(255,215,0,.5),.15vmin .15vmin 0px #000;animation:countdownPop .9s cubic-bezier(.175,.885,.32,1.275) forwards;line-height:1}.countdown-text{color:#fff;font-size:1.5vmin;margin-top:1.25vmin;text-transform:uppercase;letter-spacing:.25vmin;font-weight:700;text-shadow:0 .15vmin .25vmin rgba(0,0,0,.5);opacity:0;animation:fadeIn .5s ease-out forwards}@keyframes countdownPop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(1.25vmin)}to{opacity:1;transform:translateY(0)}}.turn-indicator{position:absolute;top:15%;left:50%;transform:translate(-50%);background:#000000d9;padding:.4vmin 1vmin;border-radius:.75vmin;border:.08vmin solid #ffd700;box-shadow:0 0 1vmin #ffd7004d;z-index:50;text-align:center}.turn-indicator-label{font-size:.7vmin;color:#ffffffb3;text-transform:uppercase;letter-spacing:.08vmin;margin-bottom:.15vmin}.turn-indicator-name{font-size:.95vmin;font-weight:700;color:gold}.all-in-showdown-overlay{position:absolute;top:10%;left:50%;transform:translate(-50%);background:#000000d9;padding:.7vmin 1.5vmin;border-radius:1vmin;border:.15vmin solid #ffd700;box-shadow:0 0 2vmin #ffd70080;z-index:60;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:pulse 2s infinite}.all-in-showdown-text{font-size:1.2vmin;font-weight:800;color:gold;text-shadow:0 0 1vmin rgba(255,215,0,.8);letter-spacing:.15vmin}.all-in-showdown-subtext{font-size:.7vmin;color:#fff;margin-top:.25vmin;opacity:.9;text-transform:uppercase;letter-spacing:.08vmin}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.game-over-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-over-content{background:linear-gradient(135deg,#141414f2,#282828e6);padding:3vmin;border-radius:2vmin;border:.15vmin solid #ffd700;box-shadow:0 0 4vmin #ffd7004d;text-align:center;width:40%;max-width:50vmin;display:flex;flex-direction:column;align-items:center;gap:1.5vmin}.game-over-trophy{font-size:6vmin;filter:drop-shadow(0 0 1vmin rgba(255,215,0,.8));animation:bounce 2s infinite}.game-over-content h1{font-size:3.75vmin;margin:0;text-transform:uppercase;letter-spacing:.2vmin;text-shadow:0 0 1vmin rgba(255,215,0,.5);background:linear-gradient(to bottom,gold,#b8860b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.champion-display{display:flex;align-items:center;gap:1.5vmin;background:#ffffff0d;padding:1.5vmin;border-radius:1.5vmin;width:100%;border:.1vmin solid rgba(255,255,255,.1)}.champion-avatar{width:8vmin;height:8vmin;border-radius:50%;border:.3vmin solid #ffd700;overflow:hidden;background:#222;box-shadow:0 0 1.5vmin #ffd70066}.champion-avatar img{width:100%;height:100%;object-fit:cover}.champion-info{flex:1;text-align:left}.champion-info h2{color:#fff;font-size:1.8vmin;margin:0 0 .5vmin}.champion-chips{color:gold;font-size:2.02vmin;margin:0;text-transform:uppercase;letter-spacing:.1vmin}.champion-chips-count{color:gold;font-size:3.15vmin;font-weight:700;margin:0;font-family:monospace}.return-lobby-btn{margin-top:1vmin;background:linear-gradient(to right,gold,#fa0);color:#000;border:none;padding:1vmin 2.5vmin;font-size:1.1vmin;font-weight:700;border-radius:5vmin;cursor:pointer;text-transform:uppercase;letter-spacing:.1vmin;transition:all .2s;box-shadow:0 .5vmin 1vmin #ffaa004d}.return-lobby-btn:hover{transform:translateY(-.2vmin);box-shadow:0 .8vmin 1.5vmin #fa06;filter:brightness(1.1)}.return-lobby-btn:active{transform:translateY(0)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-1vmin)}}.roulette-strip-container{position:relative;width:100%;max-width:1100px;height:140px;background:#0a0a0a;border:2px solid #333;border-radius:12px;margin:0 auto;overflow:hidden;box-shadow:inset 0 0 20px #000;box-sizing:border-box}.roulette-strip-container *{box-sizing:border-box}.selector-needle{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:#fc0;z-index:10;display:flex;justify-content:center;align-items:flex-start;color:#fc0;font-size:20px;text-shadow:0 0 5px #ffcc00;pointer-events:none}.selector-needle:after{content:"";position:absolute;bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #ffcc00}.strip-window{width:100%;height:100%;display:flex;align-items:center;-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.numbers-strip{display:flex;will-change:transform;height:100px;padding-left:50%}.strip-card{height:100px;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:32px;font-weight:800;color:#fff;box-shadow:0 4px 6px #00000080;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.strip-card.red{background:linear-gradient(135deg,#d32f2f,#b71c1c);border-top:4px solid #ff5252}.strip-card.black{background:linear-gradient(135deg,#212121,#000);border-top:4px solid #757575}.strip-card.green{background:linear-gradient(135deg,#388e3c,#1b5e20);border-top:4px solid #66bb6a;color:gold}.strip-betting-container{display:flex;justify-content:center;gap:20px;padding:20px;width:100%}.betting-column{flex:1;display:flex;flex-direction:column;gap:15px;max-width:300px}.bet-btn{width:100%;height:120px;border:none;border-radius:12px;cursor:pointer;transition:transform .1s,filter .2s;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;-webkit-user-select:none;user-select:none}.bet-btn:active{transform:scale(.95);box-shadow:inset 0 0 10px #00000080}.bet-btn:hover{filter:brightness(1.2);z-index:10}.red-btn{background:linear-gradient(135deg,#d32f2f,#b71c1c);box-shadow:0 6px #8e0000;color:#fff}.red-btn:active{box-shadow:0 2px #8e0000;transform:translateY(4px)}.black-btn{background:linear-gradient(135deg,#212121,#000);box-shadow:0 6px #424242;color:#fff}.black-btn:active{box-shadow:0 2px #424242;transform:translateY(4px)}.green-btn{background:linear-gradient(135deg,#388e3c,#1b5e20);box-shadow:0 6px #030;color:gold}.green-btn:active{box-shadow:0 2px #030;transform:translateY(4px)}.btn-label{font-size:24px;font-weight:800;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.btn-sub{font-size:14px;opacity:.9;text-transform:uppercase;letter-spacing:2px;font-weight:700}.chip-stack{position:absolute;top:-15px;right:-15px;z-index:20}.chip-display{background:#222;color:gold;font-weight:700;padding:6px 12px;border-radius:20px;font-size:14px;box-shadow:0 4px 8px #0009;border:2px solid #ffd700;display:flex;align-items:center;gap:6px;min-width:60px;justify-content:center}.chip-icon{width:20px;height:20px}.bets-list-container{background:#111;border:1px solid #333;border-radius:10px;padding:10px;flex:1;min-height:150px;display:flex;flex-direction:column}.bets-header{font-size:12px;color:#888;text-transform:uppercase;margin-bottom:8px;border-bottom:1px solid #333;padding-bottom:4px;text-align:center}.bets-list-scroll{overflow-y:auto;max-height:200px;display:flex;flex-direction:column;gap:6px;padding-right:4px}.bets-list-scroll::-webkit-scrollbar{width:4px}.bets-list-scroll::-webkit-scrollbar-track{background:#222}.bets-list-scroll::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.bet-item{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:4px 8px;background:#ffffff0d;border-radius:4px}.bet-user{color:#ccc;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.bet-amount{color:gold;font-weight:700;display:flex;align-items:center;gap:4px}.mini-chip{width:14px;height:14px}.no-bets{text-align:center;color:#555;font-style:italic;font-size:12px;margin-top:20px}.roulette-oval-board{display:flex;flex-direction:column;align-items:center;background-color:#35654d;padding:20px;border-radius:10px;border:8px solid #5c4033;box-shadow:inset 0 0 50px #00000080,0 10px 20px #00000080;-webkit-user-select:none;user-select:none;margin-top:20px;width:100%;max-width:1000px;position:relative;overflow-x:auto}.oval-grid{display:grid;grid-template-columns:60px repeat(12,1fr) 60px;grid-template-rows:repeat(3,50px) 50px 50px;gap:2px;width:100%;max-width:900px}.bet-zone{display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:700;cursor:pointer;position:relative;transition:background .2s;font-size:14px;text-shadow:1px 1px 2px black}.bet-zone:hover{background-color:#fff3!important}.zone-zero{grid-column:1;grid-row:1 / span 3;background-color:transparent;border-radius:50% 0 0 50%;font-size:24px}.zone-number{background-color:transparent}.zone-number.red{background-color:#e53935}.zone-number.black{background-color:#212121}.zone-col{grid-column:14;font-size:12px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.zone-dozen{grid-row:4;grid-column:span 4}.zone-dozen-1{grid-column:2 / span 4}.zone-dozen-2{grid-column:6 / span 4}.zone-dozen-3{grid-column:10 / span 4}.zone-outside{grid-row:5;grid-column:span 2;font-size:12px}.zone-low{grid-column:2 / span 2}.zone-even{grid-column:4 / span 2}.zone-red{grid-column:6 / span 2;background-color:#e53935}.zone-black{grid-column:8 / span 2;background-color:#212121}.zone-odd{grid-column:10 / span 2}.zone-high{grid-column:12 / span 2}.chip-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;display:flex;justify-content:center;align-items:center;z-index:10;pointer-events:none;filter:drop-shadow(0 4px 5px rgba(0,0,0,.6));animation:placeChip .2s cubic-bezier(.175,.885,.32,1.275)}.chip-icon-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:-1}.chip-start-count{font-size:11px;color:#fff;font-weight:800;text-shadow:0 1px 2px black;z-index:2}@keyframes placeChip{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.exchange-modal{background:#1e1e1e;padding:25px;border-radius:15px;width:400px;border:2px solid #d4af37;box-shadow:0 10px 30px #000c;position:relative}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#d4af37;border-bottom:1px solid #333;padding-bottom:10px}.close-btn{background:none;border:none;color:#aaa;font-size:24px;cursor:pointer}.exchange-tabs{display:flex;margin-bottom:20px;background:#111;border-radius:8px;overflow:hidden}.tab-btn{flex:1;padding:10px;background:transparent;border:none;color:#888;cursor:pointer;font-weight:700;transition:all .2s}.tab-btn.active{background:#d4af37;color:#000}.balance-info{display:flex;justify-content:space-around;margin-bottom:15px;font-size:.9em;padding:10px;background:#252525;border-radius:5px}.gold{color:gold;font-weight:700}.green{color:#43a047;font-weight:700}.rate-info{text-align:center;color:#666;margin-bottom:15px;font-size:.8em;font-style:italic}.input-group label,.result-preview label{display:block;margin-bottom:5px;color:#ccc;font-size:.9em}.input-group input{width:100%;padding:12px;border-radius:5px;border:1px solid #444;background:#333;color:#fff;font-size:1.1em}.conversion-arrow{text-align:center;font-size:24px;color:#d4af37;margin:10px 0}.preview-value{font-size:1.5em;font-weight:700;color:#fff;text-align:center;margin-bottom:20px}.error-msg{color:#e53935;text-align:center;margin-bottom:10px;font-size:.9em}.roulette-table-container{width:100%;max-width:1200px;margin:0 auto;background:#0d0d0d;min-height:80vh;padding:20px;border-radius:20px;box-shadow:0 0 50px #000000e6;display:flex;flex-direction:column;color:#fff}.roulette-header{margin-bottom:20px;border-bottom:2px solid #333;padding-bottom:10px}.history-bar{display:flex;gap:5px;margin-bottom:10px;overflow-x:auto;padding:5px;background:#1a1a1a;border-radius:50px}.history-pill{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;border:1px solid #444}.history-pill.red{background:#e53935}.history-pill.black{background:#212121}.history-pill.green{background:#43a047}.game-status{position:relative;background:#222;height:40px;border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center}.timer-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#d4af37,#fdd835);z-index:1;transition:width 1s linear}.status-text{position:relative;z-index:2;font-weight:700;font-size:18px;text-shadow:0 0 5px black}.roulette-main-area{display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center;margin-bottom:20px}.wheel-section{width:100%;height:500px;display:flex;justify-content:center;align-items:center;padding:10px;background:#151515;border-radius:20px;border:1px solid #333}.board-section{width:100%;max-width:1000px}.view-toggle .switch-label{display:flex;align-items:center;gap:10px;cursor:pointer;background:#333;padding:5px 15px;border-radius:20px;border:1px solid #555;-webkit-user-select:none;user-select:none}.view-toggle .switch-label:hover{background:#444}.view-toggle input{margin:0;width:20px;height:20px;accent-color:#d4af37}.view-toggle .slider-text{font-weight:700;color:gold}.roulette-controls{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;padding:15px;border-radius:10px;border-top:3px solid #d4af37}.chips-selector{display:flex;gap:10px}.chip-btn{width:50px;height:50px;border-radius:50%;border:3px dashed white;font-weight:700;color:#333;font-size:12px;cursor:pointer;transition:transform .1s,box-shadow .2s;background-size:cover;display:flex;align-items:center;justify-content:center}.chip-btn:hover{transform:translateY(-5px)}.chip-btn.selected{transform:translateY(-8px) scale(1.1);box-shadow:0 0 10px #d4af37;border-style:solid;border-color:gold}.chip-1{background:#fff;border-color:gray}.chip-5{background:#e53935;color:#fff;border-color:#b71c1c}.chip-10{background:#1e88e5;color:#fff;border-color:#0d47a1}.chip-25{background:#43a047;color:#fff;border-color:#1b5e20}.chip-100{background:#212121;color:#fff;border-color:#000}.chip-500{background:#8e24aa;color:#fff;border-color:#4a148c}.player-hud{display:flex;gap:20px;align-items:center}.hud-balance{display:flex;flex-direction:column;align-items:flex-end}.balance-value{font-size:24px;color:#43a047;font-weight:700}.roulette-players-list{display:flex;justify-content:center;gap:20px;margin-top:auto;padding:20px;background:#0006;border-radius:15px;flex-wrap:wrap;width:100%}.roulette-player-seat{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;width:120px}.roulette-player-seat .avatar-container{width:90px;height:90px;border-radius:50%;background:#2c3e50;border:4px solid #34495e;position:relative;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #00000080;overflow:hidden}.roulette-player-seat .avatar-img{width:100%;height:100%;object-fit:cover}.roulette-player-seat .avatar-placeholder{font-size:32px;font-weight:700;color:#ecf0f1}.roulette-player-seat .player-info{background:#000000d9;padding:5px 10px;border-radius:8px;text-align:center;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%}.roulette-player-seat .player-name{font-size:12px;color:#ecf0f1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.roulette-player-seat .player-chips{font-size:11px;color:gold;font-weight:600}.roulette-player-seat.winner .avatar-container{border-color:#0f8;box-shadow:0 0 15px #0f8}.roulette-player-seat.current-user .avatar-container{border-color:gold}.floating-winner-banner{position:fixed;top:50%;right:20px;transform:translateY(-50%);background:#000000f2;border:2px solid #ffd700;border-radius:12px;padding:20px;z-index:1000;box-shadow:0 0 30px #ffd7004d;animation:slideInRight .5s ease-out;min-width:250px;max-width:300px;display:flex;flex-direction:column;gap:15px}@keyframes slideInRight{0%{transform:translate(100%,-50%);opacity:0}to{transform:translateY(-50%);opacity:1}}.banner-header{display:flex;align-items:center;gap:15px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.winning-number{font-size:3rem;font-weight:700;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid white;color:#fff;text-shadow:1px 1px 2px black;flex-shrink:0}.winning-number.red{background:#e53935}.winning-number.black{background:#212121}.winning-number.green{background:#43a047}.banner-title h3{margin:0;color:gold;font-size:1.4rem;text-transform:uppercase;letter-spacing:1px}.banner-title span{color:#aaa;font-size:.8rem}.winners-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding-right:5px}.winners-list::-webkit-scrollbar{width:4px}.winners-list::-webkit-scrollbar-track{background:#ffffff0d}.winners-list::-webkit-scrollbar-thumb{background:gold;border-radius:2px}.winner-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:8px 12px;border-radius:6px;font-size:.9rem}.winner-name{color:#fff;font-weight:500}.winner-amount{color:#4caf50;font-weight:700}.no-winners{text-align:center;color:#666;font-style:italic;padding:10px}.giravoltorb-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2d3436;padding:20px;border-radius:15px;box-shadow:0 10px 30px #00000080;color:#fff;max-width:800px;margin:0 auto}.gv-header{display:flex;justify-content:space-between;width:100%;margin-bottom:20px;align-items:center}.gv-stats{display:flex;gap:20px;font-size:1.2rem;font-weight:700}.gv-stat-box{background:#0000004d;padding:10px 15px;border-radius:8px;border:1px solid #555;display:flex;flex-direction:column;align-items:center}.gv-stat-label{font-size:.8rem;color:#aaa;text-transform:uppercase}.gv-label-value{color:gold}.gv-main-area{display:grid;grid-template-columns:auto auto;gap:10px}.gv-grid{display:grid;grid-template-columns:repeat(5,60px);grid-template-rows:repeat(5,60px);gap:8px}.gv-row-hints{display:grid;grid-template-rows:repeat(5,60px);gap:8px;margin-left:10px}.gv-col-hints{display:grid;grid-template-columns:repeat(5,60px);gap:8px;margin-top:10px}.gv-corner-hint{visibility:hidden}.gv-tile{width:60px;height:60px;background:#0984e3;border-radius:8px;border:2px solid #74b9ff;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .3s ease;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;-webkit-user-select:none;user-select:none}.gv-tile:hover{background:#00cec9;transform:scale(1.05)}.gv-tile.revealed{background:#dfe6e9;color:#2d3436;border-color:#b2bec3;pointer-events:none;transform:rotateY(180deg)}.gv-tile.revealed.val-0{background:#d63031;border-color:#ff7675}.gv-tile.revealed.val-2{background:#fdcb6e;border-color:#ffeaa7}.gv-tile.revealed.val-3{background:#6c5ce7;border-color:#a29bfe;color:#fff}.gv-tile-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gv-hint-box{width:60px;height:60px;background:#e17055;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.8rem;color:#fff;border:2px solid #fab1a0}.gv-hint-sum{font-size:1rem;font-weight:700}.gv-hint-voltorb{display:flex;align-items:center;gap:3px;margin-top:2px}.gv-controls{margin-top:20px;display:flex;gap:20px;width:100%;justify-content:center}.gv-memo-toggle{background:#636e72;padding:10px 20px;border-radius:20px;cursor:pointer;border:2px solid transparent;transition:all .2s}.gv-memo-toggle.active{background:#fdcb6e;color:#2d3436;border-color:#ffeaa7;font-weight:700}.gv-memo-overlay{position:absolute;inset:2px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;pointer-events:none;font-size:10px;color:#fff;opacity:.8}.gv-memo-mark{width:15px;height:15px;text-align:center;line-height:15px}.chat-container{position:absolute;bottom:20px;left:20px;background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;flex-direction:column;z-index:100;box-shadow:0 4px 20px #00000080}.chat-header{padding:0 12px;height:48px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0;cursor:pointer}.chat-container.closed .chat-header{border-radius:12px;border-bottom:none}.chat-tabs-container{display:flex;gap:12px;height:100%}.chat-tab{display:flex;align-items:center;padding:0 8px;color:#94a3b8;cursor:pointer;font-size:.9rem;border-bottom:2px solid transparent;transition:all .2s}.chat-tab:hover{color:#e2e8f0}.chat-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.chat-toggle-btn{background:transparent;border:none;color:#94a3b8;font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.chat-toggle-btn:hover{color:#fff;background:#ffffff1a}.chat-title{font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:8px}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000001a}.chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.message{display:flex;flex-direction:column;max-width:85%;animation:fadeIn .3s ease-out}.message.mine{align-self:flex-end;align-items:flex-end}.message.others{align-self:flex-start;align-items:flex-start}.message.system{align-self:center;align-items:center;max-width:100%;margin:8px 0}.message-sender{font-size:.75rem;color:#94a3b8;margin-bottom:2px;margin-left:4px}.message.mine .message-sender{margin-right:4px;margin-left:0}.message-bubble{padding:8px 12px;border-radius:12px;font-size:.9rem;line-height:1.4;word-break:break-word;color:#f1f5f9}.message.mine .message-bubble{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px 12px 0}.message.others .message-bubble{background:#ffffff1a;border-radius:12px 12px 12px 0}.message.system .message-bubble{background:#eab30826;color:#fcd34d;border:1px solid rgba(234,179,8,.3);border-radius:16px;padding:4px 12px;font-size:.8rem;text-align:center}.message.battle .message-bubble{background:linear-gradient(135deg,#b91c1c,#7f1d1d);color:#fca5a5;border:1px solid #ef4444;border-radius:16px;padding:6px 12px;font-size:.9rem;text-align:left;box-shadow:0 2px 4px #0006;display:flex;align-items:center;gap:8px}.chat-input-area{padding:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:8px;background:#0f172a80;border-radius:0 0 12px 12px}.chat-input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:8px 12px;color:#fff;font-size:.9rem;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#3b82f6}.chat-send-btn{background:#3b82f6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:transform .2s,background .2s}.chat-send-btn:hover{background:#2563eb;transform:scale(1.05)}.chat-send-btn:disabled{background:#475569;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.winner-modal-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.winner-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:.7vmin;padding:2.1vmin 2.8vmin;text-align:center;position:relative;overflow:hidden;box-shadow:0 .7vmin 2.1vmin #ffd7004d;border:.12vmin solid #FFD700;animation:scaleIn .6s cubic-bezier(.68,-.55,.265,1.55);min-width:25vmin}@keyframes scaleIn{0%{transform:scale(.5) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti{position:absolute;width:.35vmin;height:.35vmin;top:-.35vmin;animation:confettiFall 3s linear infinite}@keyframes confettiFall{to{transform:translateY(100vh) rotate(360deg)}}.trophy-icon{font-size:4.2vmin;margin-bottom:.7vmin;animation:bounce 1s ease-in-out infinite;filter:drop-shadow(0 0 .7vmin rgba(255,215,0,.8))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.7vmin)}}.winner-title{font-size:3.6vmin;font-weight:700;background:linear-gradient(45deg,gold,orange,gold);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1vmin;animation:shimmer 2s ease-in-out infinite;text-shadow:0 0 1vmin rgba(255,215,0,.5)}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.winner-avatar{width:7vmin;height:7vmin;margin:0 auto 1vmin;border-radius:50%;overflow:hidden;border:.17vmin solid #FFD700;box-shadow:0 0 1.4vmin #ffd70099;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 1.4vmin #ffd70099}50%{transform:scale(1.05);box-shadow:0 0 2vmin #ffd700e6}}.winner-avatar img{width:100%;height:100%;object-fit:cover}.winner-name{font-size:3vmin;font-weight:700;color:gold;margin-bottom:1vmin;text-shadow:0 0 .7vmin rgba(255,215,0,.5)}.winner-chips{display:flex;align-items:center;justify-content:center;gap:.5vmin;margin-bottom:1.4vmin}.chips-label{color:#aaa;font-size:1.1vmin}.chips-amount{color:#4caf50;font-weight:700;font-size:2.7vmin!important;text-shadow:0 0 .5vmin rgba(76,175,80,.5)}.redirect-message{color:#888;font-size:.65vmin;margin-bottom:1vmin;font-style:italic}.return-lobby-btn{background:linear-gradient(135deg,gold,orange);color:#1a1a2e;border:none;padding:.65vmin 1.75vmin;font-size:.75vmin;font-weight:700;border-radius:1.75vmin;cursor:pointer;transition:all .3s ease;box-shadow:0 .17vmin .7vmin #ffd70066}.return-lobby-btn:hover{transform:translateY(-.12vmin);box-shadow:0 .3vmin 1vmin #ffd70099;background:linear-gradient(135deg,orange,gold)}.return-lobby-btn:active{transform:translateY(-.035vmin)}.table-room-page{height:100vh;width:100vw;background:transparent;color:#fff;padding:.78vmin;display:flex;justify-content:center;overflow:hidden;position:relative}.table-room-container{width:100%;height:100%;max-width:none;display:flex;flex-direction:column;gap:.78vmin}.room-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:1.2vmin 1.6vmin;border-radius:.95vmin;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.room-header h1{margin:0;font-size:2.25vmin;color:#fbbf24}.room-subtitle{margin:.38vmin 0 0;color:#9ca3af;font-size:1vmin}.room-info{flex-shrink:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15.6vmin,1fr));gap:1.2vmin}.info-card{background:#ffffff0d;padding:1.2vmin;border-radius:.78vmin;display:flex;align-items:center;gap:1.2vmin}.info-icon{font-size:2.5vmin}.info-label{font-size:1vmin;color:#9ca3af;text-transform:uppercase;letter-spacing:.06vmin}.info-value{font-size:1.5vmin;font-weight:700;color:#fff}.table-preview{flex:1;width:100%;min-height:0;background:#0000004d;border-radius:1.6vmin;position:relative}.room-actions{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1.2vmin;padding:1.6vmin;background:#ffffff0d;border-radius:.95vmin}.room-actions button{font-size:1.25vmin;padding:.78vmin 1.6vmin;border-radius:.62vmin}.waiting-message{color:#9ca3af;font-style:italic;animation:pulse 2s infinite;font-size:1.25vmin}.loading-screen,.error-screen{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000b3;color:#fff;gap:1.6vmin}.loading-spinner{font-size:5vmin;animation:spin 2s linear infinite}.error-screen{text-align:center}.error-screen h2{color:#ef4444;font-size:2.5vmin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pc-box-container{padding:1rem;animation:fadeIn .3s ease-out}.pc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background:#0000004d;padding:1rem;border-radius:12px}.pc-sort-select{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.5rem;border-radius:6px;cursor:pointer;font-family:inherit}.pc-sort-select option{background:#1e1e24;color:#fff}.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;max-height:600px;overflow-y:auto;padding-right:5px}.pc-slot{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.5rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s;position:relative}.pc-slot:hover{background:#ffffff26;transform:translateY(-2px);border-color:#ffd70080}.pc-slot.active-slot{border:2px solid #ef4444;background:#ef44441a}.pc-sprite{width:64px;height:64px;image-rendering:pixelated}.pc-slot-info{text-align:center;margin-top:5px}.pc-nickname{display:block;font-size:.85rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.pc-level{display:block;font-size:.75rem;color:#aaa}.active-badge-mini{position:absolute;top:5px;right:5px;color:gold;font-size:.8rem}.pc-modal{width:500px;background:#2d3748;color:#fff}.pc-detail-content{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.pc-artwork-large{width:150px;height:150px}.pc-stats-block h2{color:gold;margin:0 0 .5rem}.pc-rename-input-container{display:flex;align-items:center;gap:8px;margin-bottom:.5rem;width:100%}.pc-rename-input{background:#0000004d;border:1px solid #ffd700;border-radius:4px;padding:5px 10px;color:gold;font-size:1.2rem;font-weight:700;width:auto;min-width:150px;max-width:100%}.pc-stats-block p{margin:5px 0;color:#cbd5e0}.pc-actions{display:flex;gap:1rem;justify-content:center}.pc-action-btn{padding:.8rem 1.5rem;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:transform .1s}.pc-action-btn.equip{background:#3b82f6;color:#fff}.pc-action-btn.rename{background:#8b5cf6;color:#fff}.pc-action-btn.rename:disabled{background:#6b7280;cursor:not-allowed;transform:none}.pc-action-btn.release{background:#ef4444;color:#fff}.pc-action-btn:hover{transform:scale(1.05)}.user-profile-container{width:100%;height:100vh;padding:2rem;box-sizing:border-box;display:flex;gap:2rem;color:#fff;overflow-y:auto;background:#0f0f1ad9}.profile-sidebar{flex:0 0 300px;display:flex;flex-direction:column;gap:1.5rem}.profile-card{background:#14141ecc;border:1px solid rgba(0,255,255,.1);border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080}.profile-avatar-container{width:150px;height:150px;border-radius:50%;margin-bottom:1rem;border:3px solid #00f0ff;overflow:hidden;box-shadow:0 0 15px #00f0ff4d}.profile-avatar{width:100%;height:100%;object-fit:cover}.profile-username{font-size:1.8rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.profile-title{font-size:.9rem;color:#888;margin-top:.2rem;text-transform:uppercase;letter-spacing:1px}.profile-meta{margin-top:1.5rem;width:100%;display:flex;justify-content:space-around;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.meta-item{display:flex;flex-direction:column;align-items:center}.meta-value{font-size:1.2rem;font-weight:700;color:gold}.meta-label{font-size:.7rem;color:#aaa}.profile-content{flex:1;display:flex;flex-direction:column;gap:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background:#1e1e2899;border-left:4px solid #00f0ff;padding:1.5rem;border-radius:8px;display:flex;flex-direction:column;justify-content:center}.stat-card h3{margin:0 0 .5rem;font-size:.8rem;color:#aaa;text-transform:uppercase;letter-spacing:1px}.stat-card p{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.badge-case-container{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-top:1rem}.badge-case-header{margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.region-section{margin-bottom:3rem}.region-title{color:#a0a0a0;font-size:1.2rem;margin-bottom:1rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;border-left:4px solid #d4af37;padding-left:10px}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1.5rem;justify-items:center}.badge-slot{position:relative;width:80px;height:80px;cursor:pointer;perspective:1000px}.badge-icon-container{width:100%;height:100%;transition:transform .3s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.badge-slot:hover .badge-icon-container{transform:scale(1.1) translateY(-5px)}.badge-image{width:100%;height:100%;object-fit:contain;filter:blur(.5px)}.badge-slot.locked .badge-image{filter:grayscale(100%) brightness(.3) blur(2px);opacity:.5}.badge-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#fff3;font-weight:700;pointer-events:none}.badge-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(10px);background:#141414f2;border:1px solid #444;border-radius:8px;padding:0;width:200px;box-shadow:0 10px 25px #00000080;z-index:100;transition:all .3s cubic-bezier(.68,-.55,.27,1.55);pointer-events:none;overflow:hidden}.badge-slot:hover .badge-tooltip{visibility:visible;opacity:1;transform:translate(-50%) translateY(-10px);pointer-events:auto}.badge-notification{position:absolute;top:-5px;right:-5px;background-color:#ef4444;color:#fff;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #1e293b;animation:pulse 2s infinite}.claim-badge-btn{margin-top:10px;width:100%;background:#fbbf24;color:#000;border:none;padding:6px;border-radius:4px;font-weight:700;cursor:pointer;font-family:"Press Start 2P",cursive;font-size:.6rem;transition:transform .1s}.claim-badge-btn:hover{transform:scale(1.05);background:#f59e0b}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.tooltip-header{background:#333;padding:8px 12px;border-bottom:1px solid #444}.tooltip-badge-name{display:block;color:#fff;font-weight:700;font-size:.9rem}.tooltip-date{display:block;font-size:.7rem;color:#888;margin-top:2px}.tooltip-body{padding:12px}.leader-info{display:flex;align-items:center;gap:10px}.leader-portrait{width:50px;height:50px;border-radius:50%;border:2px solid #555;object-fit:cover;background:#111}.leader-details{display:flex;flex-direction:column}.leader-label{font-size:.65rem;color:#aaa;text-transform:uppercase;margin-bottom:2px}.leader-name{font-size:.9rem;color:#d4af37;font-weight:600}.back-button{background:transparent;border:none;color:#aaa;cursor:pointer;text-align:left;margin-bottom:1rem;font-size:.9rem;transition:color .2s}.back-button:hover{color:#fff}.avatar-edit-form{display:flex;flex-direction:column;gap:8px}.avatar-input{padding:6px;border-radius:4px;border:1px solid #444;background:#222;color:#fff;font-size:.8rem}.avatar-actions{display:flex;gap:5px}.save-btn,.cancel-btn{flex:1;border:none;border-radius:4px;padding:4px;cursor:pointer;font-size:.8rem;color:#fff}.save-btn{background:#4caf50}.cancel-btn{background:#d32f2f}.pixel-btn-small{background:#333;color:#fff;border:1px solid #555;padding:5px 10px;font-size:.75rem;cursor:pointer;border-radius:4px;font-family:inherit;transition:background .2s}.pixel-btn-small:hover{background:#444}.loading-profile{display:flex;justify-content:center;align-items:center;height:100vh;color:#fff;font-size:1.5rem;background:#0f0f1a}.profile-nav{display:flex;gap:10px;margin-top:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.nav-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;padding:15px 20px;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:700;font-size:1.1rem}.nav-btn:hover{background:#ffffff1a;color:#fff}.nav-btn.active{background:#ffd70033;border-color:gold;color:gold}.pokedex-container{background:#ffffff08;border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.05)}.pokedex-container h2{color:#fff;margin-bottom:20px;font-size:1.8rem;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:10px}.pokedex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.pokedex-entry{background:#0000004d;border-radius:12px;padding:15px;text-align:center;border:1px solid rgba(255,255,255,.05);transition:transform .2s;position:relative;overflow:hidden}.pokedex-entry.owned{background:#ffffff0d;border-color:#ffd7004d}.pokedex-entry.owned:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.poke-id{font-size:.8rem;color:#888;margin-bottom:5px;font-family:monospace}.poke-sprite-container{width:80px;height:80px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center}.poke-sprite{max-width:100%;max-height:100%;image-rendering:pixelated}.poke-name{font-weight:700;color:#fff;font-size:.9rem}.poke-type{display:inline-block;font-size:.7rem;background:#ffffff1a;padding:2px 6px;border-radius:4px;margin-top:5px;color:#ccc}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#1e1e24;padding:2rem;border-radius:12px;position:relative;max-width:90%;width:400px;border:1px solid #333;box-shadow:0 10px 25px #00000080}.pet-modal{text-align:center;border:1px solid #ffd700;background:radial-gradient(circle at center,#2a2a35,#15151a)}.modal-title{margin-top:0;color:gold;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid rgba(255,215,0,.2);padding-bottom:10px;margin-bottom:20px}.pet-detail-view{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.pet-artwork{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,215,0,.2));animation:floating 3s ease-in-out infinite}.active-pet-display{width:100%;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center}.companion-label{font-size:.75rem;color:#aaa;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.companion-content{display:flex;align-items:center;gap:1rem;background:#ffffff0d;padding:10px 20px;border-radius:50px;border:1px solid rgba(255,215,0,.2);transition:all .3s ease}.companion-content:hover{background:#ffffff1a;border-color:#ffd70080;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.companion-sprite-container{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.companion-sprite{max-width:100%;max-height:100%;image-rendering:pixelated}.companion-info{display:flex;flex-direction:column}.companion-name{font-size:1rem;font-weight:700;color:#fff}.companion-level{font-size:.75rem;color:gold}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.pet-info h2{margin:0 0 5px;font-size:1.8rem;color:#fff}.poke-type-badge{background:#ffffff1a;padding:4px 12px;border-radius:20px;font-size:.8rem;color:#ccc;display:inline-block;margin-bottom:1rem}.pet-stats{background:#0000004d;padding:1rem;border-radius:8px;width:100%;text-align:left}.pet-stats p{margin:5px 0;color:#aaa;font-size:.9rem;display:flex;justify-content:space-between}.close-btn{position:absolute;top:10px;right:15px;background:transparent;border:none;color:#666;font-size:1.2rem;cursor:pointer;transition:color .2s}.close-btn:hover{color:#fff}.equip-btn{margin-top:1rem;width:100%;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;padding:12px;border-radius:8px;font-weight:700;font-family:inherit;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:0 4px 10px #4caf5066;transition:transform .2s,box-shadow .2s}.equip-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #4caf5099}.equip-btn:active{transform:translateY(0)}.rename-container{display:flex;gap:5px;align-items:center;justify-content:center;margin-bottom:5px}.rename-input{background:#0000004d;border:1px solid #ffd700;color:gold;padding:5px;border-radius:4px;font-family:inherit;font-size:1.2rem;text-align:center;width:150px}.rename-actions{display:flex;gap:2px}.confirm-btn,.cancel-btn{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px}.confirm-btn{background:#4caf50}.cancel-btn{background:#f44336}.starter-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1a1a2e;background:radial-gradient(circle at center,#2a2a4e,#0f0f1a);display:flex;justify-content:center;align-items:center;color:#fff;z-index:9999}.starter-container{max-width:1000px;width:90%;text-align:center;position:relative;z-index:2}.professor-speech h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(to right,gold,#fa0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.professor-speech p{font-size:1.2rem;color:#e0e0e0;margin:.5rem 0}.professor-speech .highlight{color:gold;font-weight:700;margin-top:1rem}.starters-grid{display:flex;justify-content:center;gap:3rem;margin-top:4rem;flex-wrap:wrap}.starter-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;width:220px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.starter-card:hover{box-shadow:0 0 30px #ffffff1a}.starter-card.selected{background:#ffffff1a;box-shadow:0 0 50px currentColor;transform:translateY(-20px)}.pokeball-bg{position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;opacity:.1;z-index:0}.pokemon-sprite{width:128px;height:128px;object-fit:contain;margin-bottom:1rem;position:relative;z-index:1;image-rendering:pixelated;filter:drop-shadow(0 10px 10px rgba(0,0,0,.5))}.starter-card h3{font-size:1.5rem;margin-bottom:.5rem;position:relative;z-index:1}.type-badge{padding:5px 15px;border-radius:20px;font-size:.9rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;z-index:1}.confirmation-panel{margin-top:4rem;background:#000c;padding:2rem;border-radius:15px;border:1px solid #ffd700;display:inline-block;max-width:600px}.confirmation-panel p{font-size:1.2rem;margin-bottom:.5rem}.confirmation-panel .desc{font-size:1rem;color:#ccc;font-style:italic;margin-bottom:1rem}.bonus-info{color:#4ade80!important;font-weight:700;margin-bottom:1.5rem!important}.actions{display:flex;justify-content:center;gap:1rem}.region-tabs{display:flex;justify-content:center;gap:1rem;margin-top:2rem;margin-bottom:2rem}.region-tab{background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff9;padding:.8rem 2rem;font-size:1.1rem;border-radius:30px;cursor:pointer;transition:all .3s ease;font-family:inherit;font-weight:700;text-transform:uppercase;letter-spacing:1px}.region-tab:hover{border-color:#ffffff80;color:#fff;transform:translateY(-2px)}.region-tab.active{background:gold;border-color:gold;color:#1a1a2e;box-shadow:0 0 20px #ffd70066;transform:scale(1.05)}.cookie-consent-overlay{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);width:90%;max-width:600px;background:#141423f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e;padding:1.5rem;border-radius:16px;z-index:9999;display:flex;flex-direction:column;gap:1rem;color:#e0e0e0;font-family:Inter,system-ui,-apple-system,sans-serif;animation:slideUp .5s cubic-bezier(.16,1,.3,1) forwards;transition:all .3s ease}.cookie-consent-overlay.hidden{transform:translate(-50%) translateY(150%);opacity:0;pointer-events:none}.cookie-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.cookie-text{font-size:.95rem;line-height:1.5;color:#ccc}.cookie-text strong{color:#fff;font-weight:600}.cookie-buttons{display:flex;gap:1rem;flex-shrink:0}.cookie-btn-accept{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #6366f14d;white-space:nowrap}.cookie-btn-accept:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166;background:linear-gradient(135deg,#818cf8,#6366f1)}.cookie-btn-accept:active{transform:translateY(0)}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media(max-width:600px){.cookie-consent-overlay{bottom:0;left:0;width:100%;max-width:100%;border-radius:16px 16px 0 0;transform:translateY(100%)}.cookie-content{flex-direction:column;align-items:flex-start;gap:1rem}.cookie-buttons{width:100%;justify-content:flex-end}.cookie-btn-accept{width:100%}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}