:root{--bg-deep: #070913;--bg-base: #0d1124;--bg-card: rgba(13, 17, 36, .88);--bg-glass: rgba(10, 14, 28, .94);--bg-hover: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .18);--border-cyan: rgba(0, 242, 254, .4);--border-violet: rgba(139, 92, 246, .4);--border-gold: rgba(255, 183, 3, .45);--border-emerald: rgba(0, 245, 155, .45);--primary: #00f2fe;--primary-2: #0284c7;--primary-glow: rgba(0, 242, 254, .42);--primary-subtle: rgba(0, 242, 254, .12);--gold: #ffb703;--gold-2: #fbbf24;--gold-dark: #b45309;--gold-glow: rgba(255, 183, 3, .45);--gold-subtle: rgba(255, 183, 3, .14);--emerald: #00f59b;--emerald-2: #10b981;--emerald-dark: #047857;--emerald-glow: rgba(0, 245, 155, .45);--emerald-subtle: rgba(0, 245, 155, .14);--violet: #8b5cf6;--violet-2: #7c3aed;--magenta: #d946ef;--violet-glow: rgba(139, 92, 246, .42);--violet-subtle: rgba(139, 92, 246, .14);--coral: #ff3366;--coral-2: #f43f5e;--coral-glow: rgba(255, 51, 102, .42);--text-main: #ffffff;--text-muted: #94a3b8;--text-dim: #64748b;--sidebar-w: 260px;--header-h: 68px;--font: "Outfit", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "Outfit", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-numbers: "Outfit", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;height:100%}body{width:100%;min-height:100vh;min-height:100dvh;background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(1100px 550px at 85% -5%,rgba(0,242,254,.12),transparent 60%),radial-gradient(900px 500px at -10% 40%,rgba(139,92,246,.12),transparent 55%),radial-gradient(800px 600px at 50% 100%,rgba(0,245,155,.08),transparent 60%),radial-gradient(700px 400px at 90% 75%,rgba(255,183,3,.07),transparent 60%),var(--bg-deep);transform:translateZ(0);will-change:transform}#app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%}.app-layout{display:flex;flex:1;width:100%;min-height:calc(100vh - var(--header-h));position:relative}#view-container{flex:1;min-width:0;display:flex;flex-direction:column;overflow-x:hidden;position:relative}body.in-game-view{overflow:hidden!important;height:100vh!important;height:100dvh!important;touch-action:none!important}body.in-game-view #view-container{overflow:hidden!important;height:100%!important}body.in-landing-view .app-sidebar,body.in-landing-view #desktop-sidebar,body.in-landing-view #drawer-panel,body.in-landing-view #drawer-backdrop,body.in-landing-view #app-header,body.in-landing-view .btn-menu-toggle,body.in-game-view .app-sidebar,body.in-game-view #desktop-sidebar,body.in-game-view #drawer-panel,body.in-game-view #drawer-backdrop,body.in-game-view #app-header,body.in-game-view .btn-menu-toggle,body.in-auth-modal .app-sidebar,body.in-auth-modal #desktop-sidebar,body.in-auth-modal #drawer-panel,body.in-auth-modal #drawer-backdrop,body.in-auth-modal #app-header,body.in-auth-modal .btn-menu-toggle,body.in-auth-modal .drawer-panel,body.in-auth-modal .drawer-backdrop{display:none!important;visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;max-width:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:none!important;opacity:0!important}body.in-auth-modal{overflow:hidden!important}body.in-landing-view #view-container,body.in-landing-view .app-layout{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;flex:1 1 100%!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#00f2fe4d}#app-header{height:var(--header-h);background:#070a12f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;width:100%;transform:translateZ(0);will-change:transform}.header-inner{height:100%;width:100%;max-width:1400px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.header-left{display:flex;align-items:center;gap:12px}.btn-menu-toggle{width:42px;height:42px;border-radius:12px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-main);display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.btn-menu-toggle:hover{background:#ffffff1a;border-color:var(--border-cyan);transform:translateY(-1px)}.brand-logo{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;user-select:none}.brand-emblem{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#00f2fe33,#8b5cf633);border:1px solid var(--border-cyan);display:grid;place-items:center;box-shadow:0 0 16px var(--primary-glow);flex-shrink:0;overflow:hidden}.brand-emblem img{width:100%;height:100%;object-fit:cover}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:1.15rem;font-weight:900;letter-spacing:-.5px;line-height:1.1;color:#fff}.brand-title span{color:var(--primary);text-shadow:0 0 14px var(--primary-glow)}.brand-subtitle{font-size:.65rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-dim)}.header-right{display:flex;align-items:center;gap:10px}.balance-pill{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#101830eb,#070b18f5);border:1px solid rgba(0,245,155,.35);padding:5px 6px 5px 14px;border-radius:999px;box-shadow:0 4px 18px #00000080,0 0 16px #00f59b1f;transition:all .2s ease}.balance-pill:hover{border-color:var(--emerald);box-shadow:0 4px 22px #0009,0 0 22px var(--emerald-glow)}.balance-info{display:flex;flex-direction:column;text-align:right}.balance-label{font-size:.65rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:5px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 10px var(--emerald);display:inline-block;animation:pulseLive 2s infinite ease-in-out}@keyframes pulseLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.balance-value{font-size:1.02rem;font-weight:900;color:var(--emerald);text-shadow:0 0 14px rgba(0,245,155,.5);font-family:var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.2px}.btn-deposit-header{background:linear-gradient(180deg,#ffe066,#ffb703 45%,#d97706);color:#070913;border:none;border-radius:999px;padding:8px 16px;font-weight:900;font-size:.84rem;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:inset 0 1px #fff9,0 3px #92400e,0 6px 18px #ffb70366;transition:all .12s ease;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.4)}.btn-deposit-header:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-deposit-header:active{transform:translateY(2px)!important;box-shadow:inset 0 1px 2px #0000004d,0 1px #92400e!important}.user-avatar-btn{width:40px;height:40px;border-radius:12px;background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid var(--border);color:var(--text-main);display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px #ffffff26,0 3px #00000080;transition:all .15s ease}.user-avatar-btn:hover{border-color:var(--border-cyan);background:#ffffff1f;transform:translateY(-1px)}.user-avatar-btn:active{transform:translateY(2px)!important;box-shadow:0 1px #00000080!important}.app-sidebar{width:var(--sidebar-w);background:#080b14f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);display:none;flex-direction:column;padding:18px 12px;flex-shrink:0;overflow-y:auto;box-sizing:border-box}body.has-sidebar .app-sidebar{display:flex}.sidebar-category{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:12px 10px 6px;user-select:none}.sidebar-nav-list{display:flex;flex-direction:column;gap:3px}.sidebar-nav-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;color:var(--text-muted);text-decoration:none;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:1px solid transparent;user-select:none;background:transparent;width:100%;text-align:left}.sidebar-nav-item:hover{color:var(--text-main);background:#ffffff0d;border-color:#ffffff0d}.sidebar-nav-item.active{color:var(--primary);background:var(--primary-subtle);border-color:var(--border-cyan);font-weight:800}.sidebar-nav-item.active svg{stroke:var(--primary)}.sidebar-item-left{display:flex;align-items:center;gap:10px}.sidebar-micro-tag{font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:6px;text-transform:uppercase;letter-spacing:.4px}.tag-cyan{background:var(--primary-subtle);color:var(--primary);border:1px solid var(--border-cyan)}.tag-violet{background:var(--violet-subtle);color:var(--violet);border:1px solid var(--border-violet)}.tag-gold{background:var(--gold-subtle);color:var(--gold-bright);border:1px solid var(--border-gold)}.tag-emerald{background:var(--emerald-subtle);color:var(--emerald);border:1px solid var(--border-emerald)}.tag-magenta{background:#d946ef1f;color:#d946ef;border:1px solid rgba(217,70,239,.3)}.tag-neutral{background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border)}.drawer-backdrop{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10010;opacity:0;pointer-events:none;transition:opacity .25s ease}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-panel{position:fixed;top:0;bottom:0;left:0;width:min(320px,85vw);background:#080b15;border-right:1px solid var(--border);z-index:10020;display:flex;flex-direction:column;padding:16px;transform:translate(-100%);transition:transform .28s cubic-bezier(.16,1,.3,1);box-shadow:20px 0 50px #000000e6;overflow-y:auto}.drawer-panel.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:12px}.btn-pro{cursor:pointer;border:none;border-radius:14px;padding:12px 24px;font-size:.94rem;font-weight:900;letter-spacing:-.2px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s cubic-bezier(.16,1,.3,1),filter .12s ease,box-shadow .12s ease;user-select:none;font-family:inherit;text-decoration:none;position:relative}.btn-pro:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-pro:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-pro:not(:disabled):active{transform:translateY(3px)!important}.btn-gold,.btn-3d-gold{background:linear-gradient(180deg,#ffe066,#ffb703 40%,#d97706)!important;color:#070913!important;font-weight:900!important;box-shadow:inset 0 1px #fff9,0 5px #92400e,0 10px 25px #ffb70373!important;text-shadow:0 1px 0 rgba(255,255,255,.4)}.btn-gold:not(:disabled):active,.btn-3d-gold:not(:disabled):active{box-shadow:inset 0 1px 2px #0000004d,0 2px #92400e,0 4px 10px #ffb7034d!important}.btn-emerald,.btn-3d-emerald,.btn-3d-pix{background:linear-gradient(180deg,#34d399,#00f59b 45%,#059669)!important;color:#030812!important;font-weight:900!important;box-shadow:inset 0 1px #fff9,0 5px #047857,0 10px 25px #00f59b73!important;text-shadow:0 1px 0 rgba(255,255,255,.3)}.btn-emerald:not(:disabled):active,.btn-3d-emerald:not(:disabled):active,.btn-3d-pix:not(:disabled):active{box-shadow:inset 0 1px 2px #0000004d,0 2px #047857,0 4px 10px #00f59b4d!important}.btn-cyan,.btn-3d-cyan{background:linear-gradient(180deg,#67e8f9,#00f2fe 45%,#0284c7)!important;color:#040812!important;font-weight:900!important;box-shadow:inset 0 1px #fff9,0 5px #0369a1,0 10px 25px #00f2fe73!important;text-shadow:0 1px 0 rgba(255,255,255,.3)}.btn-cyan:not(:disabled):active,.btn-3d-cyan:not(:disabled):active{box-shadow:inset 0 1px 2px #0000004d,0 2px #0369a1,0 4px 10px #00f2fe4d!important}.btn-violet,.btn-3d-violet{background:linear-gradient(180deg,#c084fc,#8b5cf6 45%,#6d28d9)!important;color:#fff!important;font-weight:900!important;box-shadow:inset 0 1px #ffffff73,0 5px #4c1d95,0 10px 25px #8b5cf673!important;text-shadow:0 1px 2px rgba(0,0,0,.4)}.btn-violet:not(:disabled):active,.btn-3d-violet:not(:disabled):active{box-shadow:inset 0 1px 2px #0000004d,0 2px #4c1d95,0 4px 10px #8b5cf64d!important}.btn-cyber,.btn-3d-cyber{background:linear-gradient(180deg,#00f2fe,#6366f1,#8b5cf6)!important;color:#040711!important;font-weight:900!important;box-shadow:inset 0 1px #fff9,0 5px #3730a3,0 12px 28px #00f2fe66!important;position:relative;overflow:hidden}.btn-cyber:not(:disabled):active,.btn-3d-cyber:not(:disabled):active{box-shadow:inset 0 1px 2px #0000004d,0 2px #3730a3,0 4px 12px #00f2fe4d!important}.btn-cyber:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:rotate(25deg) translateY(-100%);transition:transform .6s ease;pointer-events:none}.btn-cyber:hover:after{transform:rotate(25deg) translateY(100%)}.btn-danger,.btn-3d-danger{background:linear-gradient(180deg,#fda4af,#f36 45%,#be123c)!important;color:#fff!important;font-weight:900!important;box-shadow:inset 0 1px #ffffff73,0 5px #881337,0 10px 22px #f366!important}.btn-danger:not(:disabled):active,.btn-3d-danger:not(:disabled):active{box-shadow:inset 0 1px 2px #0000004d,0 2px #881337,0 4px 10px #ff33664d!important}.btn-surface,.btn-3d-surface{background:linear-gradient(180deg,#ffffff14,#ffffff08)!important;border:1px solid rgba(255,255,255,.14)!important;color:#e2e8f0!important;box-shadow:inset 0 1px #ffffff26,0 4px #0000008c,0 6px 16px #0006!important}.btn-surface:hover,.btn-3d-surface:hover{background:linear-gradient(180deg,#ffffff24,#ffffff0f)!important;border-color:var(--border-cyan)!important;color:#fff!important}.btn-surface:not(:disabled):active,.btn-3d-surface:not(:disabled):active{box-shadow:inset 0 1px 2px #0000004d,0 2px #0000008c!important}.btn-outline-cyan{background:#00f2fe14;border:1px solid var(--border-cyan);color:#00f2fe;box-shadow:0 4px 14px #00f2fe33}.btn-outline-cyan:hover{background:#00f2fe2e;border-color:#00f2fe;box-shadow:0 6px 20px #00f2fe66}.btn-outline-violet{background:#8b5cf614;border:1px solid var(--border-violet);color:#c084fc;box-shadow:0 4px 14px #8b5cf633}.btn-outline-violet:hover{background:#8b5cf62e;border-color:#c084fc;box-shadow:0 6px 20px #8b5cf666}.bet-chip{position:relative;flex:1 1 calc(25% - 8px);min-width:72px;padding:11px 4px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#151d30,#0c1220);color:#94a3b8;font-size:.94rem;font-weight:800;font-family:var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.2px;cursor:pointer;box-shadow:inset 0 1px #ffffff1a,0 3px #050811,0 6px 12px #0006;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s ease,border-color .12s ease,color .12s ease;user-select:none;touch-action:manipulation;text-align:center}.bet-chip:hover{color:#fff;border-color:#ffb70366;transform:translateY(-1px)}.bet-chip.active{color:#050811!important;background:linear-gradient(180deg,#ffe066,#ffb703 45%,#d97706)!important;border-color:#ffe066!important;box-shadow:inset 0 1px #fffc,0 4px #92400e,0 8px 22px #ffb70380!important;font-weight:900!important;text-shadow:0 1px 0 rgba(255,255,255,.4);transform:translateY(-2px)}.bet-chip:active{transform:translateY(2px)!important;box-shadow:inset 0 2px 4px #0006,0 1px #050811!important}.bet-chip.active:active{box-shadow:inset 0 2px 4px #0000004d,0 1px #92400e!important}.dep-pill{position:relative;border-radius:12px;padding:10px 4px;background:linear-gradient(180deg,#151d30,#0c1220);border:1px solid rgba(255,255,255,.08);color:#cbd5e1;font-weight:800;font-family:var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.2px;cursor:pointer;box-shadow:inset 0 1px #ffffff1a,0 3px #050811,0 6px 12px #00000059;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s ease,border-color .12s ease;user-select:none;touch-action:manipulation}.dep-pill:hover{color:#fff;border-color:#00f59b66;transform:translateY(-1px)}.dep-pill.active{background:linear-gradient(180deg,#34d399,#00f59b 45%,#059669)!important;border-color:#34d399!important;color:#030812!important;font-weight:900!important;box-shadow:inset 0 1px #fffc,0 4px #047857,0 8px 24px #00f59b80!important;text-shadow:0 1px 0 rgba(255,255,255,.3);transform:translateY(-2px)}.dep-pill:active{transform:translateY(2px)!important;box-shadow:inset 0 2px 4px #0006,0 1px #050811!important}.dep-pill.active:active{box-shadow:inset 0 2px 4px #0000004d,0 1px #047857!important}.tabular-nums{font-family:var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.2px}.input-cyber{width:100%;box-sizing:border-box;background:#060912d9;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:13px 16px;color:#fff;font-family:inherit;font-size:.95rem;font-weight:600;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.input-cyber:focus{border-color:var(--primary);background:#080c18f2;box-shadow:0 0 0 3px #00f2fe33,0 0 20px #00f2fe26}.input-cyber::placeholder{color:#475569}.card-pro{background:var(--bg-card);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 10px 30px #0000008c;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.card-pro:hover{border-color:#ffffff26}.modal-overlay{position:fixed;inset:0;background:#04060ce0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:10000;display:flex;justify-content:center;align-items:center;padding:16px;overflow-y:auto}.modal{background:linear-gradient(135deg,#0e1322,#080b14);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:24px;width:100%;max-width:460px;box-shadow:0 25px 60px #000000e6,0 0 35px var(--primary-glow);position:relative;box-sizing:border-box;animation:modalPop .22s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-title{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.3px}.btn-close-modal{width:34px;height:34px;border-radius:10px;background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);display:grid;place-items:center;cursor:pointer;transition:all .15s ease}.btn-close-modal:hover{color:#fff;background:#ffffff1a;border-color:var(--border-cyan)}.input-pro-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.input-pro-label{font-size:.8rem;font-weight:700;color:var(--text-muted);letter-spacing:.2px}.input-pro{background:#050810bf;border:1px solid var(--border);border-radius:12px;padding:13px 14px;color:#fff;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.input-pro:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}#toast-container{position:fixed;bottom:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:380px}.social-toast-item{background:#0a0e1af2;border:1px solid var(--border-cyan);border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #0009,0 0 15px var(--primary-glow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:toastSlide .3s cubic-bezier(.16,1,.3,1);pointer-events:auto}@keyframes toastSlide{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.social-toast-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary) 0%,var(--violet) 100%);color:#050811;font-weight:900;font-size:.82rem;display:grid;place-items:center;flex-shrink:0}.social-toast-title{font-size:.84rem;font-weight:800;color:#fff;letter-spacing:-.2px}.social-toast-sub{font-size:.72rem;color:var(--text-dim);margin-top:2px}#game-gain-hud{position:relative;width:100%;max-width:380px;margin:0 auto;min-height:38px;display:flex;align-items:center;justify-content:center;pointer-events:none!important;user-select:none!important;z-index:100}.game-gain-banner{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#080c18f5,#10182ef5);border:1px solid var(--border-gold);border-radius:999px;padding:6px 16px;box-shadow:0 10px 25px #000c,0 0 20px #fbbf244d;animation:gainSlideDown .35s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none!important;user-select:none!important}@keyframes gainSlideDown{0%{opacity:0;transform:translateY(-12px) scale(.92)}60%{opacity:1;transform:translateY(2px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}.game-gain-val{font-size:1.15rem;font-weight:900;color:var(--emerald);font-family:var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.2px;text-shadow:0 0 12px rgba(0,245,155,.6)}.game-gain-tag{font-size:.72rem;font-weight:900;background:var(--gold-subtle);border:1px solid var(--border-gold);color:var(--gold);padding:2px 8px;border-radius:999px;letter-spacing:.5px;text-transform:uppercase}.board-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(86vw,min(38vh,320px));height:min(86vw,min(38vh,320px));gap:4px;background:radial-gradient(circle at center,#0f152a,#060914);padding:6px;border-radius:20px;border:1.5px solid rgba(255,255,255,.12);box-shadow:inset 0 2px 14px #000000d9,0 12px 35px #000000bf,0 0 25px #00f2fe14;margin:0 auto;user-select:none;touch-action:none}.board-cell{width:100%!important;height:100%!important;aspect-ratio:1!important;box-sizing:border-box!important;border-radius:7px!important;cursor:pointer;touch-action:none;user-select:none!important;position:relative;transition:transform .12s ease,background-color .15s ease;overflow:hidden}.board-cell.empty{background:#0e1426bf!important;border:1px solid rgba(255,255,255,.04)!important;box-shadow:inset 0 2px 5px #000000a6!important}.board-cell.filled{background-color:var(--bc)!important;border-style:solid!important;border-width:var(--bv, 2.5px)!important;border-top-color:color-mix(in srgb,var(--bc),#fff 55%)!important;border-left-color:color-mix(in srgb,var(--bc),#fff 25%)!important;border-right-color:color-mix(in srgb,var(--bc),#000 30%)!important;border-bottom-color:color-mix(in srgb,var(--bc),#000 55%)!important;box-shadow:inset 0 0 0 1px #fff3,0 3px 8px #00000073!important}.board-cell.highlight-valid{background-color:#ffffff59!important;box-shadow:inset 0 0 10px #ffffffb3!important;transform:scale(.96)}.board-cell.highlight-invalid{background-color:#f43f5e66!important;box-shadow:inset 0 0 8px #f43f5e99!important}.c1{--bc: #ff3366 !important}.c2{--bc: #ffb703 !important}.c3{--bc: #00f2fe !important}.c4{--bc: #00f59b !important}.c5{--bc: #8b5cf6 !important}.c6{--bc: #d946ef !important}.tray-container{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:380px;margin:0 auto;padding:6px;background:#0a0e1ae0;border:1px solid var(--border);border-radius:16px;min-height:84px}.tray-slot{display:grid;place-items:center;height:74px;border-radius:12px;background:#00000059;border:1px dashed var(--border);cursor:grab!important;user-select:none!important;touch-action:none!important;transition:border-color .15s,background .15s}.tray-slot.selected{outline:2px solid var(--primary)!important;background:var(--primary-subtle)!important;box-shadow:0 0 16px var(--primary-glow)!important}.piece-cell{pointer-events:none!important;user-select:none!important;border-radius:4px}.piece-cell.fill{background-color:var(--bc)!important;border-style:solid!important;border-width:var(--bv, 2px)!important;border-top-color:color-mix(in srgb,var(--bc),#fff 50%)!important;border-left-color:color-mix(in srgb,var(--bc),#fff 20%)!important;border-right-color:color-mix(in srgb,var(--bc),#000 30%)!important;border-bottom-color:color-mix(in srgb,var(--bc),#000 50%)!important}@media screen and (min-width: 1024px){body.has-sidebar:not(.in-landing-view):not(.in-game-view):not(.in-auth-modal) .app-sidebar{display:flex!important}body:not(.has-sidebar) .app-sidebar,body.in-landing-view .app-sidebar,body.in-game-view .app-sidebar,body.in-auth-modal .app-sidebar{display:none!important}.drawer-backdrop,.drawer-panel{display:none!important}}@media screen and (max-width: 1023px){.app-sidebar{display:none!important}#toast-container{left:16px;right:16px;bottom:20px;max-width:100%}}.landing-page-wrapper{min-height:100vh;width:100%;position:relative;overflow-x:hidden;font-family:var(--font);background-color:#050814;background-image:url(/images/bg-cyber-landing.svg),radial-gradient(1200px 700px at 50% 0%,rgba(0,242,254,.16),transparent 70%),radial-gradient(900px 600px at 0% 40%,rgba(139,92,246,.14),transparent 60%),radial-gradient(900px 600px at 100% 70%,rgba(0,245,155,.12),transparent 60%),radial-gradient(1000px 800px at 50% 100%,rgba(255,183,3,.14),transparent 70%);background-repeat:repeat-y;background-position:top center;background-size:100% auto;color:#fff}@keyframes lp-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1.5deg)}}@keyframes lp-float-reverse{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(8px) rotate(-1.5deg)}}@keyframes lp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes lp-pulse-glow{0%,to{box-shadow:0 0 25px #00f2fe40,0 0 50px #8b5cf626}50%{box-shadow:0 0 45px #00f2fe80,0 0 85px #8b5cf659}}.lp-float-anim{animation:lp-float 6s ease-in-out infinite}.lp-float-reverse-anim{animation:lp-float-reverse 7s ease-in-out infinite}.lp-glow-pulse{animation:lp-pulse-glow 3.5s ease-in-out infinite}.lp-marquee-container{overflow:hidden;white-space:nowrap;position:relative;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.lp-marquee-track{display:inline-flex;gap:16px;animation:lp-marquee 34s linear infinite}.lp-marquee-track:hover{animation-play-state:paused}.lp-step-card{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease}.lp-step-card:hover{transform:translateY(-6px);border-color:#00f2fe80!important;box-shadow:0 16px 36px #00f2fe26!important}.lp-feature-card{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease}.lp-feature-card:hover{transform:translateY(-4px);border-color:#8b5cf680!important;box-shadow:0 12px 30px #8b5cf626!important}@media screen and (min-width: 768px){.lp-online-pill{display:inline-flex!important}}@media screen and (min-width: 900px){.lp-hero-pill-float{display:flex!important}}@media screen and (max-width: 640px){:root{--header-h: 56px}#app-header{height:var(--header-h);padding:0 8px;padding-top:env(safe-area-inset-top,0)}.header-inner{padding:0 4px;gap:8px}.header-left{gap:8px}.btn-menu-toggle{width:36px;height:36px;border-radius:10px;flex-shrink:0}.brand-logo{gap:8px}.brand-emblem{width:32px;height:32px;border-radius:8px}.brand-title{font-size:.98rem;letter-spacing:-.3px;white-space:nowrap}.brand-subtitle{display:none!important}.header-right{gap:6px}#btn-header-withdraw{display:none!important}#header-vip-pill{padding:4px 8px!important;font-size:.72rem!important;gap:4px!important;white-space:nowrap}.balance-pill{padding:3px 4px 3px 10px;gap:6px}.balance-label{display:none!important}.balance-value{font-size:.88rem;letter-spacing:-.3px}.btn-deposit-header{padding:6px 10px;font-size:.75rem;gap:4px}.user-avatar-btn{width:34px!important;height:34px!important;border-radius:10px;flex-shrink:0}}@media screen and (max-width: 410px){#app-header{padding:0 4px}.header-inner{padding:0 2px;gap:4px}.brand-title{font-size:.88rem}#header-vip-pill,#btn-toggle-mute{display:none!important}.balance-pill{padding:2px 4px 2px 8px;gap:4px}.balance-value{font-size:.82rem}.btn-deposit-header{padding:5px 8px;font-size:.72rem}}