@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:#f8fafc;background-color:#0b0e14;overflow-x:hidden}.app-container{background:radial-gradient(circle at top,#1e293b 0%,#0b0e14 60%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141923cc;border:1px solid #2d3748;border-radius:16px;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 25px 50px -12px #000c}.login-title{text-align:center;color:#00e676;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.tabs{background:#0f1115;border:1px solid #2d3748;border-radius:8px;margin-bottom:1.5rem;padding:4px;display:flex}.tab-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.6rem;font-weight:600;transition:all .2s}.tab-btn.active{color:#00e676;background:#2d3748}.input-group{margin-bottom:1rem}.input-group input{color:#fff;background:#0f1115;border:1px solid #2d3748;border-radius:8px;width:100%;padding:.85rem}.input-group input:focus{border-color:#00e676;outline:none}.btn{color:#000;cursor:pointer;background:#00e676;border:none;border-radius:8px;width:100%;padding:.85rem;font-size:1rem;font-weight:800;transition:all .2s}.btn:hover{background:#00c853}.btn-social{color:#fff;background:#5865f2;border:none;margin-top:.5rem}.btn-social:hover{background:#4752c4}.lobby-layout{flex-direction:column;width:100vw;min-height:100vh;display:flex}.top-nav{z-index:100;background-color:#12161f;border-bottom:1px solid #1a202c;justify-content:space-between;align-items:center;padding:.5rem 2rem;display:flex;position:sticky;top:0}.nav-left img{border:2px solid #00e676;border-radius:50%;width:40px;height:40px}.nav-left span{color:#f8fafc;letter-spacing:.5px;font-size:1.3rem;font-weight:800}.nav-center{color:#a0aec0;gap:20px;font-size:.95rem;font-weight:500;display:flex}.nav-center span{cursor:pointer;transition:color .2s}.nav-center span:hover{color:#00e676}.nav-right{align-items:center;gap:15px;display:flex}.balance-pill{color:#00e676;background:#1a202c;border:1px solid #2d3748;border-radius:20px;align-items:center;gap:8px;padding:.4rem 1rem;font-size:.9rem;font-weight:700;display:flex}.icon-btn{color:#a0aec0;cursor:pointer;background:#1a202c;border:1px solid #2d3748;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;transition:all .2s;display:flex}.icon-btn:hover{color:#fff;background:#2d3748}.user-profile{cursor:pointer;background:#1a202c;border:1px solid #2d3748;border-radius:20px;align-items:center;gap:10px;padding:.3rem 1rem .3rem .3rem;transition:all .2s;display:flex;position:relative}.user-profile:hover{background:#2d3748}.user-avatar{color:#000;background-color:#00e676;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;font-weight:700;display:flex}.dropdown-menu{z-index:200;background-color:#1c1f26;border:1px solid #2d3748;border-radius:12px;flex-direction:column;width:260px;display:flex;position:absolute;top:120%;right:0;overflow:hidden;box-shadow:0 10px 30px #000c}.dropdown-header{border-bottom:1px solid #2d3748;justify-content:space-between;align-items:center;padding:1rem;display:flex}.dropdown-header-left{align-items:center;gap:10px;display:flex}.dropdown-header h4{color:#f8fafc;font-size:.95rem;font-weight:600}.dropdown-header p{color:#718096;margin-top:2px;font-size:.8rem}.dropdown-item{color:#a0aec0;cursor:pointer;align-items:center;gap:12px;padding:.8rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.dropdown-item:hover{color:#f8fafc;background-color:#2d3748}.dropdown-item svg{fill:currentColor;width:18px;height:18px}.dropdown-divider{background-color:#2d3748;height:1px;margin:4px 0}.dropdown-item.logout{color:#f8fafc;border-top:1px solid #2d3748}.dropdown-item.logout:hover{color:#ef4444;background-color:#ef44441a}.main-area{background-color:#0b0e14;flex-direction:column;flex:1;display:flex;overflow-y:auto}.content-scroll{flex-direction:column;gap:2.5rem;padding:2rem;display:flex}.promo-banner{background:linear-gradient(90deg,#0b0e14 0%,#1a202c 50%,#2d3748 100%);border:1px solid #2d3748;border-radius:12px;justify-content:space-between;align-items:center;padding:2.5rem;display:flex}.promo-banner h2{margin-bottom:.5rem;font-size:2rem;font-weight:800}.promo-banner p{color:#a0aec0;margin-bottom:1.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.section-header h2{font-size:1.3rem}.section-header span{color:#00e676;cursor:pointer;font-size:.9rem}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.table-card{background-color:#1a202c;border:1px solid #2d3748;border-radius:12px;overflow:hidden}.table-felt{background:radial-gradient(#0f5132 0%,#052c1a 100%);height:140px;position:relative}.table-info{justify-content:space-between;align-items:center;padding:1rem;display:flex}.table-info h3{color:#f8fafc;font-size:1rem}.table-blinds{color:#00e676;font-size:.9rem;font-weight:800}.profile-header{margin-bottom:2rem;position:relative}.profile-cover{background:linear-gradient(90deg,#064e3b 0%,#12161f 100%);border-bottom:2px solid #00e676;height:200px}.profile-info-container{gap:2rem;margin-top:-60px;padding:0 2rem;display:flex;position:relative}.profile-avatar-large{color:#000;background-color:#00e676;border:4px solid #12161f;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;font-size:4rem;font-weight:800;display:flex;overflow:hidden}.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.profile-details{flex:1;padding-top:70px}.profile-stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;padding:0 2rem;display:grid}.stat-box{background-color:#12161f;border:1px solid #2d3748;border-radius:12px;padding:1.5rem}.stat-box p{color:#a0aec0;margin-bottom:.5rem;font-size:.9rem}.stat-box h3{color:#f8fafc;margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.stat-box span{color:#718096;font-size:.8rem}.profile-tabs{border-bottom:1px solid #2d3748;gap:2rem;margin-bottom:2rem;padding:0 2rem;display:flex}.profile-tabs span{color:#a0aec0;cursor:pointer;padding-bottom:1rem;font-weight:600}.profile-tabs span.active{color:#00e676;border-bottom:2px solid #00e676}.empty-state{color:#4a5568;flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.wallet-main-card{background:linear-gradient(135deg,#1c1f26 0%,#12161f 100%);border:1px solid #2d3748;border-radius:16px;margin-bottom:2rem;padding:2.5rem;position:relative;overflow:hidden}.wallet-main-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#10b98126 0%,#0000 60%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;right:-100px}.btn-connect{color:#f8fafc;cursor:pointer;background:#2d3748;border:1px solid #4a5568;border-radius:8px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-connect:hover{background:#4a5568}.wallet-actions{z-index:2;flex-wrap:wrap;gap:12px;display:flex;position:relative}.wallet-action-btn{color:#f8fafc;cursor:pointer;background:#12161f;border:1px solid #2d3748;border-radius:8px;align-items:center;gap:8px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.wallet-action-btn:hover{background:#2d3748}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem;margin-top:1rem;display:grid}.asset-card{background:#1a202c;border:1px solid #2d3748;border-radius:12px;align-items:center;gap:15px;padding:1.2rem 1.5rem;transition:all .2s;display:flex}.asset-card:hover{background:#2d3748}.asset-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;font-weight:800;display:flex}.asset-info{flex:1}.asset-info h4{color:#f8fafc;margin-bottom:2px;font-size:1.1rem;font-weight:600}.asset-info p{color:#718096;font-size:.85rem}.asset-balance{color:#f8fafc;font-size:1.1rem;font-weight:600}.security-container{width:100%;max-width:1000px;margin:0 auto;padding:3rem 2rem}.security-title{color:#f8fafc;margin-bottom:2rem;font-size:2rem;font-weight:800}.security-section-title{color:#f8fafc;margin-bottom:1rem;font-size:1rem;font-weight:600}.security-row{background-color:#171b24;border:1px solid #232836;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:1rem 1.5rem;transition:all .2s;display:flex}.security-row:hover{background-color:#1c212c}.security-row-left{color:#e2e8f0;align-items:center;gap:12px;font-size:.95rem;font-weight:500;display:flex}.security-row-left svg{fill:#e2e8f0;width:18px;height:18px}.security-row-right{color:#718096;align-items:center;gap:15px;font-size:.85rem;display:flex}.action-link{color:#00e676;cursor:pointer;font-weight:500;transition:all .2s}.action-link:hover{color:#00c853}.action-link-danger{color:#ef4444;cursor:pointer;font-weight:500}.action-link-danger:hover{text-decoration:underline}.toggle-switch{cursor:pointer;background:#232836;border-radius:20px;width:44px;height:24px;transition:all .3s;position:relative}.toggle-switch.active{background:#00e676}.toggle-circle{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:3px;left:3px}.toggle-switch.active .toggle-circle{left:23px}.security-form-box{background-color:#171b24;border:1px solid #232836;border-top:none;border-radius:6px;margin-top:-4px;margin-bottom:8px;padding:1rem 1.5rem}.settings-container{width:100%;max-width:1000px;margin:0 auto;padding:3rem 2rem}.settings-title{color:#f8fafc;margin-bottom:2rem;font-size:2rem;font-weight:800}.settings-tabs{border-bottom:1px solid #2d3748;gap:2rem;margin-bottom:2rem;display:flex;overflow-x:auto}.settings-tab{color:#a0aec0;cursor:pointer;white-space:nowrap;padding-bottom:1rem;font-weight:600;transition:all .2s}.settings-tab.active{color:#00e676;border-bottom:2px solid #00e676}.settings-panel{background-color:#171b24;border:1px solid #232836;border-radius:12px;margin-bottom:2rem;padding:1rem 0}.setting-item{border-bottom:1px solid #232836;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.setting-item:last-child{border-bottom:none}.setting-item-label{color:#e2e8f0;align-items:center;gap:8px;font-size:.95rem;display:flex}.setting-item-label span{color:#718096;cursor:help;font-size:.8rem}.settings-slider-container{align-items:center;gap:15px;padding:1rem 1.5rem;display:flex}.slider-btn{color:#fff;cursor:pointer;background:#232836;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.2rem;display:flex}.settings-slider{-webkit-appearance:none;background:linear-gradient(90deg,#ef4444 0% 40%,#232836 40% 100%);border-radius:4px;outline:none;flex:1;height:8px}.settings-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #a0aec0;border-radius:50%;width:24px;height:24px}.slider-input{color:#fff;text-align:center;background:#0b0e14;border:1px solid #232836;border-radius:6px;width:120px;padding:.5rem 1rem;font-size:1.1rem}.settings-select{color:#e2e8f0;cursor:pointer;text-align:center;background:#0b0e14;border:1px solid #232836;border-radius:6px;outline:none;min-width:100px;padding:.5rem 1rem}.settings-input{color:#e2e8f0;text-align:center;background:#0b0e14;border:1px solid #232836;border-radius:6px;outline:none;width:100%;padding:.5rem 1rem;font-weight:600}.theme-preview-grid{grid-template-columns:1fr;gap:1rem;padding:1.5rem;display:grid}.theme-preview-card{align-items:center;gap:2rem;display:flex}.theme-preview-card p{color:#a0aec0;width:120px;font-size:.9rem}.theme-options{gap:10px;display:flex}.theme-circle{cursor:pointer;border:2px solid #0000;border-radius:50%;width:40px;height:40px;position:relative}.theme-circle.active{border-color:#00e676}.theme-circle.active:after{content:"✓";color:#00e676;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.btn-reset{color:#e2e8f0;cursor:pointer;background:#2d3748;border:none;border-radius:8px;padding:.8rem 2rem;font-weight:600}.btn-save{color:#000;cursor:pointer;background:#00e676;border:none;border-radius:8px;padding:.8rem 2rem;font-weight:800}.nav-left{align-items:center;gap:15px;display:flex;position:relative}.grid-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.grid-btn:hover{color:#f8fafc;background:#2d3748}.sidebar-dropdown-menu{z-index:200;background-color:#1c1f26;border:1px solid #2d3748;border-radius:12px;flex-direction:column;width:260px;display:flex;position:absolute;top:60px;left:0;overflow:hidden;box-shadow:0 10px 30px #000c}.sidebar-item{color:#a0aec0;cursor:pointer;align-items:center;gap:12px;padding:.8rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover{color:#f8fafc;background-color:#2d3748}.sidebar-item svg{fill:currentColor;width:18px;height:18px}.changelog-container{width:100%;max-width:1000px;margin:0 auto;padding:3rem 2rem}.changelog-title{color:#f8fafc;margin-bottom:2rem;font-size:2rem;font-weight:800}.changelog-item{margin-bottom:2.5rem}.changelog-version{color:#4299e1;margin-bottom:.2rem;font-size:1.1rem;font-weight:700}.changelog-date{color:#718096;margin-bottom:1rem;font-size:.85rem}.changelog-list{color:#e2e8f0;padding-left:1.2rem;font-size:.9rem;line-height:1.6}.changelog-list li{margin-bottom:.8rem}.changelog-list strong{color:#f8fafc;font-weight:700}.lobby-categories{flex-wrap:wrap;justify-content:center;gap:2rem;margin:2rem 0;display:flex}.category-icon{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.category-icon .icon-circle{background-color:#2d3748;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;transition:all .2s;display:flex}.category-icon .icon-circle svg{fill:#a0aec0;width:24px;height:24px}.category-icon:hover .icon-circle{background-color:#4a5568}.category-icon span{color:#a0aec0;font-size:.75rem;font-weight:600}.grid-4-cols{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}@media (width<=1200px){.grid-4-cols{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.grid-4-cols{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid-4-cols{grid-template-columns:1fr}}.casual-table-card{background-color:#171b24;border:1px solid #232836;border-radius:12px;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.casual-table-felt{background:radial-gradient(#2d6a4f 0%,#1a4731 100%);border:3px solid #1a202c;border-radius:60px;justify-content:center;align-items:center;height:120px;margin:10px;display:flex;position:relative;box-shadow:inset 0 0 15px #000c}.table-seat{color:#a0aec0;background-color:#2d3748;border:2px solid #4a5568;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.6rem;font-weight:700;display:flex;position:absolute}.seat-top{top:2px;left:50%;transform:translate(-50%)}.seat-bottom{bottom:2px;left:50%;transform:translate(-50%)}.seat-left{top:50%;left:5px;transform:translateY(-50%)}.seat-right{top:50%;right:5px;transform:translateY(-50%)}.seat-top-left{top:8px;left:20px}.seat-top-right{top:8px;right:20px}.seat-bottom-left{bottom:8px;left:20px}.seat-bottom-right{bottom:8px;right:20px}.table-info-bottom{justify-content:space-between;align-items:center;padding:0 15px 12px;display:flex}.table-info-bottom h3{color:#f8fafc;margin-bottom:2px;font-size:.85rem}.table-info-bottom p{color:#00e676;font-size:.75rem;font-weight:700}.tourney-banner{background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;height:130px;padding:10px;display:flex;position:relative}.tourney-banner h3{color:#fff;text-transform:uppercase;text-shadow:0 2px 4px #000c;font-size:1.1rem;font-weight:800}.tourney-banner .prize-pool{color:#fff;text-shadow:0 2px 4px #000c;font-size:1.3rem;font-weight:800}.tourney-footer{background-color:#1a202c;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.tourney-footer p{color:#a0aec0;font-size:.75rem}.tourney-footer .buy-in{color:#e2b04a;font-size:.8rem;font-weight:700}.tourney-footer button{color:#000;cursor:pointer;background:#00e676;border:none;border-radius:6px;padding:.4rem .8rem;font-size:.75rem;font-weight:700}@media (width<=768px){.top-nav{flex-direction:column;gap:10px;padding:10px}.nav-center{display:none}.nav-right{justify-content:space-between;width:100%}.lobby-categories{grid-template-columns:repeat(3,1fr);gap:10px}.grid-4-cols{grid-template-columns:1fr}.profile-tabs{flex-wrap:wrap;gap:10px}.poker-table-container{width:100%;height:300px;transform:scale(.9)}}
