.topbar{position:sticky;top:0;z-index:50;height:var(--topbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.topbar-inner{max-width:var(--maxw);height:100%;margin:0 auto;padding:0 var(--sp-4);display:flex;align-items:center;gap:var(--sp-4)}.logo{display:flex;align-items:center;gap:var(--sp-2);font-weight:800;font-size:19px;letter-spacing:-.3px}.logo-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);background:var(--grad-brand);color:#04140a}.logo-accent{color:var(--accent)}.topbar-nav{display:flex;gap:var(--sp-1)}.topbar-nav a{padding:7px 14px;border-radius:var(--r-pill);font-size:14px;font-weight:600;color:var(--text-muted);transition:background .15s,color .15s}.topbar-nav a:hover{color:var(--text);background:var(--bg-elevated)}.topbar-nav a.active{color:var(--accent);background:var(--accent-dim)}.topbar-user{display:flex;align-items:center;gap:var(--sp-3)}.balance{display:flex;align-items:baseline;gap:6px;padding:7px 14px;border-radius:var(--r-pill);background:var(--gold-dim);border:1px solid rgba(245,196,81,.35)}.balance-label{font-size:11px;color:var(--text-muted)}.balance-value{font-family:var(--font-mono);font-size:16px;font-weight:800;color:var(--gold)}.balance-cur{font-size:11px;color:var(--gold);opacity:.75}.who{padding:6px 10px;border-radius:var(--r-pill);transition:background .15s}.who:hover{background:var(--bg-elevated)}.who-id{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.who:hover .who-id{color:var(--text)}.balance-value{transition:transform .2s ease-out,color .2s}.btn-sm{padding:7px 14px;font-size:13px;border-radius:var(--r)}@media (max-width: 640px){.topbar-nav,.who,.logo-text{display:none}.balance{padding:6px 10px}}.notif-box{position:relative}.notif-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:inherit;cursor:pointer}.notif-bell:hover{background:#ffffff1a}.notif-badge{position:absolute;top:-5px;inset-inline-end:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#e8b923;color:#14210f;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.notif-panel{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:min(340px,90vw);max-height:420px;overflow-y:auto;background:#16261a;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 30px #00000073;z-index:60}.notif-head{padding:10px 14px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.08)}.notif-empty{padding:18px 14px;color:#ffffff8c;margin:0}.notif-item{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.notif-item:last-child{border-bottom:none}.notif-item p{margin:4px 0;font-size:13px;color:#ffffffbf}.notif-new{background:#e8b92312}.notif-date{font-size:11px;color:#ffffff73}.profile-chip{display:inline-flex;align-items:center;gap:6px}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.35)}.logout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;animation:logoutFade .15s ease}@keyframes logoutFade{0%{opacity:0}to{opacity:1}}.logout-modal{background:#0f1a14;border:1px solid var(--border, #2a3a32);border-radius:14px;padding:22px;width:min(400px,92vw);animation:logoutPop .18s ease}@keyframes logoutPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.logout-modal h3{margin:0 0 8px}.logout-modal p{margin:0 0 12px;color:var(--text-dim, #9db3a8)}.logout-remember{display:flex;align-items:center;gap:8px;margin-bottom:16px;cursor:pointer;font-size:14px}.logout-actions{display:flex;gap:10px}@media (max-width: 640px){.topbar-inner{gap:var(--sp-2);padding:0 var(--sp-3);min-width:0}.topbar-user{gap:6px;min-width:0;flex:1 1 auto;justify-content:flex-end}.who.profile-chip{display:inline-flex;padding:6px;flex:none}.who-id{display:none}.balance{padding:6px 9px;flex:none}.balance-value{font-size:14px}.balance-label{display:none}.btn-sm{padding:7px 8px;flex:none}.lang-toggle{padding:0 8px;gap:4px}}.topbar{overflow-x:clip}.pmenu-box{position:relative}.profile-chip{display:inline-flex;align-items:center;gap:4px;cursor:pointer;background:none;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px 8px;color:inherit}.profile-chip:hover,.profile-chip.open{background:#ffffff14}.pmenu-caret{opacity:.7;transition:transform .15s}.profile-chip.open .pmenu-caret{transform:rotate(180deg)}.pmenu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:80;min-width:250px;padding:6px;border-radius:14px;background:var(--bg-surface, #10231a);border:1px solid var(--border, rgba(255, 255, 255, .12));box-shadow:0 14px 40px #00000080;animation:pmenuIn .15s ease-out}@keyframes pmenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.pmenu-head{display:flex;align-items:center;gap:10px;padding:10px 12px 8px}.pmenu-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.12);flex:none}.pmenu-id{font-size:15px;font-weight:800;letter-spacing:.03em}.pmenu-sub{font-size:11px;opacity:.6}.pmenu-sep{height:1px;margin:5px 8px;background:#ffffff14}.pmenu-balance{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;font-size:13px}.pmenu-balance b{color:var(--gold, #ffd21f);font-size:14px}.pmenu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:9px;background:none;color:inherit;font:inherit;font-size:13.5px;font-weight:600;text-align:start;cursor:pointer;transition:background .1s}.pmenu-item svg{opacity:.7;flex:none}.pmenu-item:hover{background:#ffffff12}.pmenu-item:active{background:#ffffff1f}.pmenu-accent{color:var(--accent, #37d67a)}.pmenu-danger{color:#ff8d7a}.pmenu-danger svg{opacity:.85}.lang-toggle{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px;flex:none;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff0d;color:var(--text, #e7f0e9);font-size:12.5px;font-weight:800;cursor:pointer;transition:background .12s ease,transform .1s ease}.lang-toggle svg{opacity:.8;flex:none}.lang-toggle-label{line-height:1}.lang-toggle:hover{background:#ffffff1f}.lang-toggle:active{transform:scale(.95);background:#ffffff29}@media (max-width: 640px){.pmenu{position:fixed;inset-inline:10px;top:calc(var(--topbar-h) + 6px);min-width:0}}.bonus-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid rgba(231,197,101,.45);color:#e7c565;font-size:.8rem;text-decoration:none;white-space:nowrap}.bonus-chip:hover{background:#e7c5651a}.pmenu-bonus b{color:#e7c565}@media (max-width: 640px){.bonus-chip span{display:none}}.auth-wrap{min-height:calc(100vh - var(--topbar-h));display:grid;place-items:center;padding:var(--sp-5) var(--sp-4);background:radial-gradient(900px 500px at 50% -10%,rgba(34,197,94,.1),transparent 65%),radial-gradient(700px 400px at 90% 100%,rgba(14,165,233,.08),transparent 60%)}.auth-card{width:100%;max-width:440px;background:var(--grad-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--shadow-lg)}.auth-title{margin:0;font-size:28px;font-weight:800;letter-spacing:-.5px}.auth-sub{margin:6px 0 var(--sp-5);color:var(--text-muted);font-size:14px}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:5px;margin-bottom:var(--sp-5);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r)}.auth-tab{padding:9px 8px;border-radius:var(--r-sm);font-size:13px;font-weight:700;color:var(--text-muted);transition:background .15s,color .15s}.auth-tab:hover{color:var(--text)}.auth-tab.active{background:var(--accent);color:var(--accent-text)}.quick-note{padding:var(--sp-4);background:var(--bg-input);border:1px dashed var(--border-strong);border-radius:var(--r);font-size:14px;color:var(--text-muted);line-height:1.7}.cred-box{background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--r);overflow:hidden}.cred-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:14px var(--sp-4)}.cred-row+.cred-row{border-top:1px solid var(--border)}.cred-label{font-size:13px;color:var(--text-muted)}.cred-value{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--gold);letter-spacing:.5px;direction:ltr;-webkit-user-select:all;user-select:all}.hero-slider{position:relative;width:100%;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.09)}.hero-track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1);will-change:transform}.hero-slide{flex:0 0 100%;min-height:clamp(190px,32vw,320px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:clamp(18px,4vw,44px);background:radial-gradient(circle at 22% 25%,hsla(var(--slide-hue),85%,60%,.45),transparent 55%),radial-gradient(circle at 82% 75%,hsla(var(--slide-hue),80%,45%,.3),transparent 60%),linear-gradient(160deg,hsla(var(--slide-hue),70%,34%,.4),hsla(var(--slide-hue),85%,12%,.6));background-size:cover;background-position:center}.hero-slide-icon{font-size:clamp(64px,12vw,130px);line-height:1;flex-shrink:0;filter:drop-shadow(0 6px 18px rgba(0,0,0,.4))}.hero-slide-body{display:flex;flex-direction:column;gap:10px;max-width:560px;text-shadow:0 2px 10px rgba(0,0,0,.55)}.hero-slide-title{font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800;margin:0;line-height:1.25}.hero-slide-sub{font-size:clamp(.92rem,2.2vw,1.1rem);line-height:1.7;margin:0;color:#ffffffe0}.hero-slide-cta{align-self:flex-start;font-size:1rem;padding:11px 28px;border-radius:11px;margin-top:6px;text-shadow:none}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0a0a108c;color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-bottom:4px;transition:background .15s ease;z-index:3}.hero-arrow:hover{background:#e7c56559}.hero-arrow-left{left:12px}.hero-arrow-right{right:12px}.hero-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3}.hero-dot{width:9px;height:9px;border-radius:50%;border:none;background:#ffffff59;cursor:pointer;padding:0;transition:background .15s ease,transform .15s ease}.hero-dot.active{background:#e7c565;transform:scale(1.25)}@media (max-width: 640px){.hero-slide{flex-direction:column;align-items:flex-start;justify-content:center}.hero-slide-icon{font-size:56px;position:absolute;top:14px;inset-inline-end:16px}.hero-arrow{width:34px;height:34px;font-size:20px}}.promos-page{display:flex;flex-direction:column;gap:18px}.promos-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.bonus-balance-card strong{color:var(--gold, #e7c565)}.promos-section h2{font-size:1.05rem;margin:4px 0 10px}.promo-optin{border:1px solid rgba(231,197,101,.35);background:linear-gradient(160deg,rgba(231,197,101,.08),transparent 60%)}.promo-optin h3{margin-top:0}.promo-optin-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.optin-badge{color:var(--green, #38c172);font-weight:700;font-size:.9rem}.promo-card,.bonus-card{margin-bottom:12px}.promo-card-head b,.bonus-card-head b{font-size:1rem}.bonus-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.bonus-card-head>div{display:flex;align-items:center;gap:10px}.bonus-amount{font-size:1.1rem;color:var(--gold, #e7c565)}.bonus-status{font-size:.72rem;padding:2px 8px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}.bonus-status-active{color:#38c172}.bonus-status-claimable{color:#e7c565}.bonus-status-completed{color:#4aa3ff}.bonus-status-expired{color:#9aa3ad}.bonus-card.bonus-active{border-color:#38c17259}.bonus-card.bonus-claimable{border-color:#e7c56566}.bonus-progress{display:flex;align-items:center;gap:10px;margin:10px 0 6px}.bonus-progress-bar{flex:1;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.bonus-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2f9e5f,#38c172);transition:width .4s ease}.bonus-progress-nums{font-size:.8rem;white-space:nowrap}.bonus-facts{display:flex;gap:18px;flex-wrap:wrap;font-size:.85rem;margin-bottom:8px}.promo-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.82rem;color:var(--muted, #9aa3ad);margin:6px 0}.promo-terms-text{font-size:.82rem;color:var(--muted, #9aa3ad);line-height:1.7;margin-top:8px;white-space:pre-wrap}.promos-history{width:100%;border-collapse:collapse;font-size:.85rem}.promos-history th,.promos-history td{padding:8px 10px;text-align:right;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}.table-wrap{overflow-x:auto}@media (max-width: 640px){.promos-head{flex-direction:column;align-items:stretch}.bonus-facts{flex-direction:column;gap:4px}}.promo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 720px){.promo-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1080px){.promo-grid{grid-template-columns:repeat(4,1fr)}}.promo-tile{aspect-ratio:1 / 1;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#ffffff08;color:inherit;text-decoration:none;transition:transform .12s ease,border-color .12s ease}.promo-tile:hover{transform:translateY(-2px);border-color:#e7c56573}.promo-tile-art{position:relative;flex:1 1 55%;min-height:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,hsla(var(--tile-hue),85%,62%,.35),transparent 60%),linear-gradient(160deg,hsla(var(--tile-hue),70%,45%,.3),hsla(var(--tile-hue),80%,20%,.35))}.promo-tile-icon{font-size:clamp(34px,6vw,56px)}.promo-tile-badge{position:absolute;top:8px;inset-inline-start:8px;font-size:.68rem;padding:2px 8px;border-radius:999px;border:1px solid currentColor;background:#0a0a0e8c}.promo-tile-badge.available{color:#9aa3ad}.promo-tile-body{flex:1 1 45%;min-height:0;display:flex;flex-direction:column;gap:4px;padding:10px 12px;justify-content:flex-start}.promo-tile-name{font-size:.88rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.promo-tile-meta{font-size:.72rem;color:var(--muted, #9aa3ad)}.promo-tile-body .bonus-progress{margin-top:auto;margin-bottom:0}.bonus-progress.compact{margin:0}.bonus-progress.compact .bonus-progress-bar{height:6px}.promos-head-side{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.promos-mine-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#38c172;margin-inline-start:6px}.countdown{color:#e7c565}.countdown.expired-soon{color:#ff6b6b}.bonus-card-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;font-size:18px;background:radial-gradient(circle at 35% 30%,hsla(var(--tile-hue),85%,62%,.4),transparent 65%),hsla(var(--tile-hue),70%,30%,.35);margin-inline-end:4px}.pdetail{max-width:860px;margin-inline:auto}.pdetail-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:220px;border-radius:18px;padding:28px 20px;text-align:center;background:radial-gradient(circle at 30% 20%,hsla(var(--tile-hue),85%,62%,.4),transparent 55%),radial-gradient(circle at 75% 80%,hsla(var(--tile-hue),80%,45%,.3),transparent 60%),linear-gradient(160deg,hsla(var(--tile-hue),70%,38%,.35),hsla(var(--tile-hue),85%,14%,.5));border:1px solid hsla(var(--tile-hue),70%,60%,.3)}.pdetail-hero-icon{font-size:clamp(52px,10vw,84px);line-height:1}.pdetail-title{font-size:clamp(1.5rem,4.5vw,2.3rem);font-weight:800;margin:0;line-height:1.3}.pdetail-status{position:absolute;top:14px;inset-inline-start:14px;font-size:.8rem}.pdetail-summary{font-size:clamp(1.02rem,2.6vw,1.25rem);line-height:1.8;text-align:center;margin:4px auto 0;max-width:620px}.pdetail-h2{font-size:1.25rem;margin:8px 0 12px}.pdetail-h3{font-size:1.02rem;margin:0 0 8px}.pdetail-terms{display:flex;flex-direction:column;gap:0;padding:6px 18px}.pdetail-term{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:1rem;line-height:1.7}.pdetail-term:last-child{border-bottom:none}.pdetail-term-label{color:var(--muted, #9aa3ad);flex-shrink:0}.pdetail-term-value{text-align:start}.pdetail-prereq{margin:0;padding-inline-start:18px}.pdetail-prereq li{padding:2px 0}.pdetail-fullterms{font-size:.95rem;line-height:2;color:var(--muted, #c7ccd3);margin:0;white-space:pre-wrap}.pdetail-cta-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:8px 0 18px}.pdetail-cta{font-size:1.08rem;padding:13px 34px;border-radius:12px}@media (max-width: 640px){.pdetail-term{flex-direction:column;gap:2px}.pdetail-cta{width:100%;text-align:center}}.promo-strip{display:flex;flex-direction:column;gap:10px}.promo-strip-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.promo-strip-head .section-title{margin:0}.promo-strip-arrows{display:flex;gap:6px}.promo-strip-arrows button{width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--grad-surface, rgba(20, 26, 44, .8));color:var(--text, #e8ecf8);font-size:1.2rem;line-height:1;cursor:pointer;transition:border-color .15s,background .15s;touch-action:manipulation;-webkit-user-select:none;user-select:none}.promo-strip-arrows button:hover{border-color:var(--accent, #3ec97e)}.promo-strip-arrows button:active{transform:translateY(1px)}.promo-strip-track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.promo-strip-track::-webkit-scrollbar{display:none}.promo-strip-card{position:relative;flex:0 0 auto;width:min(340px,78vw);aspect-ratio:16 / 7;border-radius:var(--r-lg, 14px);border:1px solid var(--border);overflow:hidden;display:flex;align-items:flex-end;text-decoration:none;scroll-snap-align:start;background:linear-gradient(150deg,hsla(var(--tile-hue, 265),70%,42%,.55),hsla(var(--tile-hue, 265),85%,14%,.85)),var(--grad-surface, #131a2c);background-size:cover;background-position:center;transition:transform .18s,border-color .18s,box-shadow .18s}.promo-strip-card:hover{transform:translateY(-3px);border-color:var(--accent, #3ec97e);box-shadow:var(--shadow-lg, 0 10px 26px rgba(0, 0, 0, .4))}.promo-strip-icon{position:absolute;inset-inline-end:14px;top:8px;font-size:2.4rem;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}.promo-strip-body{display:flex;flex-direction:column;gap:2px;width:100%;padding:10px 14px;background:linear-gradient(transparent,#050810d9 45%)}.promo-strip-name{color:#fff;font-size:.98rem;text-shadow:0 2px 5px rgba(0,0,0,.6)}.promo-strip-meta{color:#e6eeffd9;font-size:.78rem}.hero{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--r-lg);border:1px solid var(--border);background:radial-gradient(700px 260px at 12% 0%,rgba(34,197,94,.16),transparent 62%),var(--grad-surface)}.hero-title{margin:0;font-size:24px;font-weight:800}.hero-sub{margin:4px 0 0;color:var(--text-muted);font-size:14px}.hero-balance{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.hero-balance strong{font-family:var(--font-mono);font-size:26px;font-weight:800;color:var(--gold)}.hero-balance small{font-size:13px;opacity:.7}.section-title{margin:var(--sp-3) 0 0;font-size:18px;font-weight:700}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--sp-4);align-items:start}.game-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--grad-surface);transition:transform .16s,border-color .16s,box-shadow .16s}.game-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-lg)}.game-card{animation:card-in .4s ease-out backwards;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.game-art{position:relative;aspect-ratio:16 / 11;background:var(--bg-input);border-bottom:1px solid var(--border);overflow:hidden}.game-art-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.game-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.07) 50%,transparent 62%);transform:translate(-120%);transition:transform .6s ease}.game-card:hover .game-art:after{transform:translate(120%)}.art{display:block;width:100%;height:100%;transition:transform .4s ease}.game-card:hover .art{transform:scale(1.05)}.game-body{padding:var(--sp-4);text-align:center}.game-name{margin:0;font-size:16px;font-weight:700;transition:color .2s}.game-card:hover .game-name{color:var(--accent)}@media (max-width: 640px){.hero{flex-direction:column;align-items:flex-start}.hero-balance{align-items:flex-start}}.promos-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid rgba(231,197,101,.35);background:linear-gradient(120deg,rgba(231,197,101,.1),transparent 70%);color:inherit;text-decoration:none;font-size:.9rem}.promos-banner:hover{border-color:#e7c56599}.promos-banner-icon{font-size:1.4rem}.promos-banner-cta{margin-inline-start:auto;color:#e7c565;font-weight:700;white-space:nowrap}@media (max-width: 640px){.promos-banner{flex-wrap:wrap}}.profile-head{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.profile-title{margin:0;font-size:26px;font-weight:800}.profile-badges{display:flex;align-items:center;gap:var(--sp-3)}.profile-balance{font-family:var(--font-mono);font-weight:800;color:var(--gold);font-size:18px}.profile-balance small{font-size:11px;opacity:.7}.vstat{padding:5px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:700;border:1px solid}.vstat-idle{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-muted)}.vstat-pending{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.vstat-ok{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.vstat-bad{background:var(--danger-dim);border-color:var(--danger);color:var(--danger)}.locked-banner{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-lg);background:var(--gold-dim);border:1px solid var(--gold);animation:banner-in .35s ease-out}@keyframes banner-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.locked-banner strong{display:block;color:var(--gold);font-size:16px;margin-bottom:2px}.locked-banner p{margin:0}.lock-icon{color:var(--gold);flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r);background:#f5c4511f}.form-lead{margin:calc(-1 * var(--sp-2)) 0 var(--sp-4)}.missing-hint{padding:9px 13px;margin-bottom:var(--sp-4);border-radius:var(--r);background:var(--bg-input);border:1px solid var(--border);font-size:13px;color:var(--text-muted)}.missing-hint strong{color:var(--gold);font-family:var(--font-mono)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.form-grid .field.wide{grid-column:1 / -1}.form-grid .field small{margin-top:2px}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(var(--sp-4)) calc(50% + 1px),calc(var(--sp-4) + 5px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}input[type=date].input{color-scheme:dark}.save-btn{margin-top:var(--sp-5)}.readonly-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3) var(--sp-4);margin:0}.ro-item{padding:var(--sp-3) var(--sp-4);border-radius:var(--r);background:var(--bg-input);border:1px solid var(--border)}.ro-item.wide{grid-column:1 / -1}.ro-item dt{font-size:12px;color:var(--text-dim);margin-bottom:3px}.ro-item dd{margin:0;font-weight:600}@media (max-width: 720px){.form-grid,.readonly-grid{grid-template-columns:1fr}}.field-locked{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg-inset, rgba(255, 255, 255, .04));color:var(--text-dim);cursor:not-allowed;-webkit-user-select:text;user-select:text}.field-locked svg{flex:none;opacity:.55}.input.input-err{border-color:#e0392a;box-shadow:0 0 0 2px #e0392a2e}.field-err{color:#e0655a;font-size:12px;font-weight:600}select.input:disabled{opacity:.6;cursor:not-allowed}.wallet-page{display:flex;flex-direction:column;gap:16px}.wallet-head{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.wallet-head h1{margin:0;font-size:24px}.wallet-head p{margin:2px 0 0}.balance-card{margin-inline-start:auto;display:flex;flex-direction:column;gap:2px;padding:12px 20px;border-radius:14px;background:linear-gradient(135deg,#22c55e24,#22c55e0a);border:1px solid rgba(34,197,94,.32)}.balance-card>span{font-size:12.5px;opacity:.75}.balance-card strong{font-size:26px;font-weight:800;line-height:1.15}.balance-card em{font-style:normal;font-size:14px;opacity:.7}.wallet-tabs{display:flex;gap:6px;padding:5px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.wallet-tabs button{position:relative;flex:1;min-width:0;white-space:normal;line-height:1.25;padding:10px 8px;border-radius:8px;font:inherit;font-weight:700;color:inherit;background:none;border:none;cursor:pointer;opacity:.65;transition:background .15s,opacity .15s}.wallet-tabs button:hover{opacity:.9}.wallet-tabs button.active{opacity:1;background:#ffffff17}.wallet-tabs .dot{display:inline-block;width:7px;height:7px;margin-inline-start:6px;border-radius:50%;background:#fbbf24;vertical-align:middle}.wallet-form{display:flex;flex-direction:column;gap:14px}.accounts-box{padding:13px 15px;border-radius:10px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.18)}.accounts-box h3{margin:0 0 8px;font-size:14px}.accounts-box ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}.accounts-box li{display:flex;gap:10px;font-size:13.5px}.accounts-box li>span{opacity:.7;min-width:96px}.wallet-form .hint{font-size:12px;opacity:.62}.proof-preview{max-width:240px;max-height:240px;border-radius:10px;border:1px solid rgba(255,255,255,.14);object-fit:contain;background:#00000040}.request-list{display:flex;flex-direction:column;gap:10px}.request{display:flex;flex-direction:column;gap:7px;padding:13px 15px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-inline-start:3px solid rgba(255,255,255,.2)}.request.pending{border-inline-start-color:#fbbf24}.request.approved{border-inline-start-color:#34d399}.request.rejected{border-inline-start-color:#f87171}.req-top{display:flex;align-items:center;gap:10px}.req-kind{font-weight:700}.req-amount{font-size:17px;font-weight:800}.req-status{margin-inline-start:auto;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid}.req-status.pending{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2466}.req-status.approved{color:#34d399;background:#34d3991f;border-color:#34d39966}.req-status.rejected{color:#f87171;background:#f871711f;border-color:#f8717166}.req-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;opacity:.68}.req-reason{margin:0;padding:8px 11px;border-radius:8px;font-size:13px;color:#fecaca;background:#f871711a;border:1px solid rgba(248,113,113,.28)}.req-proof{align-self:flex-start;font-size:12.5px;text-decoration:underline;cursor:pointer;opacity:.8}.alert-info{padding:11px 14px;border-radius:10px;font-size:13.5px;color:#bfdbfe;background:#3b82f61f;border:1px solid rgba(59,130,246,.35)}.alert-info p{margin:0 0 6px}.empty-box{text-align:center;opacity:.65;padding:28px}.method-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.method-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 8px 12px;border-radius:12px;font:inherit;color:inherit;cursor:pointer;background:#ffffff09;border:1.5px solid rgba(255,255,255,.1);transition:border-color .15s,background .15s,transform .1s}.method-tile:hover{border-color:#ffffff40;transform:translateY(-1px)}.method-tile.selected{border-color:#22c55e;background:#22c55e1f;box-shadow:0 0 0 1px #22c55e59}.method-icon{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:10px;background:#ffffff0f}.method-tile.selected .method-icon{background:#22c55e29}.method-name{font-size:12.5px;font-weight:700;text-align:center;line-height:1.25}.proof-row{display:flex;align-items:center;gap:14px}.proof-square{flex-shrink:0;width:108px;height:108px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;background:transparent;border:1.5px solid rgba(255,255,255,.22);overflow:hidden;transition:border-color .15s}.proof-square:hover{border-color:#22c55e}.proof-square img{width:100%;height:100%;object-fit:cover}.proof-plus{font-size:44px;font-weight:300;line-height:1;opacity:.65}.proof-label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600}@media (max-width: 560px){.balance-card{margin-inline-start:0;width:100%}.method-grid{grid-template-columns:repeat(3,1fr)}}.wallet-bonus-split{display:block;font-size:.75rem;color:var(--muted, #9aa3ad);margin-top:4px}.wallet-bonus-val{color:#e7c565}.support-page{max-width:1000px;margin:0 auto}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4, 18px);align-items:start}@media (max-width: 820px){.support-grid{grid-template-columns:1fr}}.support-form h2,.support-list h2{margin:0 0 4px;font-size:19px}.support-form .lbl{display:block;margin:14px 0 6px;font-size:13px;font-weight:700;color:var(--text-muted, #9fb0c3)}.support-form textarea.input{resize:vertical;font-family:inherit}.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cat-tile{display:flex;flex-direction:column;gap:3px;text-align:start;padding:10px 12px;border-radius:10px;border:1px solid var(--border, #2a3a52);background:var(--bg-elevated, #141d2e);cursor:pointer;transition:border-color .15s,background .15s}.cat-tile b{font-size:13.5px}.cat-tile span{font-size:11px;color:var(--text-muted, #8195ab)}.cat-tile:hover{border-color:var(--accent, #22c55e)}.cat-tile.sel{border-color:var(--accent, #22c55e);background:var(--accent-dim, rgba(34, 197, 94, .12))}.support-form .alert{margin-top:12px;padding:9px 12px;border-radius:8px;font-size:13px}.support-form .alert.err{color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.3)}.support-form .alert.ok{color:#86efac;background:#22c55e1f;border:1px solid rgba(34,197,94,.3)}.support-form .btn{margin-top:14px;width:100%}.tk{border:1px solid var(--border, #2a3a52);border-radius:10px;margin-top:10px;overflow:hidden}.tk-head{width:100%;display:flex;align-items:center;gap:10px;padding:11px 13px;background:var(--bg-elevated, #141d2e);cursor:pointer;text-align:start}.tk-subj{flex:1;font-size:14px}.tk-cat{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--bg-surface-2, #1b2740);border:1px solid var(--border, #2a3a52)}.tk-cat.cat-DEPOSIT{color:#86efac;border-color:#22c55e66}.tk-cat.cat-WITHDRAWAL{color:#fcd34d;border-color:#f59e0b66}.tk-cat.cat-ACCOUNT{color:#7dd3fc;border-color:#38bdf866}.tk-cat.cat-BUG{color:#fca5a5;border-color:#ef444466}.tk-status{font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:999px}.tk-status.open{color:#fcd34d;background:#f59e0b24}.tk-status.answered{color:#86efac;background:#22c55e24}.tk-status.closed{color:#94a3b8;background:#94a3b824}.tk-body{padding:12px 13px}.msg{padding:8px 11px;border-radius:9px;margin-bottom:8px;max-width:88%}.msg-who{font-size:11px;font-weight:700;opacity:.8}.msg p{margin:3px 0;font-size:13.5px;white-space:pre-wrap}.msg-date{font-size:10.5px;opacity:.6}.msg.mine{background:var(--accent-dim, rgba(34, 197, 94, .1));margin-inline-start:auto}.msg.staff{background:var(--bg-surface-2, #1b2740)}.reply-box{display:flex;gap:8px;margin-top:6px}.reply-box .input{flex:1}.att-picker{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 10px}.att-chip{position:relative;display:inline-block}.att-chip img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--border, #2a3a32)}.att-x{position:absolute;top:-6px;left:-6px;width:20px;height:20px;border-radius:50%;border:none;background:#dc2626;color:#fff;cursor:pointer;font-size:12px;line-height:1}.att-add{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px dashed var(--border, #2a3a32);border-radius:8px;cursor:pointer;opacity:.8}.att-add:hover{opacity:1;border-color:#34d399}.msg-atts{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.msg-att{width:84px;height:84px;object-fit:cover;border-radius:8px;border:1px solid var(--border, #2a3a32);cursor:zoom-in}.att-loading{opacity:.5}.reply-box-wrap{display:flex;flex-direction:column}:root{--bg-base: #0b1017;--bg-surface: #131a24;--bg-surface-2: #1a2331;--bg-elevated: #212c3d;--bg-input: #0e141d;--border: #253044;--border-strong: #35435c;--text: #eef2f7;--text-muted: #93a1b5;--text-dim: #61708a;--accent: #22c55e;--accent-hover: #16a34a;--accent-dim: rgba(34, 197, 94, .14);--accent-text: #052e12;--gold: #f5c451;--gold-dim: rgba(245, 196, 81, .14);--danger: #ef4444;--danger-dim: rgba(239, 68, 68, .14);--warn: #f59e0b;--info: #38bdf8;--crash-sky-deep: #050b1c;--crash-sky-mid: #0d1e42;--crash-sky-high: #16326b;--crash-grid: rgba(120, 165, 245, .1);--crash-flame: #ff6b2c;--crash-flame-hot: #ffb648;--crash-ember: #e23b2e;--crash-trail: rgba(255, 107, 44, .85);--felt-deep: #0a2417;--felt: #10422a;--felt-light: #17593a;--felt-line: rgba(212, 175, 55, .22);--wood-dark: #3a2415;--wood: #5c3a20;--wood-light: #7d5330;--table-gold: #d4af37;--orchard-sky: #1a2b14;--orchard-deep: #12200f;--orchard-leaf: #3d6b2a;--orchard-bark: #4a3520;--orchard-bark-light: #6b4d2e;--orchard-warm: #c8963e;--crystal-void: #150a2e;--crystal-deep: #241145;--crystal-glow-1: #7c3aed;--crystal-glow-2: #2563eb;--crystal-glow-3: #db2777;--grad-brand: linear-gradient(135deg, #22c55e 0%, #0ea5e9 100%);--grad-surface: linear-gradient(180deg, #1a2331 0%, #131a24 100%);--grad-gold: linear-gradient(135deg, #f5c451 0%, #e0952f 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .55);--glow-accent: 0 0 24px rgba(34, 197, 94, .35);--r-sm: 6px;--r: 10px;--r-lg: 16px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--topbar-h: 60px;--maxw: 1240px;--font: "Segoe UI", system-ui, -apple-system, "Noto Sans Arabic", sans-serif;--font-mono: "Cascadia Mono", "SF Mono", Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-base);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,select{font-family:inherit;font-size:inherit}.page{max-width:var(--maxw);margin:0 auto;padding:var(--sp-5) var(--sp-4) var(--sp-7)}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.row{display:flex;align-items:center;gap:var(--sp-3)}.spacer{flex:1}.card{background:var(--grad-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow)}.card-title{margin:0 0 var(--sp-4);font-size:17px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:11px 18px;border-radius:var(--r);font-weight:700;font-size:15px;transition:filter .15s,transform .06s;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-gold{background:var(--grad-gold);color:#3a2600}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-strong)}.btn-lg{padding:15px 26px;font-size:17px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--text-muted);font-weight:600}.input{width:100%;padding:12px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);color:var(--text);outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-dim)}.alert{padding:11px 14px;border-radius:var(--r);font-size:14px;border:1px solid}.alert-error{background:var(--danger-dim);border-color:var(--danger);color:#fecaca}.alert-ok{background:var(--accent-dim);border-color:var(--accent);color:#bbf7d0}.alert-warn{background:var(--gold-dim);border-color:var(--gold);color:#fde68a}.muted{color:var(--text-muted)}.dim{color:var(--text-dim);font-size:13px}.mono{font-family:var(--font-mono)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--r-pill);font-size:12px;font-weight:700;background:var(--bg-elevated);border:1px solid var(--border)}.grid{display:grid;gap:var(--sp-4)}@media (max-width: 720px){.page{padding:var(--sp-4) var(--sp-3) var(--sp-6)}.card{padding:var(--sp-4)}}button,.btn,[role=button],a.btn{transition:transform .12s ease,filter .15s ease,box-shadow .15s ease}button:hover:not(:disabled),.btn:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled),.btn:active:not(:disabled),[role=button]:active{transform:scale(.96);filter:brightness(.95)}button:disabled,.btn:disabled{transform:none}