:root{--color-bg-primary: #0F1115;--color-bg-secondary: #13151B;--color-bg-tertiary: #181B22;--color-bg-hover: #1E222D;--color-bg-active: #252A36;--color-bg-card: #161922;--color-brand-green: #00E575;--color-brand-green-hover: #00FF85;--color-brand-green-glow: rgba(0, 229, 117, .35);--color-accent-gold: #FFB800;--color-accent-gold-light: #FFD043;--color-accent-purple: #7942D6;--color-accent-purple-light: #9B63F8;--color-accent-red: #FF4D4F;--color-accent-blue: #2F80ED;--color-text-primary: #FFFFFF;--color-text-secondary: #9BA3B5;--color-text-muted: #60687B;--color-border-subtle: rgba(255, 255, 255, .06);--color-border-medium: rgba(255, 255, 255, .12);--color-border-focus: rgba(0, 229, 117, .5);--shadow-elevation-card: 0 4px 24px rgba(0, 0, 0, .45);--shadow-elevation-modal: 0 24px 64px rgba(0, 0, 0, .8);--shadow-glow-brand: 0 0 24px var(--color-brand-green-glow)}.modal-dialog-surface{position:relative;width:100%;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:1rem;box-shadow:var(--shadow-elevation-modal);overflow:hidden;display:flex;flex-direction:column}.modal-header-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border-subtle);background-color:var(--color-bg-secondary)}.modal-title-text{font-size:1rem;font-weight:700;color:var(--color-text-primary);letter-spacing:.025em;display:flex;align-items:center;gap:.5rem}.modal-close-button{width:2rem;height:2rem;border-radius:.75rem;background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .2s ease;cursor:pointer;border:1px solid var(--color-border-subtle)}.modal-close-button:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.modal-scroll-body{overflow-y:auto;max-height:82vh;padding:1.5rem}.modal-scroll-body.no-padding{padding:0}.modal-content-stack{display:flex;flex-direction:column;gap:1rem}.modal-tab-group{display:grid;gap:.375rem;background-color:var(--color-bg-tertiary);padding:.25rem;border-radius:.75rem;border:1px solid var(--color-border-subtle);font-size:.75rem;font-weight:700}.modal-tab-item{padding:.5rem .75rem;border-radius:.5rem;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.375rem;color:var(--color-text-secondary)}.modal-tab-item:hover{color:var(--color-text-primary)}.modal-tab-item.active{background-color:var(--color-bg-hover);color:var(--color-text-primary);box-shadow:0 1px 3px #0000004d}.modal-tab-item.active-green{background-color:var(--color-bg-hover);color:var(--color-brand-green);box-shadow:0 1px 3px #0000004d}.modal-filter-capsule{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.75rem;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-filter-capsule:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.drawer-dialog-surface{position:relative;height:100%;background-color:var(--color-bg-secondary);border-left:1px solid var(--color-border-medium);box-shadow:-10px 0 40px #000000bf;display:flex;flex-direction:column;overflow:hidden;z-index:50}.surface-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:1.5rem;box-shadow:var(--shadow-elevation-card);transition:all .25s ease}.surface-card-interactive{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:1.5rem;box-shadow:var(--shadow-elevation-card);transition:all .25s ease;cursor:pointer}.surface-card-interactive:hover{border-color:#00e57566;transform:translateY(-2px)}.surface-nested-card{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:1rem}.game-card-container{display:flex;flex-direction:column;background-color:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:1rem;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer}.game-card-container:hover{border-color:#00e57599;box-shadow:var(--shadow-glow-brand);transform:translateY(-3px)}.game-card-info-box{padding:.625rem .75rem;background-color:var(--color-bg-card);display:flex;flex-direction:column;justify-content:space-between;flex:1}.badge-hot-flame{display:inline-flex;align-items:center;gap:.125rem;background-color:#e02424;color:#fff;font-size:.5625rem;font-weight:800;padding:.125rem .375rem;border-radius:.25rem}.badge-multiplier-pill{background-color:#ffb800f2;color:#11141a;font-size:.5625rem;font-weight:900;padding:.125rem .375rem;border-radius:.25rem;box-shadow:0 1px 4px #0000004d}.badge-live-online{background-color:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.5625rem;font-weight:700;padding:.125rem .375rem;border-radius:9999px;display:inline-flex;align-items:center;gap:.25rem}.banner-vip-concierge{padding:1.25rem;border-radius:1rem;background:linear-gradient(90deg,#20180d,#14120d);border:1px solid rgba(255,184,0,.2)}.btn-vip-channel{padding:.5rem .75rem;border-radius:.75rem;background-color:#2a2318;border:1px solid rgba(255,184,0,.3);color:#fcd34d;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;cursor:pointer}.btn-vip-channel:hover{background-color:#382e1e;color:#fff}.btn-vip-consultation{padding:.5rem 1rem;border-radius:.75rem;background:linear-gradient(90deg,#fbbf24,#f59e0b);color:#000;font-size:.75rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 8px #f59e0b4d;transition:transform .15s ease;cursor:pointer}.btn-vip-consultation:active{transform:scale(.96)}.owl-box-lid{fill:#2a2f3d;stroke:#3f475b;stroke-width:2}.owl-box-front{fill:#20242f;stroke:#3f475b;stroke-width:2}.owl-box-side{fill:#1c2029;stroke:#3f475b;stroke-width:2}.owl-body-shape{fill:#3a4255}.owl-eye-outer{fill:#fff}.owl-eye-pupil{fill:#11141a}.owl-beak-shape{fill:#ffb800}.data-table-wrapper{border-radius:1rem;overflow:hidden;border:1px solid var(--color-border-subtle);background-color:var(--color-bg-secondary);font-size:.75rem}.data-table-head{padding:.625rem .875rem;font-weight:700;color:var(--color-text-secondary);background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-subtle)}.data-table-row{padding:.75rem .875rem;color:var(--color-text-primary);display:flex;align-items:center;transition:background-color .15s ease;border-bottom:1px solid var(--color-border-subtle)}.data-table-row:hover{background-color:#ffffff08}.data-table-row:last-child{border-bottom:none}.status-pill-success{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;background-color:#00e5751a;color:var(--color-brand-green);font-weight:700;font-size:.75rem}.status-pill-failed{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-accent-red);font-weight:700;font-size:.75rem}.status-pill-pending{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-accent-gold);font-weight:700;font-size:.75rem}.banner-hero-home{position:relative;border-radius:1.5rem;overflow:hidden;background:linear-gradient(90deg,#2a1810,#1a1215,#12141a);border:1px solid var(--color-border-subtle);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:260px;box-shadow:var(--shadow-elevation-card)}@media(min-width:640px){.banner-hero-home{padding:2.5rem}}.banner-promo-bonus{position:relative;overflow:hidden;border-radius:1.5rem;background:linear-gradient(90deg,#2a161e,#1b111a,#12141a);border:1px solid var(--color-border-subtle);padding:1.5rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-elevation-card)}@media(min-width:640px){.banner-promo-bonus{padding:2rem}}.banner-vip-stage{position:relative;border-radius:1.5rem;background:linear-gradient(180deg,#231a14,#161418,#0f1115);border:1px solid var(--color-border-subtle);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;box-shadow:var(--shadow-elevation-card);overflow:hidden}.banner-auth-hero{display:none;flex-direction:column;justify-content:space-between;width:41.666667%;background:linear-gradient(135deg,#122a1e,#101f18,#0d1512);padding:2rem;border-right:1px solid var(--color-border-subtle);position:relative;overflow:hidden}@media(min-width:768px){.banner-auth-hero{display:flex}}.banner-bonus-asset{position:relative;overflow:hidden;padding:1rem;border-radius:1rem;background:linear-gradient(90deg,#17132b,#12101f);border:1px solid rgba(121,66,214,.2);display:flex;align-items:center;justify-content:space-between}.banner-refer-stage{background:linear-gradient(180deg,#141A28 0%,var(--color-bg-secondary) 100%)}.wheel-disc-surface{width:100%;height:100%;border-radius:9999px;border:8px solid #3A1B6E;background:radial-gradient(circle,#2e105c,#1e0840,#120428);position:relative;overflow:hidden;transition:transform 4s cubic-bezier(.15,.9,.2,1)}.wheel-center-button{position:absolute;width:7rem;height:7rem;border-radius:9999px;background:linear-gradient(180deg,#e535ab,#b21e82);color:#fff;font-weight:900;font-size:.875rem;border:4px solid #FFD0F2;box-shadow:0 0 25px #e535ab99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;transition:transform .15s ease;cursor:pointer;z-index:10}.wheel-center-button:active{transform:scale(.95)}.wheel-center-button:disabled{opacity:.8;cursor:not-allowed}.social-icon-btn{width:2.25rem;height:2.25rem;border-radius:.75rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.social-icon-btn.telegram:hover{background-color:#08c;color:#fff}.social-icon-btn.facebook:hover{background-color:#1877f2;color:#fff}.social-icon-btn.twitter:hover{background-color:#000;color:#fff}.social-icon-btn.instagram:hover{background-color:#e4405f;color:#fff}.social-icon-btn.youtube:hover{background-color:#cd201f;color:#fff}@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{background-color:var(--color-bg-primary);color:var(--color-text-primary);overflow-x:hidden;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-hover);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--color-bg-active)}}@layer utilities{.text-shadow-sm{text-shadow:0 1px 2px rgba(0,0,0,.5)}.text-glow-green{text-shadow:0 0 10px rgba(0,229,117,.5)}.bg-glass{background:#13151bd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.border-glass{border-color:#ffffff14}}