/* Native service palette base, adapted from the verified dark theme. No layout or image rules. */
html[data-ak888] #root#root#root#root#root#root .bk-app{--bg:#0d031b!important;--surface:#210832!important;--surface2:#2d103f!important;--text:#f5e8ff!important;--muted:#c8acd9!important;--border:#68317f!important;--accent:#ffda75!important;--gold:#ffda75!important;--pink:#ffda75!important;color:#f5e8ff!important;background:transparent!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(p,small,dt,.muted,.bg-subnote,.bg-note,.bg-subtitle,.bg-eyebrow,.bg-directory-meta>span){color:#c8acd9!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(h1,h2,h3,h4,summary){color:#f5e8ff!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(h1,h2) em{color:#ffe6aa!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(article,details,.panel,.notice-box,.bg-info-panel,.bg-panel,.bg-form,.bg-history-filters,.bg-table-wrap,.bg-session,.bg-account-dropdown,.bg-notifications,.bg-member-card,.bg-member-level,.bg-checkout-total,.bg-leaderboard,.bg-spin-promo,.bg-spin-caption,.bg-spin-result,.bg-countdown,.bg-streak,.gv-deposit-panel,.gv-deposit-history,.gv-withdraw-result,.bg-platform-wallet,.gv-help-answers,.gv-help-actions>button,.gv-help-bottom>button,.gv-help-bottom>a,.gv-help-bottom>div,.bg-guide-grid>button,.bg-guide-article>section,.bg-install-steps>li,.bg-phone-model,.bg-conversation,.bg-faq,.rf-mirror,.rf-link-panel,.rf-cap,.rf-ledger>section,.rf-stats,.rf-status,.rf-rule,.rf-empty,.rf-share-grid>button,.bg-vip-overview,.bg-stats-row>div,.bg-bonus-calendar>div,.bg-bonus-calendar>button,.gv-withdraw-balances>div,.gv-withdraw-wager,.gv-withdraw-playable,.gv-withdraw-eligibility,.gv-withdraw-pending,.gv-withdraw-wager-metrics>div,.gv-wallet-insufficient,.gv-recharge-preview-values>div,.gv-recharge-preview-result,.gv-deposit-confirmation,.gv2-session-return,.gv-deposit-picker,.bg-game-card,.gv-platform-card,.gv-available-card,.gv-owned-card,.ba-sports-empty,.ba-sports-bets,.ba-sports-bets-empty,.ba-sports-bets>article){background:#210832!important;color:#f5e8ff!important;border-color:#68317f!important;box-shadow:none!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-game-open>strong,.gv-card-details,.gv-card-balance,.gv-card-credit,.bg-table-wrap th){background:#2d103f!important;color:#f5e8ff!important;border-color:#874499!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-search,.gv-help-search,.ba-sports-search,.bg-copy-field,.bg-invitation-field summary,input,textarea,select){background:#180526!important;color:#f5e8ff!important;border-color:#874499!important;box-shadow:none!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-search,.gv-help-search,.ba-sports-search) input{background:transparent!important;border:0!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(input,textarea)::placeholder{color:#ad88c1!important;opacity:1!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(select option,select optgroup){background:#210832!important;color:#f5e8ff!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-search>svg,.gv-help-search>svg,.gv-help-actions svg,.gv-help-bottom svg){color:#ffda75!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-activity-banner,.bg-install-hero,.rf-hero,.bg-casino-callout){background:linear-gradient(120deg,#451247,#21082f)!important;border-color:#874499!important;color:#fff5ff!important}
html[data-ak888] #root#root#root#root#root#root .bk-app .ba-sports{--sports-accent:#ffda75;--sports-line:#68317f;--sports-tint:#2d103f}
html[data-ak888] #root#root#root#root#root#root .bk-app .ba-sports-notice{background:#2d103f!important;border-color:#874499!important;color:#c8acd9!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.ba-sports-heading span,.ba-sports-muted,.ba-sports-section-label span,.ba-sports-my-bets-head>span){color:#c8acd9!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(button,a).gold,html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-yellow,.bg-primary,.bk-primary,.gv-auth-submit,.gv-wallet-submit,.bg-spin-cta,.gv-bonus-claim,.disi-tour-primary,.green-action):not(:disabled){background:#ffda75!important;color:#2b1233!important;border-color:#ead6f3!important;box-shadow:none!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-outline,button.outline,.bg-dialog-close,.password-visibility,.bg-save,.disi-tour-secondary,.disi-tour-skip){background:#2d103f!important;color:#ead6f3!important;border-color:#874499!important;box-shadow:none!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-save,.bg-dialog-close,.password-visibility) svg{color:#ffda75!important;stroke:currentColor!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-vip-progress,.rf-inactive-track,progress){background:#4a235d!important;accent-color:#ffda75!important}
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-vip-progress>i{background:#ffda75!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-footer,.bk-footer,.gv-withdraw-heading,.gv-deposit-heading,.gv-help-answers details){border-color:#68317f!important;color:#c8acd9!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-table-wrap,.table-scroll) :is(td,th){color:#ead6f3!important;border-color:#68317f!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-dialog,.disi-tour-panel,.bg-spin-modal){background:#210832!important;border-color:#874499!important;color:#f5e8ff!important}
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog :is(.bg-dialog-inner,.auth-paper,.bg-auth-scene){background:transparent!important}
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog :is(.ba-auth-modes,.unavailable-login){background:#180526!important;border-color:#68317f!important}
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog .ba-auth-modes button[aria-pressed=true]{background:#ffda75!important;color:#2b1233!important;border-color:#ead6f3!important}
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog .ba-auth-modes button[aria-pressed=false]{background:transparent!important;color:#c8acd9!important;border-color:transparent!important}
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog .green-action:not(:disabled){background:#ffda75!important;color:#2b1233!important;border-color:#874499!important}
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog .unavailable-login .google-button{background:#2d103f!important;color:#ad88c1!important;border-color:#68317f!important}
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog :is(.bg-forgot,.auth-divider){color:#ffda75!important}
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog .auth-divider::before,html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog .auth-divider::after{background:#874499!important}
html[data-ak888] #root#root#root#root#root#root .bk-app .ak-sort-slider{background:#180526!important}
html[data-ak888] #root#root#root#root#root#root .bk-app .ak-sort-thumb{background:#ffe6aa!important}
html[data-ak888] #root#root#root#root#root#root .bk-app .ak-sort-slider button[aria-checked=true]{color:#2b1233!important}
html[data-ak888] #root#root#root#root#root#root .bk-app .ak-sort-slider button:not([aria-checked=true]){color:#c8acd9!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-card,.bk-card,.bk-surface,.bk-activity-card,.bk-profile-card,.bg-auth,.bg-auth-panel,.bg-auth-card,.bg-account-panel,.bg-wallet-panel,.bk-wallet,.bk-settings,.bg-balance-card,.bk-balance-card,.bk-wallet-card,.bg-empty,.bk-empty){background:#210832!important;color:#f5e8ff!important;border-color:#68317f!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-card-register,.bg-filter-line button,.bg-tab,.bk-tab,.bg-filter,.ba-sports-filter,.ba-sports-league,.bg-footer button,.bk-footer button){background:#2d103f!important;color:#ead6f3!important;border-color:#874499!important;box-shadow:none!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-filter-line button,.bg-tab,.bk-tab,.bg-filter,.ba-sports-filter,.ba-sports-league):is(.selected,.active,[aria-selected=true]){background:#ffda75!important;color:#2b1233!important;border-color:#ead6f3!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-card-favorite,.bg-tier-grid>article>span,.rf-share-icon,.wallet-badge){background:#2d103f!important;color:#ffda75!important;border-color:#874499!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-primary,.bg-submit,.bk-primary,.bg-auth-submit,.bk-btn-primary,.bg-gold-button):not(:disabled){background:#ffda75!important;color:#2b1233!important;border-color:#ead6f3!important}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-dialog,.bg-spin-modal)::backdrop{background:#0b0116c9!important}

/* Isolated 888 violet-and-gold presentation. Native service surfaces retained. */
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-vip-rank { background:linear-gradient(145deg,#321047,#210832) !important; border-color:#68317f !important; color:#f5e8ff !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-vip-rank :is(p,span) { color:#c9a9e4 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-vip-rank h2 { color:#ffdc75 !important; }
html[data-ak888] {
  --ak888-bg: #0d031b;
  --ak888-panel: #1b062e;
  --ak888-gold: #ffdc75;
  --ak888-purple: #ac83de;
  --ak888-border: #75209870;
  --ak888-header-height: 54px;
  --ak888-dock-height: 68px;
  color-scheme: dark;
  background: #0d031b !important;
}
html[data-ak888] body {
  margin: 0 !important;
  padding: 54px 0 calc(72px + env(safe-area-inset-bottom, 0px)) !important;
  min-width: 0 !important;
  background: radial-gradient(ellipse at 50% 0, #3a064c66, transparent 560px), #0d031b !important;
  color: #fff5ff !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  overflow-x: clip;
}
html[data-ak888] *, html[data-ak888] *::before, html[data-ak888] *::after { box-sizing: border-box; }
html[data-ak888] [data-ak888-ui] button { font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
html[data-ak888] [data-ak888-ui] button:focus-visible { outline: 2px solid #ffe8a2; outline-offset: 3px; }
html[data-ak888] [data-ak888-ui] button[aria-busy="true"] { cursor: progress; }
html[data-ak888] [data-ak888-ui] [hidden], html[data-ak888] [data-ak888-ui][hidden], html[data-ak888] #ak888-toast[hidden] { display: none !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui { margin: 0 !important; padding: 0 !important; min-height: 0 !important; width: 100% !important; background: transparent !important; color: #fff5ff !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui > :is(.fen-header,.fen-dock,.fen-home,.ak-aside,.fen-mobile-benefits,.fen-desktop-benefits) { display: none !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-home { display:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app {
  --bg:#0d031b !important; --surface:#1d0832 !important; --surface2:#280c41 !important; --text:#fff1ff !important; --muted:#c8aedc !important; --border:#63277b !important; --accent:#ef42cd !important; --gold:#ffdb75 !important; --pink:#ed39cd !important;
  min-height: 0 !important; background: transparent !important; color:#fff1ff !important;
}
html[data-ak888] #root#root#root#root#root#root :is(.bk-home-rail,.bk-header,.bk-bottom-nav,.bg-floating-reward) { display: none !important; }
html[data-ak888][data-ak888-route="home"] #root#root#root#root#root#root .bk-main,
html[data-ak888][data-ak888-route="promotions"] #root#root#root#root#root#root .bk-main { display:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-main:not(.page-home) { width: min(1076px,calc(100% - 24px)) !important; max-width:1076px !important; margin:18px auto 28px !important; padding:0 !important; background:transparent !important; color:#fff1ff !important; }
html[data-ak888] #root#root#root#root#root#root :is(button,input,select,textarea) { font-family:inherit !important; }
html[data-ak888] #root#root#root#root#root#root :is(input,select,textarea,.bg-search,.bg-category-tabs) { background:#200832 !important; color:#fff2ff !important; border-color:#65267e !important; }
html[data-ak888] #root#root#root#root#root#root :is(.bg-dialog,.bg-account-panel,.bg-wallet-panel,.bg-balance-card,.bg-empty,.bk-empty) { background:linear-gradient(145deg,#310a45,#190729) !important; color:#fff2ff !important; border-color:#75328c !important; }
html[data-ak888] #root#root#root#root#root#root :is(.bg-primary,.bg-submit,.bg-auth-submit,.bk-primary,.bg-gold-button) { background:linear-gradient(#fff1a6,#ffd15a 55%,#eea92f) !important; color:#26102b !important; border:1px solid #fff1ae !important; }
html[data-ak888] #root#root#root#root#root#root :is(.bg-tab,.bg-filter,.bk-tab) { background:#260a3b !important; color:#dfc9ed !important; border-color:#63267c !important; }
html[data-ak888] #root#root#root#root#root#root :is(.bg-tab.active,.bg-tab[aria-selected="true"],.bg-category-tabs button[aria-selected="true"]) { background:linear-gradient(130deg,#ffb8ce,#da32d6 58%,#8d0cd3) !important; color:#fff8ff !important; border-color:#ffa6e7 !important; box-shadow:0 0 10px #f137ce50 !important; }

html[data-ak888] #ak888-header { position:fixed; z-index:400; top:0; left:50%; transform:translateX(-50%); width:min(100%,1100px); height:54px; display:flex; align-items:center; gap:8px; padding:5px 12px; background:linear-gradient(90deg,#21052df5,#260735f5 45%,#180625f5); border-bottom:1px solid #83269065; box-shadow:0 2px 12px #0003; }
html[data-ak888] .ak888-icon { display:block; width:24px; height:24px; flex:none; overflow:visible; color:inherit; }
html[data-ak888] .ak888-icon-button { display:grid; place-items:center; flex:none; width:30px; height:36px; padding:0; border:0; background:transparent; color:#f4e8fc; }
html[data-ak888] .ak888-menu-button { filter:drop-shadow(0 0 4px #e64bff9c); }
html[data-ak888] .ak888-brand { display:flex; align-items:center; justify-content:flex-start; min-width:0; max-width:148px; padding:0; height:44px; border:0; background:transparent; }
html[data-ak888] .ak888-brand img { display:block; width:100%; height:42px; max-width:148px; object-fit:contain; }
html[data-ak888] .ak888-header-actions { display:flex; align-items:center; gap:7px; margin-left:auto; flex:none; }
html[data-ak888] .ak888-search-button { width:27px; filter:drop-shadow(0 0 4px #dd57ffb3); }
html[data-ak888] .ak888-search-button .ak888-icon { width:22px; height:22px; }
html[data-ak888] .ak888-login, html[data-ak888] .ak888-signup { height:32px; min-width:65px; padding:0 13px; border-radius:20px; font-size:11px !important; line-height:1; white-space:nowrap; }
html[data-ak888] .ak888-login { background:linear-gradient(#30083b,#110322); border:1px solid #ad5cb8; color:#fff4ff; box-shadow:inset 0 0 8px #d450eb27,0 0 7px #c62eff20; }
html[data-ak888] .ak888-signup { background:linear-gradient(#fff3a2,#ffd462 52%,#f4b736); border:1px solid #ffedb3; color:#271128; font-weight:750 !important; box-shadow:inset 0 0 0 1px #ffdf7480,0 0 9px #ffd46770; }

html[data-ak888] #ak888-home, html[data-ak888] #ak888-promotions { display:block; width:min(100%,1100px); min-width:0; margin:0 auto; padding:0; }
html[data-ak888] #ak888-home[hidden], html[data-ak888] #ak888-promotions[hidden] { display:none !important; }
html[data-ak888] .ak888-hero { display:block; position:relative; z-index:3; width:100%; aspect-ratio:1635/962; padding:0; margin:0; background:#260638; border:0; overflow:hidden; }
html[data-ak888] .ak888-hero img { display:block; width:100%; height:100%; object-fit:contain; }
html[data-ak888] .ak888-benefits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; position:relative; z-index:2; margin:-12px 10px 0; padding:12px 4px; border:1px solid #85409b70; border-radius:16px; background:radial-gradient(ellipse at 50% 0,#41105b66,#160428 70%); box-shadow:inset 0 -1px 7px #9f21c00a; }
html[data-ak888] .ak888-benefits button { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:3px; min-width:0; padding:0; background:transparent; border:0; color:#ffdc75; }
html[data-ak888] .ak888-benefit-icon { width:47px; height:47px; color:#ffdc75; border-radius:50%; background:radial-gradient(circle,#74314b60,#43113444 55%,transparent 73%); filter:drop-shadow(0 0 3px #ffd14fa8) drop-shadow(0 0 8px #ffae4938); }
html[data-ak888] .ak888-benefits button>span { display:block; color:#fff1ff; font-size:10px; line-height:1.17; font-weight:500; text-align:center; }
html[data-ak888] .ak888-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin:10px 10px 0; }
html[data-ak888] .ak888-category { display:flex; align-items:center; justify-content:center; min-width:0; height:32px; padding:0 5px; gap:4px; white-space:nowrap; border-radius:20px; border:1px solid #6a168d70; background:linear-gradient(180deg,#3b0b52,#24043b); color:#f4dffd; font-size:10px !important; line-height:1; box-shadow:inset 0 1px #b749d51a; }
html[data-ak888] .ak888-category>.ak888-icon { width:18px; height:18px; }
html[data-ak888] .ak888-category[aria-pressed="true"] { border-color:#ffc0db; color:#fff8ff; background:linear-gradient(130deg,#ffc879,#ed5ddd 35%,#cc2fe9 70%,#9506d7); box-shadow:inset 0 1px #fff6,0 0 9px #ed37e154; }
html[data-ak888] .ak888-category[aria-pressed="true"]>.ak888-icon { color:#ffe683; filter:drop-shadow(0 0 3px #ffd47766); }

html[data-ak888] .ak888-game-section { margin:13px 10px 0; }
html[data-ak888] .ak888-section-head { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:25px; margin-bottom:5px; }
html[data-ak888] .ak888-section-head h2 { display:flex; align-items:center; gap:7px; min-width:0; margin:0; color:#fff7ff; font-size:17px; line-height:1.25; font-weight:750; letter-spacing:-.3px; }
html[data-ak888] .ak888-section-mark { width:22px; height:26px; flex:none; color:#ffcf58; filter:drop-shadow(0 0 4px #f99b2b38); }
html[data-ak888] .ak888-see-all { display:flex; align-items:center; gap:4px; flex:none; padding:4px 0 4px 5px; color:#e5cfee; background:transparent; border:0; font-size:10px !important; white-space:nowrap; }
html[data-ak888] .ak888-chevron { display:block; width:11px; height:13px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; }
html[data-ak888] .ak888-game-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; min-width:0; }
html[data-ak888] .ak888-game-card { display:block; min-width:0; width:100%; padding:0; background:transparent; color:#f2e8fa; border:0; text-align:left; }
html[data-ak888] .ak888-game-cover { display:block; width:100%; aspect-ratio:356/400; border-radius:9px; border:1px solid #ab2ec16b; background:#2a073f; overflow:hidden; box-shadow:0 0 7px #c527db22; }
html[data-ak888] .ak888-game-cover img { display:block; width:100%; height:100%; object-fit:contain; }
html[data-ak888] .ak888-game-name { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:27px; max-height:29px; padding:4px 2px 0; font-size:9px; font-weight:450; line-height:1.2; overflow-wrap:anywhere; }
html[data-ak888] .ak888-image-unavailable { display:grid; place-items:center; color:#a772c0; }
html[data-ak888] .ak888-image-unavailable .ak888-icon { width:34px; height:34px; }
html[data-ak888] .ak888-banner { display:block; width:calc(100% - 20px); aspect-ratio:3/1; padding:0; margin:10px 10px 0; border:1px solid #9b40af85; border-radius:12px; background:#28063b; overflow:hidden; box-shadow:0 0 8px #d91fe222; }
html[data-ak888] .ak888-banner img { display:block; width:100%; height:100%; object-fit:contain; }
html[data-ak888] .ak888-rewards { margin-top:9px; }
html[data-ak888] .ak888-promotions-banner { margin-top:10px; }
html[data-ak888] .ak888-play-note { margin:12px 10px 8px; color:#a684bd; font-size:10px; line-height:1.4; text-align:center; }

html[data-ak888] #ak888-dock { position:fixed; z-index:400; left:50%; bottom:0; transform:translateX(-50%); width:min(100%,1100px); display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:2px; min-height:68px; padding:4px 8px calc(5px + env(safe-area-inset-bottom,0px)); border:1px solid #67218c; border-bottom:0; border-radius:18px 18px 0 0; background:linear-gradient(180deg,#29083ef5,#180528fa); box-shadow:0 -3px 15px #b124db24; }
html[data-ak888] .ak888-bottom-item { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; min-height:54px; gap:2px; padding:4px 1px; border:1px solid transparent; border-radius:12px; background:transparent; color:#ad82dc; }
html[data-ak888] .ak888-bottom-item>.ak888-icon { width:26px; height:26px; }
html[data-ak888] .ak888-bottom-item>span { font-size:9px; line-height:1.25; font-weight:500; color:#c9a9e4; white-space:nowrap; }
html[data-ak888] .ak888-bottom-item[aria-current="page"] { border-color:#d23ad190; background:radial-gradient(ellipse at 50% 25%,#a327bd44,#6a197f19 70%); color:#ffdb70; box-shadow:inset 0 0 10px #f43ce31c,0 0 9px #dc2bc624; }
html[data-ak888] .ak888-bottom-item[aria-current="page"]>.ak888-icon { color:#ffe27c; filter:drop-shadow(0 0 3px #ffe07490) drop-shadow(0 0 6px #ffbc454d); }
html[data-ak888] .ak888-bottom-item[aria-current="page"]>span { color:#ffe277; font-weight:700; }

html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sidebar { position:fixed !important; z-index:502 !important; inset:66px auto calc(80px + env(safe-area-inset-bottom,0px)) 0 !important; width:min(260px,calc(100vw - 50px)) !important; height:auto !important; max-height:none !important; padding:12px !important; border:1px solid #73248c !important; border-left:0 !important; border-radius:0 16px 16px 0 !important; background:linear-gradient(130deg,#29083f,#160526) !important; color:#f3dfff !important; box-shadow:12px 0 30px #0007 !important; transform:translateX(-110%) !important; visibility:hidden !important; transition:transform .22s ease,visibility .22s !important; overflow-y:auto !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui.fen-menu-open .fen-sidebar { transform:none !important; visibility:visible !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sidebar :is(.fen-logo,.fen-mobile-art) { display:none !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sidebar .fen-nav-button { flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; min-height:46px !important; gap:10px !important; padding:7px 9px !important; border:1px solid transparent !important; border-radius:10px !important; background:transparent !important; color:#e0c6ed !important; font-size:12px !important; text-align:left !important; box-shadow:none !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sidebar .fen-nav-button:is([aria-current="page"],.active,[aria-pressed="true"]) { background:linear-gradient(110deg,#cc3dce,#7d17b5) !important; color:#fff0ff !important; border-color:#f695d966 !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sidebar .fen-nav-icon { width:28px !important; height:28px !important; font-size:22px !important; flex:none !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sidebar .fen-nav-icon :is(img,svg) { width:28px !important; height:28px !important; object-fit:contain !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sidebar .fen-nav-icon>.ak888-drawer-icon { display:block !important; width:24px !important; height:24px !important; max-width:none !important; fill:currentColor !important; stroke:none !important; color:#bc98df !important; filter:drop-shadow(0 1px 2px #0005) !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sidebar .fen-nav-button:is([aria-current="page"],.active,[aria-pressed="true"]) .ak888-drawer-icon { color:#ffe18a !important; filter:drop-shadow(0 0 3px #f2bd5740) !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-menu-shade { position:fixed !important; z-index:501 !important; inset:54px 0 calc(68px + env(safe-area-inset-bottom,0px)) !important; display:none !important; height:auto !important; background:#080010b8 !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui.fen-menu-open .fen-menu-shade { display:block !important; }

html[data-ak888] .ak888-page-heading { padding:22px 16px 8px; }
html[data-ak888] .ak888-page-heading h1 { margin:0 0 5px; font-size:24px; color:#ffe2a0; }
html[data-ak888] .ak888-page-heading p { margin:0; color:#c9addc; font-size:12px; }
html[data-ak888] .ak888-promotion-list { display:grid; gap:12px; margin:18px 12px; }
html[data-ak888] .ak888-promotion-card { display:flex; align-items:center; gap:15px; width:100%; min-width:0; min-height:100px; padding:15px; border:1px solid #793399; border-radius:14px; background:radial-gradient(ellipse at 0 50%,#6f164d55,transparent 70%),linear-gradient(120deg,#2d0a43,#1b062d); color:#ffe4a7; text-align:left; }
html[data-ak888] .ak888-promotion-card>span { display:block; flex:1; min-width:0; }
html[data-ak888] .ak888-promotion-card strong { display:block; margin-bottom:5px; font-size:16px; }
html[data-ak888] .ak888-promotion-card small { display:block; font-size:12px; line-height:1.45; color:#d0b6df; }

html[data-ak888] .ak888-search-dialog { width:min(720px,calc(100% - 24px)); max-width:720px; max-height:calc(100dvh - 110px); padding:18px; border:1px solid #a64ac2; border-radius:18px; background:linear-gradient(150deg,#310b45,#160426); color:#f5e8ff; box-shadow:0 20px 100px #0009,0 0 25px #d62bdc2e; }
html[data-ak888] .ak888-search-dialog::backdrop { background:#090011bd; backdrop-filter:blur(4px); }
html[data-ak888] .ak888-search-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
html[data-ak888] .ak888-search-heading h2 { margin:0; font-size:19px; color:#ffe3a3; }
html[data-ak888] .ak888-close-icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
html[data-ak888] .ak888-search-field { display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid #85369e; border-radius:12px; background:#12031f; color:#c995e4; }
html[data-ak888] .ak888-search-field input { width:100%; min-width:0; padding:0; border:0; outline:none; background:transparent; color:#fff1ff; font:inherit; font-size:16px; }
html[data-ak888] .ak888-search-field input::placeholder { color:#a47ab7; }
html[data-ak888] .ak888-search-count { margin:12px 0 9px; color:#c0a0d3; font-size:12px; }
html[data-ak888] .ak888-search-empty { grid-column:1/-1; margin:12px 0 20px; font-size:14px; color:#cfb5dc; }
html[data-ak888] #ak888-toast { position:fixed; z-index:900; left:50%; bottom:calc(85px + env(safe-area-inset-bottom,0px)); transform:translateX(-50%); width:max-content; max-width:calc(100vw - 32px); padding:10px 16px; border:1px solid #ac58c1; border-radius:12px; background:#340a48f2; color:#fff1ff; box-shadow:0 6px 25px #0005; font-size:12px; text-align:center; }
html[data-ak888] .ak888-sr-only { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
/* The retained native shell has #fen-ui svg sizing; own glyph sizes take precedence. */
html[data-ak888] #fen-ui [data-ak888-ui] .ak888-icon { width:24px !important; height:24px !important; max-width:none !important; fill:currentColor !important; stroke:none !important; }
html[data-ak888] #fen-ui [data-ak888-ui] .ak888-benefit-icon { width:47px !important; height:47px !important; }
html[data-ak888] #fen-ui [data-ak888-ui] .ak888-search-button .ak888-icon { width:22px !important; height:22px !important; }
html[data-ak888] #fen-ui [data-ak888-ui] .ak888-category>.ak888-icon { width:18px !important; height:18px !important; }
html[data-ak888] #fen-ui [data-ak888-ui] .ak888-bottom-item>.ak888-icon { width:26px !important; height:26px !important; }
html[data-ak888] #fen-ui [data-ak888-ui] .ak888-image-unavailable .ak888-icon { width:34px !important; height:34px !important; }
html[data-ak888] #fen-ui [data-ak888-ui] .ak888-section-mark { width:22px !important; height:26px !important; max-width:none !important; stroke:none !important; }
html[data-ak888] #fen-ui [data-ak888-ui] .ak888-chevron { width:11px !important; height:13px !important; max-width:none !important; fill:none !important; stroke:currentColor !important; stroke-width:1.8 !important; }
html[data-ak888] #fen-ui [data-ak888-ui] .ak888-close-icon { width:20px !important; height:20px !important; max-width:none !important; fill:none !important; stroke:currentColor !important; stroke-width:1.8 !important; }
/* Native fen button rules use an ID and !important; keep 888 control colors local. */
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-signup { background:linear-gradient(#fff3a2,#ffd462 52%,#f4b736) !important; border:1px solid #ffedb3 !important; color:#271128 !important; box-shadow:inset 0 0 0 1px #ffdf7480,0 0 9px #ffd46770 !important; }
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-login { background:linear-gradient(#30083b,#110322) !important; border:1px solid #ad5cb8 !important; color:#fff4ff !important; box-shadow:inset 0 0 8px #d450eb27,0 0 7px #c62eff20 !important; }
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-category { background:linear-gradient(180deg,#3b0b52,#24043b) !important; border:1px solid #6a168d70 !important; color:#f4dffd !important; box-shadow:inset 0 1px #b749d51a !important; }
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-category>.ak888-icon { color:#eadcf7 !important; }
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-category[aria-pressed="true"] { background:linear-gradient(130deg,#ffc879,#ed5ddd 35%,#cc2fe9 70%,#9506d7) !important; border-color:#ffc0db !important; color:#fff8ff !important; box-shadow:inset 0 1px #fff6,0 0 9px #ed37e154 !important; }
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-category[aria-pressed="true"]>.ak888-icon { color:#ffe683 !important; }
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-bottom-item { background:transparent !important; border:1px solid transparent !important; color:#ad82dc !important; box-shadow:none !important; }
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-bottom-item>.ak888-icon { color:#ad82dc !important; }
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-bottom-item>span { color:#c9a9e4 !important; }
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-bottom-item[aria-current="page"] { background:radial-gradient(ellipse at 50% 25%,#a327bd44,#6a197f19 70%) !important; border-color:#d23ad190 !important; color:#ffdb70 !important; box-shadow:inset 0 0 10px #f43ce31c,0 0 9px #dc2bc624 !important; }
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-bottom-item[aria-current="page"]>.ak888-icon { color:#ffe27c !important; }
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-bottom-item[aria-current="page"]>span { color:#ffe277 !important; }
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-icon-button { background:transparent !important; border:0 !important; color:#f4e8fc !important; box-shadow:none !important; }
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-icon-button>.ak888-icon { color:#f4e8fc !important; }
html[data-ak888] #ak888-startup-error { position:fixed; z-index:800; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:24px; background:#170526; color:#f3dfff; text-align:center; }
html[data-ak888] #ak888-startup-error h1 { margin:0; color:#ffe2a1; font-size:23px; }
html[data-ak888] #ak888-startup-error p { margin:0; color:#c5a5d7; font-size:14px; }
html[data-ak888] #ak888-startup-error button { margin-top:10px; padding:11px 20px; border:1px solid #ffebac; border-radius:24px; background:linear-gradient(#fff0a1,#ffc74f); color:#2e1433; font-weight:700; }

/* Existing React game directory: preserve picture geometry, replace the pink skin. */
html[data-ak888] #root#root#root#root#root#root .bg-category-tabs>button { background:linear-gradient(#350c49,#210731) !important; color:#e8d1f4 !important; border:1px solid #74318b !important; box-shadow:inset 0 1px #b24acd1a !important; }
html[data-ak888] #root#root#root#root#root#root .bg-category-tabs>button:is(.active,[aria-selected="true"],[aria-pressed="true"]) { background:linear-gradient(125deg,#ffe19b,#d954d6 38%,#9a22d2) !important; color:#fff8ff !important; border-color:#f5b2df !important; box-shadow:0 0 9px #d335da40 !important; }
html[data-ak888] #root#root#root#root#root#root .bg-directory-meta { color:#cab0dc !important; }
html[data-ak888] #root#root#root#root#root#root .bg-directory-meta span { color:#cab0dc !important; background:transparent !important; }
html[data-ak888] #root#root#root#root#root#root .bg-directory-meta select { color:#eeddf7 !important; background:#290d3d !important; border:1px solid #73348a !important; }
html[data-ak888] #root#root#root#root#root#root .bg-game-card { background:linear-gradient(145deg,#2b0a3f,#1b072b) !important; color:#f5e8ff !important; border-color:#742a8d !important; box-shadow:0 0 6px #cc25d21a !important; }
html[data-ak888] #root#root#root#root#root#root .bg-game-open { background:transparent !important; color:#f5e8ff !important; }
html[data-ak888] #root#root#root#root#root#root .bg-game-open>strong { background:transparent !important; color:#f5e8ff !important; }
html[data-ak888] #root#root#root#root#root#root .bg-game-hover { background:#1b032e9c !important; }
html[data-ak888] #root#root#root#root#root#root .bg-game-hover>b { background:linear-gradient(#fff0a3,#ffd15a 55%,#efaf35) !important; border:1px solid #ffeab2 !important; color:#2b1331 !important; box-shadow:0 0 9px #ffca5938 !important; }
html[data-ak888] #root#root#root#root#root#root .bg-save { background:#240638dc !important; color:#f5d176 !important; border:1px solid #b17a5596 !important; box-shadow:none !important; }
html[data-ak888] #root#root#root#root#root#root .bg-save svg { color:#f5d176 !important; stroke:currentColor !important; }
html[data-ak888] #root#root#root#root#root#root .bg-save svg { fill:none !important; }
html[data-ak888] #root#root#root#root#root#root .bg-save svg path { stroke:currentColor !important; fill:none !important; }
html[data-ak888] #root#root#root#root#root#root .bg-save:is(.active,[aria-pressed="true"]) { background:#68458b !important; color:#ffe59c !important; border-color:#e4bc6d !important; }
html[data-ak888] #root#root#root#root#root#root .bg-save:is(.active,[aria-pressed="true"]) svg { fill:currentColor !important; }
html[data-ak888] #root#root#root#root#root#root .bg-save:is(.active,[aria-pressed="true"]) svg path { fill:currentColor !important; }
/* Final native directory color details; existing dimensions and image fit stay intact. */
html[data-ak888] #root#root#root#root#root#root .bg-game-picture { background:#230735 !important; }
html[data-ak888] #root#root#root#root#root#root .bg-search svg { color:#c5a0df !important; stroke:currentColor !important; }
html[data-ak888] #root#root#root#root#root#root .bg-search svg :is(path,circle,line,rect,polyline,polygon) { color:inherit !important; stroke:currentColor !important; }
html[data-ak888] #root#root#root#root#root#root .bg-category-tabs svg { color:#c5a0df !important; stroke:currentColor !important; }
html[data-ak888] #root#root#root#root#root#root .bg-category-tabs svg :is(path,circle,line,rect,polyline,polygon) { color:inherit !important; stroke:currentColor !important; }
html[data-ak888] #root#root#root#root#root#root .bg-category-tabs>button:is(.active,[aria-selected="true"],[aria-pressed="true"]) svg { color:#ffe18a !important; stroke:currentColor !important; }
html[data-ak888] #root#root#root#root#root#root .bg-category-tabs>button :is(i,b) { color:#c8a3df !important; background-color:#6b3193 !important; border-color:#8d4caa !important; }
html[data-ak888] #root#root#root#root#root#root .bg-category-tabs>button:is(.active,[aria-selected="true"],[aria-pressed="true"]) :is(i,b) { color:#ffe7a6 !important; background-color:#aa6b3a !important; border-color:#f3ce7a !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sort { color:#dfc6ee !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sort-trigger { background:linear-gradient(#350d49,#220832) !important; color:#e7d0f3 !important; border-color:#78418f !important; box-shadow:none !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sort-trigger[aria-expanded="true"] { background:linear-gradient(#4b1b59,#32103f) !important; color:#ffe1a0 !important; border-color:#c9a365 !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sort-trigger :is(svg,span) { color:inherit !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sort-trigger svg, html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sort-trigger svg :is(path,polyline,line) { color:inherit !important; stroke:currentColor !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui :is(.fen-sort-options,.fen-sort-menu,.fen-sort-popover,.fen-sort-dropdown) { background:#230834 !important; color:#e4cbed !important; border-color:#78418f !important; box-shadow:0 8px 22px #0005 !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui :is(.fen-sort,.fen-game-sort) :is(.fen-sort-option,[role="option"]) { background:#230834 !important; color:#dfc4ed !important; border-color:#623075 !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui :is(.fen-sort,.fen-game-sort) :is(.fen-sort-option,[role="option"]):is(:hover,.active,[aria-selected="true"]) { background:#51235e !important; color:#ffe3a4 !important; border-color:#aa8059 !important; }

@media (max-width:350px) {
  html[data-ak888] #ak888-header { gap:5px; padding-inline:8px; }
  html[data-ak888] .ak888-menu-button { width:25px; }
  html[data-ak888] .ak888-brand { max-width:110px; }
  html[data-ak888] .ak888-brand img { max-width:110px; }
  html[data-ak888] .ak888-header-actions { gap:5px; }
  html[data-ak888] .ak888-login, html[data-ak888] .ak888-signup { min-width:54px; padding-inline:9px; font-size:10px !important; }
  html[data-ak888] .ak888-search-button { width:22px; }
  html[data-ak888] .ak888-category { font-size:9px !important; gap:3px; padding-inline:4px; }
  html[data-ak888] .ak888-category>.ak888-icon { width:14px; height:14px; }
  html[data-ak888] #fen-ui [data-ak888-ui] .ak888-category>.ak888-icon { width:14px !important; height:14px !important; }
  html[data-ak888] .ak888-section-head h2 { font-size:15px; }
  html[data-ak888] .ak888-game-grid { gap:6px; }
  html[data-ak888] .ak888-game-name { font-size:8px; }
  html[data-ak888] .ak888-search-dialog { padding:13px; }
  html[data-ak888] .ak888-search-heading h2 { font-size:16px; }
}
@media (min-width:700px) {
  html[data-ak888] #ak888-header { padding-inline:22px; }
  html[data-ak888] .ak888-brand, html[data-ak888] .ak888-brand img { max-width:180px; }
  html[data-ak888] .ak888-header-actions { gap:12px; }
  html[data-ak888] .ak888-login, html[data-ak888] .ak888-signup { min-width:85px; font-size:12px !important; }
  html[data-ak888] .ak888-benefits { margin-inline:20px; padding:14px 10px; }
  html[data-ak888] .ak888-benefit-icon { width:60px; height:60px; }
  html[data-ak888] #fen-ui [data-ak888-ui] .ak888-benefit-icon { width:60px !important; height:60px !important; }
  html[data-ak888] .ak888-benefits button>span { font-size:13px; }
  html[data-ak888] .ak888-categories { gap:12px; margin:16px 20px 0; }
  html[data-ak888] .ak888-category { height:42px; font-size:13px !important; gap:8px; }
  html[data-ak888] .ak888-category>.ak888-icon { width:23px; height:23px; }
  html[data-ak888] #fen-ui [data-ak888-ui] .ak888-category>.ak888-icon { width:23px !important; height:23px !important; }
  html[data-ak888] .ak888-game-section { margin:22px 20px 0; }
  html[data-ak888] .ak888-section-head { margin-bottom:9px; }
  html[data-ak888] .ak888-section-head h2 { font-size:24px; gap:10px; }
  html[data-ak888] .ak888-see-all { font-size:12px !important; }
  html[data-ak888] .ak888-game-grid { gap:16px; }
  html[data-ak888] .ak888-game-cover { border-radius:14px; }
  html[data-ak888] .ak888-game-name { min-height:37px; max-height:42px; font-size:13px; padding-top:7px; }
  html[data-ak888] .ak888-banner { width:calc(100% - 40px); margin:18px 20px 0; border-radius:17px; }

  html[data-ak888] .ak888-play-note { margin:18px 20px; font-size:12px; }
  html[data-ak888] .ak888-bottom-item>span { font-size:11px; }
  html[data-ak888] .ak888-page-heading { padding:30px 24px 10px; }
  html[data-ak888] .ak888-promotion-list { grid-template-columns:repeat(3,minmax(0,1fr)); margin:22px 20px; }
  html[data-ak888] .ak888-promotion-card { flex-wrap:wrap; gap:10px; }
  html[data-ak888] .ak888-promotion-card>span { flex-basis:calc(100% - 75px); }
}

@media (min-width:1000px) {
  html[data-ak888] #ak888-home { display:grid; grid-template-columns:minmax(0,2.3fr) minmax(250px,1fr); align-items:stretch; }
  html[data-ak888] #ak888-home>* { grid-column:1/-1; min-width:0; }
  html[data-ak888] #ak888-home>.ak888-hero { grid-column:1; grid-row:1; align-self:start; }
  html[data-ak888] #ak888-home>.ak888-benefits { grid-column:2; grid-row:1; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 8px; align-content:space-evenly; margin:12px 12px 12px 0; padding:20px 10px; border:1px solid #71218c70; border-radius:16px; background:radial-gradient(ellipse at 0 45%,#6814564a,#1c062e 78%); }
  html[data-ak888] #ak888-home>.ak888-benefits button { justify-content:center; gap:8px; }
  html[data-ak888] #ak888-home>.ak888-benefits button>span { font-size:14px; line-height:1.25; }
  html[data-ak888] #fen-ui #ak888-home>.ak888-benefits .ak888-benefit-icon { width:72px !important; height:72px !important; }
}

/* 888 connected-provider row only; merge after the existing purple theme. */
html[data-ak888] #ak888-home .ak888-platforms { min-width:0; margin:13px 10px 0; }
html[data-ak888] #ak888-home .ak888-platforms .ak888-section-head { margin-bottom:10px; }
html[data-ak888] #ak888-home .ak888-platforms h2>.ak888-icon { width:22px; height:22px; color:#f2c765; flex:none; }
html[data-ak888] #ak888-home .ak888-platform-row { display:flex; gap:10px; min-width:0; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-width:none; -ms-overflow-style:none; padding:2px 1px 7px; }
html[data-ak888] #fen-ui #ak888-home .ak888-platforms button.ak888-platform-card { display:flex !important; flex:0 0 84px; flex-direction:column; align-items:center; min-width:0; gap:5px; margin:0; padding:7px 5px 8px !important; border:1px solid #bc8f494d !important; border-radius:12px; background:linear-gradient(150deg,#32124d,#1a092e) !important; box-shadow:inset 0 1px 0 #e2b8ff12 !important; color:#f3dfac !important; scroll-snap-align:start; }
html[data-ak888] #ak888-home .ak888-platform-image { display:grid; place-items:center; width:100%; aspect-ratio:1; min-width:0; }
html[data-ak888] #ak888-home .ak888-platform-image img { display:block; width:100%; height:100%; max-width:100%; object-fit:contain !important; object-position:center; border-radius:7px; }
html[data-ak888] #ak888-home .ak888-platform-name { display:block; width:100%; overflow:hidden; color:#f0d9a5; font-size:10px; line-height:1.3; font-weight:600; text-align:center; white-space:nowrap; text-overflow:ellipsis; }
html[data-ak888] #ak888-home .ak888-platform-note { margin:0; color:#bb9bd2; font-size:12px; }
html[data-ak888] #ak888-home .ak888-platform-note[hidden] { display:none !important; }
html[data-ak888] #ak888-home .ak888-platform-row:empty { display:none; }
html[data-ak888] #ak888-home .ak888-platform-row::-webkit-scrollbar { display:none; width:0; height:0; }
html[data-ak888] #fen-ui #ak888-home .ak888-platforms button.ak888-platform-card:focus-visible { outline:2px solid #e5bd68; outline-offset:2px; }
@media (hover:hover) and (pointer:fine) {
  html[data-ak888] #fen-ui #ak888-home .ak888-platforms button.ak888-platform-card:hover { border-color:#e1b967a6 !important; background:linear-gradient(150deg,#42165f,#251038) !important; }
}
@media (min-width:900px) {
  html[data-ak888] #ak888-home .ak888-platform-row { display:grid; grid-template-columns:repeat(var(--ak888-platform-count,9),minmax(0,1fr)); gap:12px; overflow-x:visible; }
  html[data-ak888] #fen-ui #ak888-home .ak888-platforms button.ak888-platform-card { width:100%; min-width:0; }
  html[data-ak888] #ak888-home .ak888-platform-name { font-size:11px; }
}

/* Coordinated violet enamel and gold shortcut icons; preserve bill/arrow timing. */
html[data-ak888] #ak888-home>.ak888-cash-shortcuts { display:grid; position:relative; z-index:2; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; min-width:0; margin:12px 10px 0; }
html[data-ak888] #fen-ui #ak888-home .ak888-cash-shortcuts>button.ak888-cash-button { display:flex !important; position:relative; isolation:isolate; align-items:center; justify-content:center; gap:4px; min-width:0; height:53.3333px; min-height:53.3333px; padding:1px 4px !important; overflow:hidden; border:1px solid #bc8c6d99 !important; border-radius:12px; background:linear-gradient(155deg,#54216f,#2e1045 65%,#26103b) !important; color:#ffe1a1 !important; box-shadow:inset 0 1px 0 #f0c6ff30,0 3px 8px #05000c38 !important; font-size:12px; font-weight:750; line-height:1.15; }
html[data-ak888] #ak888-home .ak888-cash-art { display:block; position:relative; width:40px; height:49px; flex:0 0 40px; overflow:hidden; pointer-events:none; }
html[data-ak888] #ak888-home .ak888-cash-art svg { display:block; width:100% !important; height:100% !important; overflow:hidden !important; }
html[data-ak888] #ak888-home .ak888-cash-label { min-width:0; font-size:inherit; color:inherit; white-space:nowrap; }
html[data-ak888] #ak888-home .ak888-cash-shortcuts .ak-cash-deposit { animation:ak888-cash-in 2.8s cubic-bezier(.35,0,.4,1) infinite; transform-origin:33px 18px; }
html[data-ak888] #ak888-home .ak888-cash-shortcuts .ak-cash-withdraw { animation:ak888-cash-out 2.8s cubic-bezier(.35,0,.4,1) infinite; transform-origin:33px 18px; }
html[data-ak888] #ak888-home .ak888-cash-shortcuts .ak-cash-bill { animation-delay:var(--cash-delay,0s); }
html[data-ak888] #ak888-home .ak888-cash-shortcuts .ak-download-arrow { animation:ak888-download-drop 2.5s ease-in-out infinite; }
html[data-ak888] #ak888-home .ak888-cash-shortcuts .ak-download-progress { animation:ak888-download-fill 2.5s linear infinite; transform-origin:23px 49px; }
html[data-ak888] #fen-ui #ak888-home .ak888-cash-shortcuts>button.ak888-cash-button:focus-visible { outline:2px solid #f0c870; outline-offset:2px; }
@keyframes ak888-cash-in { 0%{transform:translate(-12px,-15px) rotate(-14deg) scale(.85);opacity:0}15%{opacity:1}45%{transform:translate(0,2px) rotate(0) scale(1);opacity:1}75%,100%{transform:translate(0,24px) rotate(2deg) scale(.85);opacity:0} }
@keyframes ak888-cash-out { 0%,10%{transform:translate(0,24px) rotate(0) scale(.85);opacity:0}32%{opacity:1}55%{transform:translate(0,1px) rotate(0) scale(1);opacity:1}85%,100%{transform:translate(12px,-16px) rotate(14deg) scale(.9);opacity:0} }
@keyframes ak888-download-drop { 0%{transform:translateY(-5px);opacity:0}20%,55%{opacity:1}75%,100%{transform:translateY(7px);opacity:0} }
@keyframes ak888-download-fill { 0%,10%{transform:scaleX(0)}70%,85%{transform:scaleX(1)}100%{transform:scaleX(0)} }
@media (hover:hover) and (pointer:fine) {
  html[data-ak888] #fen-ui #ak888-home .ak888-cash-shortcuts>button.ak888-cash-button:hover { border-color:#e9ba66cc !important; background:linear-gradient(145deg,#5c207a,#321144) !important; }
}
@media (max-width:359px) {
  html[data-ak888] #ak888-home>.ak888-cash-shortcuts { gap:6px; margin-inline:10px; }
  html[data-ak888] #fen-ui #ak888-home .ak888-cash-shortcuts>button.ak888-cash-button { gap:3px; padding-inline:4px !important; font-size:11px; }
  html[data-ak888] #ak888-home .ak888-cash-art { width:26px; height:44px; flex-basis:26px; }
}
@media (min-width:1000px) {
  html[data-ak888] #ak888-home>.ak888-cash-shortcuts { grid-column:1/-1; grid-row:2; margin:12px 20px 0; gap:12px; }
  html[data-ak888] #fen-ui #ak888-home .ak888-cash-shortcuts>button.ak888-cash-button { height:56px; min-height:56px; gap:9px; padding:3px 12px !important; font-size:16px; }
  html[data-ak888] #ak888-home .ak888-cash-art { width:46px; height:50px; flex-basis:46px; }
}
@media (min-width:700px) {
  html[data-ak888] #ak888-home>.ak888-cash-shortcuts { margin-inline:20px; }
}


/* 888 category selection: raised transparent gloss, gold-pink rim and moving light.
   Append after 888-theme.css. Selection remains controlled by existing ARIA state. */
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-category[aria-pressed="true"],
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button[aria-selected="true"] {
  position:relative !important;
  isolation:isolate;
  overflow:hidden !important;
  background:radial-gradient(ellipse at 11% 25%,#fff3c6b3,transparent 35%),linear-gradient(180deg,#fbadf4 0%,#e356e8 22%,#d329dc 49%,#9c10c8 83%,#c23bd8 100%) !important;
  border-color:#fff4d3 #f7b9fa #df76ef #ffe6bb !important;
  color:#fff9ff !important;
  box-shadow:inset 0 2px 2px #fff9,inset 1px 0 3px #fff4bba6,inset 0 -3px 3px #65068c80,0 2px 0 #6c157b,0 4px 5px #070010a6,-2px 0 7px #ffd18170,0 0 13px #e34fdb70 !important;
  text-shadow:0 1px 2px #71317a45;
}

/* A curved upper reflection supplies visible glass volume between light sweeps. */
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-category,
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button {
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-category::before,
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:1px 2px 46%;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(180deg,#ecc9ff26,transparent);
  box-shadow:inset 0 1px #d99ffb33;
}
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-category[aria-pressed="true"]::before,
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button[aria-selected="true"]::before {
  inset:1px 2px 43%;
  background:linear-gradient(180deg,#ffffffa6 0%,#ffe8ff57 42%,#fff0 100%);
  box-shadow:inset 0 1px #fffbd9a6;
}

/* A negative layer inside an isolated stacking context stays above the button
   background and below normal text, including native buttons' bare text nodes. */
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-category[aria-pressed="true"]::after,
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button[aria-selected="true"]::after {
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  top:-65%;
  bottom:-65%;
  left:-48%;
  width:34%;
  border-radius:inherit;
  background:linear-gradient(90deg,transparent 0%,#ffffff0a 19%,#fff8 43%,#fffd 54%,#ffffff40 70%,transparent 100%);
  opacity:0;
  transform:translateX(-130%) skewX(-23deg);
}

html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-category[aria-pressed="true"]>:is(span,svg),
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button[aria-selected="true"]>:is(span,svg) {
  position:relative;
  z-index:1;
}

html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-category[aria-pressed="true"]>.ak888-icon,
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button[aria-selected="true"] svg {
  color:#fff0a4 !important;
  filter:drop-shadow(0 0 2px #fff0a366);
}


  html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-category[aria-pressed="true"]::after,
  html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button[aria-selected="true"]::after {
    animation:ak888-category-sheen 3.8s cubic-bezier(.32,0,.25,1) infinite;
  }


@keyframes ak888-category-sheen {
  0%,18% { transform:translateX(-130%) skewX(-23deg); opacity:0; }
  24% { opacity:.9; }
  46% { opacity:.9; }
  52%,100% { transform:translateX(520%) skewX(-23deg); opacity:0; }
}



/* Align every content row with the game grid and keep artwork names accessible. */
html[data-ak888] #ak888-home .ak888-platform-name,html[data-ak888] #ak888-home .ak888-game-name { display:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-game-open>strong { display:none !important; }
@media(min-width:700px){html[data-ak888] #ak888-home .ak888-platforms {margin:22px 20px 0;}}

/* 888 decorative motion only. Append after the main theme. */
html[data-ak888] #fen-ui #ak888-home .ak888-flame {
  transform-origin:50% 95%;
  transform-box:fill-box;
  overflow:visible !important;
  filter:drop-shadow(0 0 2px #ffb83baa) drop-shadow(0 -2px 5px #f26b3a66) !important;
}
html[data-ak888] #fen-ui #ak888-home .ak888-flame>path {
  transform-box:fill-box;
  transform-origin:50% 95%;
}
html[data-ak888] #fen-ui #ak888-home .ak888-section-mark:not(.ak888-flame) {
  overflow:visible !important;
  filter:drop-shadow(0 0 3px #ffd56a80);
}
html[data-ak888] #fen-ui #ak888-home .ak888-trophy-sparkles,
html[data-ak888] #fen-ui #ak888-home .ak888-trophy-sparkles path {
  pointer-events:none;
  stroke:none !important;
}
html[data-ak888] #fen-ui #ak888-home .ak888-trophy-star {
  opacity:0;
  transform-box:fill-box;
  transform-origin:center;
  filter:drop-shadow(0 0 2px #ffe4a3c9);
}

html[data-ak888] #fen-ui #ak888-header .ak888-brand {
  position:relative !important;
  isolation:isolate;
}
html[data-ak888] #fen-ui #ak888-header .ak888-live-logo {
  filter:drop-shadow(0 0 3px #e53ed533) drop-shadow(0 1px 2px #0003);
}
html[data-ak888] #fen-ui #ak888-header .ak888-logo-effects {
  position:absolute !important;
  z-index:2;
  display:block !important;
  max-width:none !important;
  margin:0 !important;
  pointer-events:none !important;
  overflow:visible !important;
  fill:none !important;
  stroke:none !important;
}
html[data-ak888] #fen-ui #ak888-header .ak888-logo-eyelids,
html[data-ak888] #fen-ui #ak888-header .ak888-logo-light-pass { opacity:0; }

html[data-ak888] #root#root#root#root#root#root .bg-dialog img.ba-logo-image {
  object-fit:contain !important;
  background:transparent !important;
  filter:drop-shadow(0 0 4px #e53ed52e) !important;
}
html[data-ak888] #root#root#root#root#root#root .bg-dialog :is(.ba-logo,.bg-auth-brand,.ba-auth-brand) {
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
html[data-ak888] #root#root#root#root#root#root .bg-dialog.ak888-auth-no-google :is(.unavailable-login,.auth-divider) { display:none !important; }
html[data-ak888] #root#root#root#root#root#root .bg-dialog .ba-brand-logo { width:140px !important; height:47px !important; max-width:none !important; }
html[data-ak888] #root#root#root#root#root#root .bg-dialog .ba-brand-logo>.ba-logo-image { width:100% !important; height:100% !important; object-fit:contain !important; }
html[data-ak888] #root#root#root#root#root#root .bg-dialog .ba-brand-logo>svg { display:none !important; }
html[data-ak888] .ba-boot { background:#0d031b !important; color:#c9a9e4 !important; }
html[data-ak888] .ba-boot img { aspect-ratio:3/1 !important; object-fit:contain; }


  html[data-ak888] #fen-ui #ak888-home .ak888-flame { animation:ak888-flame-sway 1.55s ease-in-out infinite; }
  html[data-ak888] #fen-ui #ak888-home .ak888-flame>path:first-of-type { animation:ak888-flame-edge 1.1s ease-in-out infinite; }
  html[data-ak888] #fen-ui #ak888-home .ak888-flame>path:nth-of-type(2) { animation:ak888-flame-core .82s ease-in-out infinite alternate; }
  html[data-ak888] #fen-ui #ak888-home .ak888-section-mark:not(.ak888-flame) { animation:ak888-trophy-warmth 3.1s ease-in-out infinite; }
  html[data-ak888] #fen-ui #ak888-home .ak888-trophy-star { animation:ak888-trophy-glint 3.1s ease-in-out infinite; }
  html[data-ak888] #fen-ui #ak888-home .ak888-trophy-star-b { animation-delay:-1.1s; }
  html[data-ak888] #fen-ui #ak888-home .ak888-trophy-star-c { animation-delay:-2s; }
  html[data-ak888] #fen-ui #ak888-header .ak888-logo-eyelids { animation:ak888-logo-blink 7.4s linear infinite; }
  html[data-ak888] #fen-ui #ak888-header .ak888-logo-light-pass { animation:ak888-logo-sheen 7.4s ease-in-out infinite; }


@keyframes ak888-flame-sway {
  0%,100% { transform:rotate(-3deg) scale(1,1); }
  28% { transform:rotate(3deg) scale(1.03,1.08); }
  56% { transform:rotate(-4deg) scale(.97,1.11); }
  79% { transform:rotate(2deg) scale(1.02,1.03); }
}
@keyframes ak888-flame-edge {
  0%,100% { transform:skewX(-2deg) scaleY(1); }
  42% { transform:skewX(3deg) scaleY(.94); }
  73% { transform:skewX(-3deg) scaleY(1.04); }
}
@keyframes ak888-flame-core {
  from { transform:scale(.92,.93); opacity:.75; }
  to { transform:scale(1.08,1.09); opacity:1; }
}
@keyframes ak888-trophy-warmth {
  0%,100% { filter:drop-shadow(0 0 2px #ffd56a70); }
  42% { filter:drop-shadow(0 0 4px #ffdf8da6); }
}
@keyframes ak888-trophy-glint {
  0%,16%,56%,100% { opacity:0; transform:scale(.35) rotate(-14deg); }
  28% { opacity:1; transform:scale(1.05) rotate(8deg); }
  39% { opacity:.7; transform:scale(.85) rotate(15deg); }
}
@keyframes ak888-logo-blink {
  0%,55%,59.5%,100% { opacity:0; }
  56.3%,58% { opacity:1; }
}
@keyframes ak888-logo-sheen {
  0%,65% { opacity:0; transform:translateX(-600px); }
  69% { opacity:.34; }
  80%,100% { opacity:0; transform:translateX(2900px); }
}




/* 888 catalogue: one visible edge, clear reflection and the existing light sweep. */
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs {
  border:0 !important;
  box-shadow:none !important;
}
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button {
  border-width:1px !important;
  border-style:solid !important;
  box-shadow:none !important;
}
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button:not(:focus-visible) { outline:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button[aria-selected="true"] {
  box-shadow:inset 0 6px 9px #fff3,inset 0 -4px 7px #64068c50,0 3px 8px #07001080,0 0 11px #e34fdb60 !important;
}
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button::before {
  inset:0 0 44% !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
/* Match the current 777 portrait art and Pink's four-column phone directory. */
html[data-ak888] #root#root#root#root#root#root .bk-app .page-casino .bg-game-card { min-width:0 !important; padding:0 !important; overflow:hidden !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .page-casino .bg-game-open { display:block !important; width:100% !important; min-height:0 !important; padding:0 !important; border:0 !important; background:transparent !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .page-casino .bg-game-tag { display:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .page-casino .bg-game-picture {
  display:block !important;
  aspect-ratio:356/400 !important;
  height:auto !important;
  border-radius:11px !important;
  overflow:hidden !important;
}
html[data-ak888] #root#root#root#root#root#root .bk-app .page-casino .bg-game-picture>img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  aspect-ratio:356/400 !important;
}
@media(max-width:899px) {
  html[data-ak888] #root#root#root#root#root#root .bk-app .page-casino .bg-casino-grid {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
  }
}


/* Live table art fills its existing card. GV2 portrait covers keep contain. */
html[data-ak888] #root#root#root#root#root#root .bk-app .page-casino .bg-game-picture>img[src*="/api/live-games/images/"] {
  object-fit:cover !important;
  object-position:center !important;
}


/* Platforms heading: 20% larger than its rendered 24px glyph. */
html[data-ak888] #fen-ui #ak888-home .ak888-platforms .ak888-section-head h2>.ak888-icon {
  width:28.8px !important;
  height:28.8px !important;
  transform-origin:50% 65%;
  animation:ak888-platform-gamepad 3.2s ease-in-out infinite;
}
@keyframes ak888-platform-gamepad {
  0%,60%,100% { transform:translateY(0) rotate(0deg); filter:drop-shadow(0 0 1px #f2c76540); }
  14% { transform:translateY(-1px) rotate(-5deg); filter:drop-shadow(0 0 4px #ffce6099); }
  28% { transform:translateY(-1px) rotate(5deg); filter:drop-shadow(0 0 4px #ffce6099); }
  42% { transform:translateY(0) rotate(-3deg); filter:drop-shadow(0 0 2px #f2c76570); }
}



/* Search scroll stays available without the visible gutter or inner focus box. */
html[data-ak888] #ak888-search {
  overflow-y:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
html[data-ak888] #ak888-search::-webkit-scrollbar { display:none; width:0; height:0; }
html[data-ak888] #ak888-search #ak888-search-input,
html[data-ak888] #ak888-search #ak888-search-input:focus,
html[data-ak888] #ak888-search #ak888-search-input:focus-visible {
  border:0 !important;
  outline:0 !important;
  outline-offset:0 !important;
  box-shadow:none !important;
}
html[data-ak888] #ak888-search .ak888-search-field:focus-within { border-color:#c279d8; }

/* Independent glass menu bubble; the original menu action owns its state. */
html[data-ak888] #fen-ui #ak888-menu-bubble {
  position:fixed;
  z-index:503;
  right:max(12px,calc((100vw - 1100px)/2 + 12px));
  bottom:calc(84px + env(safe-area-inset-bottom,0px));
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  border:1px solid #d58ce0a0;
  border-radius:50%;
  background:radial-gradient(circle at 30% 20%,#b574c25c,transparent 65%),linear-gradient(145deg,#6d3185a6,#290f43d9);
  color:#f4dcff;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 5px #f6d8ff40,0 4px 14px #08000d70,0 0 12px #d55bdf38;
  animation:ak888-menu-idle 3.6s ease-in-out infinite;
  touch-action:manipulation;
}
html[data-ak888] #fen-ui #ak888-menu-bubble::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(115deg,transparent 30%,#fff7 48%,transparent 66%);
  transform:translateX(-130%);
  animation:ak888-menu-sheen 4.8s ease-in-out infinite;
  pointer-events:none;
}
html[data-ak888] #fen-ui #ak888-menu-bubble>.ak888-icon { width:24px !important; height:24px !important; }
html[data-ak888] #fen-ui #ak888-menu-bubble:is([aria-expanded="true"],:focus-visible,:active) { opacity:1; animation:none; }
html[data-ak888] #fen-ui #ak888-menu-bubble:focus-visible { outline:2px solid #ffe08a; outline-offset:3px; }
@media (hover:hover) and (pointer:fine) {
  html[data-ak888] #fen-ui #ak888-menu-bubble:hover { opacity:1; animation:none; }
}
@keyframes ak888-menu-idle {
  0%,100% { opacity:.55; }
  50% { opacity:.75; }
}
@keyframes ak888-menu-sheen {
  0%,65% { transform:translateX(-130%); opacity:0; }
  70% { opacity:.6; }
  90%,100% { transform:translateX(130%); opacity:0; }
}



/* Left-center glass menu with two rotating flame trails. */
html[data-ak888] #fen-ui #ak888-menu-bubble {
  left:max(8px,env(safe-area-inset-left,0px));
  right:auto;
  top:50%;
  bottom:auto;
  transform:translateY(-50%);
  overflow:visible;
  opacity:1;
  animation:none;
  filter:none;
  border-color:#ffd68ab3;
  background:radial-gradient(circle at 28% 20%,#d599d14d,transparent 65%),linear-gradient(145deg,#64317a8c,#270d3bb3);
  box-shadow:inset 0 1px 5px #f6d8ff40,0 0 8px #ff8b304d;
  transition:left .2s ease,background .2s ease;
}
html[data-ak888] #fen-ui #ak888-menu-bubble::before {
  inset:-5px;
  padding:3px;
  z-index:-1;
  opacity:1;
  background:conic-gradient(from 0deg,transparent 0deg,#ff4c10 44deg,#ffb12b 80deg,#fff2a3 109deg,#ff8f18 122deg,transparent 155deg,transparent 180deg,#ff4612 224deg,#ffba35 260deg,#fff6bc 289deg,#ff8a18 302deg,transparent 335deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  filter:drop-shadow(0 0 3px #ffad38) drop-shadow(0 0 6px #ff491180);
  animation:ak888-menu-fire-orbit 2.4s linear infinite;
}
html[data-ak888] #fen-ui #ak888-menu-bubble::after {
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(ellipse 5px 7px at 50% 4px,#fff8c9 10%,#ffc450 35%,#ff5716 65%,transparent 85%),radial-gradient(ellipse 4px 6px at 50% calc(100% - 4px),#fff3ad 10%,#ffae28 40%,#ff4716 65%,transparent 85%);
  filter:drop-shadow(0 0 4px #ff8c23);
  animation:ak888-menu-fire-orbit 2.4s linear infinite;
}
@keyframes ak888-menu-fire-orbit { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
/* The open drawer leaves its close handle accessible beside the narrower panel. */
html[data-ak888] #fen-ui.fen-menu-open #ak888-menu-bubble { left:calc(min(224px,calc(100vw - 80px)) + 8px); background:#431451f2; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sidebar { width:min(224px,calc(100vw - 80px)) !important; padding:10px !important; }
html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sidebar .fen-nav-button { gap:8px !important; padding-inline:7px !important; }
html[data-ak888] #fen-ui .ak888-menu-sound[aria-pressed="true"] { color:#ffe2a1 !important; }
html[data-ak888] #fen-ui .ak888-menu-sound[aria-pressed="true"] .ak888-drawer-icon { color:#ffe2a1 !important; }
@media (max-width:999px) {
  html[data-ak888] #ak888-home>.ak888-benefits { padding-bottom:6px; }
}


/* Compact authentication spacing; keep all native fields, validation and status. */
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .bg-dialog-inner { padding:10px !important; gap:4px !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-logo { margin:0 !important; padding:0 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .ba-brand-logo { width:112px !important; height:37.3333px !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .bg-dialog-close { width:34px !important; height:34px !important; min-height:34px !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper { padding:0 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper .ba-auth-modes { padding:3px !important; gap:4px !important; margin:0 0 6px !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper .ba-auth-modes>button { height:36px !important; min-height:36px !important; padding:7px 12px !important; font-size:14px !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper form>label:not(.bg-consent),
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper .sms-fields>label { margin:0 0 4px !important; font-size:10px !important; line-height:1.2 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper input:not([type="checkbox"]) { height:36px !important; min-height:36px !important; margin-top:3px !important; padding-block:0 !important; font-size:16px !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper :is(.sms-phone-row,.sms-code-row) { margin-top:3px !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper :is(.sms-phone-row,.sms-code-row) input { margin-top:0 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper .sms-code-row>button { height:36px !important; min-height:36px !important; padding-block:0 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper .sms-fields { margin:0 0 3px !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper .sms-fields small { font-size:10px !important; line-height:1.25 !important; margin:0 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper .bg-password-field { height:36px !important; margin-top:3px !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper .bg-password-field>input { margin-top:0 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper .bg-invitation-field { margin:4px 0 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper .bg-invitation-field>summary { padding:4px 9px !important; line-height:1.3 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper .bg-consent { margin:4px 0 !important; font-size:10.5px !important; line-height:1.25 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper .bg-auth-links { margin:3px 0 5px !important; font-size:11px !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper form>[role="status"] { margin:4px 0 6px !important; font-size:10.5px !important; line-height:1.3 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-paper .green-action { min-height:40px !important; height:40px !important; padding:7px 12px !important; font-size:14px !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog:is(.modal-login,.modal-register,.modal-reset) .auth-paper .bg-password-field>input { padding-right:52px !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog:is(.modal-login,.modal-register,.modal-reset) .auth-paper .bg-password-field>button.password-visibility {
  right:10px !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  width:28px !important;
  height:28px !important;
  min-height:28px !important;
  padding:0 !important;
  margin:0 !important;
}

html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sidebar .fen-nav-button.ak888-menu-sound[aria-pressed] {
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

html[data-ak888] #fen-ui #ak888-menu-bubble::before { transform:rotate(0deg); }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog.modal-register .auth-logo { height:38px !important; min-height:38px !important; }

/* Bright flame tips extend beyond the gold trail without clipping at the edge. */
html[data-ak888] #fen-ui #ak888-menu-bubble { left:max(12px,env(safe-area-inset-left,0px)); }
html[data-ak888] #fen-ui.fen-menu-open #ak888-menu-bubble { left:calc(min(224px,calc(100vw - 80px)) + 10px); }
html[data-ak888] #fen-ui #ak888-menu-bubble::before { inset:-6px; padding:4px; filter:drop-shadow(0 0 3px #ffca55) drop-shadow(0 0 7px #ff5819b3); }
html[data-ak888] #fen-ui #ak888-menu-bubble::after {
  inset:-11px;
  background:radial-gradient(ellipse 7px 10px at 50% 7px,#fff9d6 12%,#ffce55 36%,#ff6a1c 60%,transparent 85%),radial-gradient(ellipse 3px 6px at 65% 8px,#ffe899 12%,#ff9a2c 45%,transparent 85%),radial-gradient(ellipse 2px 4px at 73% 13px,#fff2ad 8%,#ff6b23 48%,transparent 85%),radial-gradient(ellipse 6px 9px at 50% calc(100% - 7px),#fff8c9 12%,#ffbb3c 38%,#ff4e16 62%,transparent 85%),radial-gradient(ellipse 3px 5px at 35% calc(100% - 8px),#ffde72 10%,#ff7a20 48%,transparent 85%);
  filter:drop-shadow(0 0 4px #ff9a2a);
}


/* A light inlay within the glass button, translucent whenever it is idle. */
html[data-ak888] #fen-ui #ak888-menu-bubble {
  overflow:hidden;
  opacity:.55;
  border:1px solid #e6bb8073;
  background:radial-gradient(ellipse at 28% 18%,#d9b4e642,transparent 64%),linear-gradient(145deg,#623b6f9c,#210f38bf);
  box-shadow:inset 0 1px 4px #fff3,inset 0 -2px 5px #11031a70;
  filter:none;
  animation:none;
  transition:opacity .24s ease,left .2s ease,background .2s ease;
}
html[data-ak888] #fen-ui #ak888-menu-bubble::before {
  inset:1px;
  padding:1.5px;
  z-index:0;
  border-radius:50%;
  opacity:.9;
  background:conic-gradient(from 0deg,transparent 0deg 260deg,#c78a6433 280deg,#ffdb9db3 306deg,#fff7d4 323deg,#e7b47c80 336deg,transparent 354deg);
  filter:none;
  transform:rotate(0deg);
  animation:ak888-menu-inlay-rotate 4s linear infinite;
}
html[data-ak888] #fen-ui #ak888-menu-bubble::after {
  inset:2px;
  z-index:0;
  border-radius:50%;
  opacity:0;
  background:linear-gradient(115deg,transparent 30%,#fff3 47%,#fff6 50%,transparent 66%);
  filter:none;
  transform:translateX(-130%);
  animation:ak888-menu-glass-pass 5.2s ease-in-out infinite;
}
html[data-ak888] #fen-ui #ak888-menu-bubble>.ak888-icon { position:relative; z-index:1; }
html[data-ak888] #fen-ui #ak888-menu-bubble:is([aria-expanded="true"],:focus-visible,:active) { opacity:1; }
@media (hover:hover) and (pointer:fine) {
  html[data-ak888] #fen-ui #ak888-menu-bubble:hover { opacity:1; }
}
@keyframes ak888-menu-inlay-rotate { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
@keyframes ak888-menu-glass-pass {
  0%,65% { transform:translateX(-130%); opacity:0; }
  72% { opacity:.45; }
  88% { transform:translateX(130%); opacity:.3; }
  89%,100% { transform:translateX(130%); opacity:0; }
}


/* Desktop layout for the approved SuperLuckyDucky three-column design.
   New navigation and feeds reuse the native action bridge; phone presentation is unchanged. */
html[data-ak888] :is(#ak888-desktop-menu,#ak888-desktop-rail,.ak888-desktop-search-label,.ak888-desktop-extra) { display:none; }
html[data-ak888] #ak888-home :is(.ak888-hero,.ak888-banner)>picture { display:block; width:100%; height:100%; }

@media (min-width:1100px) {
  html[data-ak888] { --ak888-desktop-left:190px; --ak888-desktop-right:250px; --ak888-desktop-start:218px; --ak888-desktop-end:278px; }
  html[data-ak888] body { padding-top:64px !important; padding-bottom:0 !important; }
  html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui { position:relative !important; }
  html[data-ak888] #ak888-header { left:0; transform:none; width:100%; height:64px; gap:18px; padding:5px 20px; border-bottom-color:#922aa586; }
  html[data-ak888] #fen-ui #ak888-header .ak888-brand { width:188px; max-width:188px; height:54px; flex:0 0 188px; }
  html[data-ak888] #fen-ui #ak888-header .ak888-brand img { width:188px; max-width:188px; height:54px; }
  html[data-ak888] .ak888-header-actions { gap:14px; }
  html[data-ak888] #fen-ui #ak888-header button.ak888-search-button { display:flex; align-items:center; justify-content:flex-start; gap:10px; width:308px; height:37px; padding:0 12px; border:1px solid #a138b6 !important; border-radius:22px; background:#1b0428 !important; filter:none; }
  html[data-ak888] #ak888-header .ak888-desktop-search-label { display:block; color:#d8bfeb; font-size:12px; }
  html[data-ak888] #fen-ui #ak888-header button.ak888-search-button>.ak888-icon { width:20px !important; height:20px !important; }
  html[data-ak888] :is(.ak888-login,.ak888-signup) { height:37px; min-width:100px; padding-inline:20px; font-size:13px !important; }
  html[data-ak888] #fen-ui #ak888-menu-bubble,
  html[data-ak888] #ak888-dock,
  html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sidebar,
  html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-menu-shade { display:none !important; }

  html[data-ak888] #ak888-desktop-menu { display:flex; flex-direction:column; gap:10px; position:fixed; z-index:300; left:14px; top:76px; bottom:14px; width:var(--ak888-desktop-left); min-height:0; padding:11px 7px; overflow:auto; overscroll-behavior:contain; scrollbar-width:none; border:1px solid #8c259e; border-radius:11px; background:linear-gradient(150deg,#22072f,#11031e 70%); box-shadow:inset 0 1px 0 #d580e51c; }
  html[data-ak888] #ak888-desktop-menu::-webkit-scrollbar, html[data-ak888] #ak888-desktop-rail::-webkit-scrollbar { display:none; width:0; height:0; }
  html[data-ak888] #ak888-desktop-menu :is(.ak888-desktop-primary,.ak888-desktop-secondary) { display:grid; gap:4px; }
  html[data-ak888] #ak888-desktop-menu .ak888-desktop-secondary { border-top:1px solid #7c298b80; padding-top:9px; }
  html[data-ak888] #ak888-desktop-menu .ak888-desktop-nav-item { display:flex; align-items:center; justify-content:flex-start; gap:12px; width:100%; min-width:0; min-height:43px; padding:8px 11px; border:1px solid transparent; border-radius:9px; background:transparent; box-shadow:none; color:#f3e7fa; text-align:left; font-size:12px; font-weight:550; line-height:1.25; }
  html[data-ak888] #ak888-desktop-menu .ak888-desktop-nav-item>.ak888-icon { width:25px !important; height:25px !important; color:#ffd75d; filter:drop-shadow(0 0 3px #e3a62e30); flex:none; }
  html[data-ak888] #ak888-desktop-menu .ak888-desktop-nav-item>span { min-width:0; }
  html[data-ak888] #ak888-desktop-menu .ak888-desktop-nav-item:is([aria-current="page"],.active) { background:linear-gradient(180deg,#8727b3,#54116f); border-color:#f2c96a; color:#ffe685; box-shadow:inset 0 1px 7px #ffdf755c,0 0 11px #dd2ad55c; }
  html[data-ak888] #ak888-desktop-menu .ak888-desktop-nav-item:not(:disabled):hover { background-color:#53136977; color:#ffe991; }
  html[data-ak888] #ak888-desktop-menu .ak888-desktop-nav-item:disabled { opacity:.45; cursor:default; }
  html[data-ak888] #ak888-desktop-menu .ak888-desktop-sound { border-top:1px solid #7c298b80; padding-top:12px; margin-top:3px; }
  html[data-ak888] #ak888-desktop-menu .ak888-desktop-sound[aria-pressed="true"] { color:#ffe28e; }
  html[data-ak888] #ak888-desktop-menu .ak888-sound-switch { display:flex; align-items:center; justify-content:space-between; gap:5px; flex:none; min-width:47px; margin-left:auto; padding:3px 4px; border:1px solid #947347; border-radius:16px; background:#261129; color:#ccb3d8; font-size:9px; line-height:1; }
  html[data-ak888] #ak888-desktop-menu .ak888-sound-switch::after { content:''; display:block; order:-1; width:17px; height:17px; border-radius:50%; background:#a38baf; box-shadow:inset 0 1px #e8d5ed77; }
  html[data-ak888] #ak888-desktop-menu .ak888-desktop-sound[aria-pressed="true"] .ak888-sound-switch { border-color:#e0b541; color:#ffe586; background:#34200c; box-shadow:0 0 5px #ffbd3140; }
  html[data-ak888] #ak888-desktop-menu .ak888-desktop-sound[aria-pressed="true"] .ak888-sound-switch::after { order:1; background:linear-gradient(#ffe992,#f5b82d); }
  html[data-ak888] #ak888-desktop-menu .ak888-notification-dot { width:6px; height:6px; margin-left:auto; border-radius:50%; flex:none; background:#ff526c; box-shadow:0 0 5px #ff536c77; }
  html[data-ak888] #ak888-desktop-menu .ak888-desktop-nav-item:focus-visible { outline:2px solid #ffe690; outline-offset:-2px; }

  html[data-ak888] #ak888-home,
  html[data-ak888] #ak888-promotions { display:block; width:auto; max-width:none; margin:12px var(--ak888-desktop-end) 0 var(--ak888-desktop-start); padding:0; min-width:0; }
  html[data-ak888] #ak888-home>* { min-width:0; grid-column:auto; grid-row:auto; }
  html[data-ak888] #ak888-home>.ak888-hero { width:100%; aspect-ratio:4/1; margin:0; border:1px solid #b038bb; border-radius:11px; }
  html[data-ak888] #ak888-home :is(.ak888-hero,.ak888-banner)>picture { display:block; width:100%; height:100%; }
  html[data-ak888] #ak888-home :is(.ak888-hero,.ak888-banner)>picture>img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
  html[data-ak888] #ak888-home>.ak888-benefits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; align-content:center; margin:8px 0 0; padding:9px 7px; border-radius:10px; background:linear-gradient(160deg,#280936,#160424); }
  html[data-ak888] #ak888-home>.ak888-benefits button { flex-direction:row; align-items:center; justify-content:center; gap:7px; padding:0 5px; border-right:1px solid #70328475; }
  html[data-ak888] #ak888-home>.ak888-benefits button:last-child { border-right:0; }
  html[data-ak888] #ak888-home>.ak888-benefits button>span { font-size:12px; line-height:1.3; text-align:left; }
  html[data-ak888] #ak888-home>.ak888-benefits .ak888-benefit-break { display:none; }
  html[data-ak888] #fen-ui #ak888-home>.ak888-benefits .ak888-benefit-icon { width:49px !important; height:49px !important; }
  html[data-ak888] #ak888-home>.ak888-cash-shortcuts { grid-column:auto; grid-row:auto; gap:8px; margin:8px 0 0; }
  html[data-ak888] #fen-ui #ak888-home .ak888-cash-shortcuts>button.ak888-cash-button { height:50px; min-height:50px; gap:10px; padding:1px 9px !important; border-radius:10px; font-size:14px; }
  html[data-ak888] #ak888-home .ak888-cash-art { width:38px; height:44px; flex-basis:38px; }
  html[data-ak888] #ak888-home :is(.ak888-platforms,.ak888-game-section) { margin:10px 0 0; }
  html[data-ak888] #ak888-home .ak888-section-head { min-height:28px; margin-bottom:6px; }
  html[data-ak888] #ak888-home .ak888-section-head h2 { gap:8px; font-size:21px; letter-spacing:-.4px; }
  html[data-ak888] #ak888-home .ak888-see-all { font-size:11px !important; }
  html[data-ak888] #ak888-home .ak888-platform-row { display:grid; grid-template-columns:repeat(var(--ak888-platform-count,9),minmax(0,1fr)); gap:7px; padding:0; overflow:visible; }
  html[data-ak888] #fen-ui #ak888-home .ak888-platforms button.ak888-platform-card { padding:0 !important; border-radius:9px; overflow:hidden; background:#250738 !important; }
  html[data-ak888] #ak888-home .ak888-platform-image img { border-radius:8px; }
  html[data-ak888] #ak888-home>.ak888-categories { margin:10px 0 0; gap:7px; }
  html[data-ak888] #ak888-home .ak888-category { height:39px; font-size:12px !important; gap:7px; }
  html[data-ak888] #fen-ui #ak888-home .ak888-category>.ak888-icon { width:22px !important; height:22px !important; }
  html[data-ak888] #ak888-home .ak888-game-grid { grid-template-columns:repeat(8,minmax(0,1fr)); gap:7px; }
  html[data-ak888] #ak888-home .ak888-desktop-extra { display:block; }
  html[data-ak888] #ak888-home .ak888-game-cover { border-radius:9px; }
  html[data-ak888] #ak888-home .ak888-banner { width:100%; aspect-ratio:5.65/1; margin:9px 0 0; border-radius:10px; }
  html[data-ak888] #ak888-home .ak888-play-note { margin:14px 0 16px; font-size:11px; }
  html[data-ak888] #ak888-promotions .ak888-banner { width:100%; aspect-ratio:5.65/1; margin-inline:0; }
  html[data-ak888] #ak888-promotions .ak888-banner>picture { display:block; width:100%; height:100%; }
  html[data-ak888] #ak888-promotions .ak888-banner>picture>img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
  html[data-ak888] #ak888-promotions .ak888-promotion-list { margin-inline:0; }
  html[data-ak888] #root#root#root#root#root#root .bk-app { width:100% !important; max-width:none !important; margin-inline:0 !important; }
  html[data-ak888] #root#root#root#root#root#root .bk-main:not(.page-home) { width:auto !important; max-width:none !important; margin:12px var(--ak888-desktop-end) 28px var(--ak888-desktop-start) !important; }

  html[data-ak888] #ak888-desktop-rail { display:flex; flex-direction:column; gap:9px; position:fixed; z-index:290; right:14px; top:76px; bottom:14px; width:var(--ak888-desktop-right); min-width:0; min-height:0; padding:0 0 2px; overflow:auto; overscroll-behavior:contain; scrollbar-width:none; }
  html[data-ak888] #ak888-desktop-rail :is(.ak888-account-panel,.ak888-desktop-feed) { min-width:0; flex:none; border:1px solid #8c279e; border-radius:11px; background:linear-gradient(145deg,#23082f,#140420); box-shadow:inset 0 1px 0 #eab3ff12; }
  html[data-ak888] #ak888-desktop-rail .ak888-account-panel { padding:15px 13px 13px; }
  html[data-ak888] #ak888-desktop-rail .ak888-account-heading { display:flex; align-items:center; gap:11px; min-width:0; }
  html[data-ak888] #ak888-desktop-rail .ak888-account-avatar { position:relative; display:grid; place-items:center; width:59px; height:59px; flex:0 0 59px; border:1.5px solid #e9b442; border-radius:50%; background:#3b104b; color:#ffdc64; box-shadow:0 0 10px #efb14340,inset 0 0 9px #ffd25020; overflow:hidden; }
  html[data-ak888] #fen-ui #ak888-desktop-rail .ak888-account-avatar>.ak888-icon { width:40px !important; height:40px !important; color:#ffdc64; }
  html[data-ak888] #ak888-desktop-rail .ak888-account-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  html[data-ak888] #ak888-desktop-rail .ak888-account-copy { min-width:0; }
  html[data-ak888] #ak888-desktop-rail .ak888-account-copy h2 { margin:0 0 7px; color:#fff0ff; font-size:14px; line-height:1.2; font-weight:700; }
  html[data-ak888] #ak888-desktop-rail .ak888-account-copy p { margin:0; font-size:11px; line-height:1.4; color:#c6a7d8; overflow-wrap:anywhere; }
  html[data-ak888] #ak888-desktop-rail .ak888-account-balance { margin:9px 0 0; font-size:13px; line-height:1.4; color:#ffdf82; }
  html[data-ak888] #ak888-desktop-rail .ak888-account-entry { display:block; width:100%; height:39px; margin:14px 0 0; border:1px solid #ffed9b; border-radius:23px; background:linear-gradient(#fff39a,#ffd153 55%,#f3b32e); color:#291127; box-shadow:inset 0 1px 1px #fff8,0 0 10px #ffc44e50; font-size:14px; font-weight:750; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-shortcuts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-shortcuts button { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-height:82px; min-width:0; padding:9px 5px; border:1px solid #8d2da0; border-radius:10px; background:linear-gradient(160deg,#250934,#160523); color:#f4e8fc; font-size:12px; }
  html[data-ak888] #fen-ui #ak888-desktop-rail .ak888-rail-shortcuts .ak888-icon { width:31px !important; height:31px !important; color:#ffd659; filter:drop-shadow(0 0 4px #dca32f44); }
  html[data-ak888] #ak888-desktop-rail .ak888-notification-dot { position:absolute; width:7px; height:7px; top:9px; right:31px; border-radius:50%; background:#ff526c; box-shadow:0 0 6px #ff536c77; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed { padding:12px 12px 6px; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-head h2 { display:flex; align-items:center; gap:9px; margin:0; color:#f9efff; font-size:14px; line-height:1.3; font-weight:750; }
  html[data-ak888] #fen-ui #ak888-desktop-rail .ak888-desktop-feed-head .ak888-icon { width:27px !important; height:27px !important; color:#ffda6c; filter:drop-shadow(0 0 4px #e7aa3555); }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-meta { display:flex; align-items:center; justify-content:space-between; gap:7px; margin:0 0 5px; padding-left:36px; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-meta>small { color:#b89bc9; font-size:9px; line-height:1.4; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-meta .ak888-see-all { font-size:9px !important; padding:3px 0; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-clip { height:310px; overflow:hidden; contain:paint; mask-image:linear-gradient(transparent,#000 9px,#000 calc(100% - 10px),transparent); }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-track { display:flex; flex-direction:column; gap:0; will-change:transform; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-card { display:flex; align-items:center; gap:9px; flex:0 0 62px; min-height:62px; min-width:0; padding:6px 0; border-bottom:1px solid #54216665; color:#eee1f6; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-card>img { display:block; width:43px; height:45px; flex:0 0 43px; border:1px solid #9d51ae80; border-radius:8px; object-fit:cover; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-card>span { display:block; flex:1; min-width:0; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-card :is(b,strong) { display:block; color:#f0e5f7; font-size:11px; font-weight:600; line-height:1.4; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-card small { display:block; margin-top:3px; color:#ba9acd; font-size:10px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-card strong { color:#ffde7a; font-size:10px; line-height:1.2; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-card time { align-self:flex-start; margin-top:3px; font-size:9px; color:#b699c7; flex:none; white-space:nowrap; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed[data-feed-kind="activity"] .ak888-desktop-feed-clip { height:310px; }
  html[data-ak888] #ak888-desktop-rail .ak888-feed-chevron { display:block; margin:1px auto 0; color:#e275e4; font-size:22px; font-weight:300; line-height:14px; text-align:center; }
}

@media (min-width:1100px) and (max-width:1279px) {
  html[data-ak888] { --ak888-desktop-left:170px; --ak888-desktop-right:220px; --ak888-desktop-start:196px; --ak888-desktop-end:246px; }
  html[data-ak888] #ak888-desktop-menu { left:12px; }
  html[data-ak888] #ak888-desktop-rail { right:12px; }
  html[data-ak888] #ak888-desktop-menu .ak888-desktop-nav-item { gap:8px; padding-inline:8px; font-size:11px; }
  html[data-ak888] #ak888-desktop-menu .ak888-desktop-nav-item>.ak888-icon { width:24px !important; height:24px !important; }
  html[data-ak888] #ak888-home>.ak888-benefits button { flex-direction:column; gap:3px; }
  html[data-ak888] #ak888-home>.ak888-benefits button>span { font-size:10px; text-align:center; }
  html[data-ak888] #fen-ui #ak888-home>.ak888-benefits .ak888-benefit-icon { width:42px !important; height:42px !important; }
  html[data-ak888] #ak888-home .ak888-section-head h2 { font-size:18px; }
  html[data-ak888] #ak888-home .ak888-game-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
  html[data-ak888] #ak888-home .ak888-platform-row { gap:5px; }
  html[data-ak888] #ak888-home .ak888-category { gap:4px; font-size:11px !important; }
  html[data-ak888] #ak888-desktop-rail .ak888-account-panel { padding:12px 10px; }
  html[data-ak888] #ak888-desktop-rail .ak888-account-heading { gap:8px; }
  html[data-ak888] #ak888-desktop-rail .ak888-account-avatar { width:49px; height:49px; flex-basis:49px; }
  html[data-ak888] #ak888-desktop-rail .ak888-account-copy h2 { font-size:12px; }
  html[data-ak888] #ak888-desktop-rail .ak888-account-copy p { font-size:10px; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed { padding-inline:9px; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-head h2 { gap:6px; font-size:12px; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-card { gap:7px; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-card>img { width:36px; height:42px; flex-basis:36px; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-card strong { color:#ffde7a; font-size:10px; line-height:1.2; }
  html[data-ak888] #ak888-desktop-rail .ak888-desktop-feed-card time { font-size:8px; }
}

/* User request: on 888 Sports keep the small SPORTS label and hide its duplicate lower heading.
   The native section keeps aria-labelledby pointing at this text. Other themes are unaffected. */
html[data-ak888] #ba-sports-title{display:none!important}

/* 888 refinements requested after the first desktop release.
   New PC rows reuse the same sample-feed nodes and native action bridge. */
html[data-ak888] .ak888-category-desktop { display:none !important; }

/* Keep each benefit label on one line. The original spaces after <br> remain. */
html[data-ak888] #ak888-home>.ak888-benefits .ak888-benefit-break { display:none; }
html[data-ak888] #ak888-home>.ak888-benefits button>span { white-space:nowrap; }

/* The closed mobile handle sits at the screen edge and stays visible over art.
   Its original inner light-inlay animation is retained. Open-state placement
   stays next to the drawer so the same button remains a usable close control. */
html[data-ak888] #fen-ui #ak888-menu-bubble:not([aria-expanded="true"]) { left:0; opacity:.82; }
html[data-ak888] #fen-ui #ak888-menu-bubble>.ak888-icon { color:#ffe078 !important; filter:drop-shadow(0 1px 2px #1c0629b3); }
html[data-ak888] #fen-ui #ak888-menu-bubble[aria-expanded="true"] { opacity:1; }
html[data-ak888] #fen-ui #ak888-menu-bubble:is(:focus-visible,:active) { opacity:1; }
@media (hover:hover) and (pointer:fine) {
  html[data-ak888] #fen-ui #ak888-menu-bubble:hover { opacity:1; }
}

@media (max-width:1099px) {
  /* Extend only the backdrop beneath the higher hero; icon/text geometry stays.
     Flat top corners and the covered top edge cannot peek out below the poster. */
  html[data-ak888] #ak888-home>.ak888-benefits { border-top-left-radius:0; border-top-right-radius:0; border-top-color:transparent; }
  html[data-ak888] #ak888-home>.ak888-benefits::before { content:''; position:absolute; z-index:-1; top:-16px; left:-1px; right:-1px; height:16px; border-inline:1px solid #85409b70; border-radius:0; background:inherit; pointer-events:none; }
}
@media (max-width:699px) {
  html[data-ak888] #ak888-home>.ak888-benefits button>span { font-size:10px; }
}

@media (min-width:1100px) {
  html[data-ak888] { --ak888-center-max:1000px; --ak888-center-width:min(var(--ak888-center-max),calc(100vw - var(--ak888-desktop-start) - var(--ak888-desktop-end))); --ak888-center-left:calc(var(--ak888-desktop-start) + max(0px,(100vw - var(--ak888-desktop-start) - var(--ak888-desktop-end) - var(--ak888-center-max))/2)); }
  html[data-ak888] #ak888-home,
  html[data-ak888] #ak888-promotions { width:var(--ak888-center-width); max-width:var(--ak888-center-max); margin:12px 0 0 var(--ak888-center-left); }
  html[data-ak888] #root#root#root#root#root#root .bk-main:not(.page-home) { width:var(--ak888-center-width) !important; max-width:var(--ak888-center-max) !important; margin:12px 0 28px var(--ak888-center-left) !important; }
  html[data-ak888] #ak888-desktop-rail { bottom:auto; max-height:calc(100dvh - 90px); }

  /* Five compact categories instead of four stretched pills. */
  html[data-ak888] #ak888-home>.ak888-categories { grid-template-columns:repeat(5,minmax(0,180px)); justify-content:center; width:min(100%,932px); margin:10px auto 0; gap:8px; }
  html[data-ak888] #ak888-home .ak888-category { width:100%; max-width:180px; }
  html[data-ak888] #ak888-home .ak888-category-desktop { display:flex !important; }
  html[data-ak888] #ak888-home>.ak888-cash-shortcuts { width:min(100%,932px); margin:8px auto 0; }

  /* Recent Rewards precedes Popular; Live Activity follows Featured.
     Both existing queues move horizontally and replace fully off-screen cards. */
  html[data-ak888] #ak888-home>.ak888-home-feed { display:block; min-width:0; margin:12px 0 0; padding:10px 12px 8px; border:1px solid #833299; border-radius:12px; background:linear-gradient(135deg,#2c0c3d,#190627 75%); box-shadow:inset 0 1px 0 #d79fe317; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-head { display:flex; align-items:center; justify-content:space-between; min-height:26px; gap:12px; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-head h2 { display:flex; align-items:center; gap:8px; min-width:0; margin:0; color:#f9efff; font-size:17px; font-weight:750; line-height:1.3; }
  html[data-ak888] #fen-ui #ak888-home>.ak888-home-feed .ak888-desktop-feed-head h2>.ak888-icon { width:25px !important; height:25px !important; color:#ffdb6a; filter:drop-shadow(0 0 3px #dca3394d); }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-meta { display:flex; align-items:center; justify-content:flex-end; gap:12px; flex:none; margin:0; padding:0; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-meta>small { color:#bfa1cf; font-size:10px; line-height:1.3; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-meta .ak888-see-all { font-size:10px !important; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-clip { height:112px; margin-top:8px; overflow:hidden; contain:paint; mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent); }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-track { display:flex; flex-direction:row; align-items:stretch; gap:12px; width:max-content; padding:4px 0; will-change:transform; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-card { display:flex; align-items:center; flex:0 0 210px; width:210px; min-width:0; height:104px; min-height:104px; gap:11px; padding:11px 12px; border:1px solid #68317e; border-radius:10px; background:linear-gradient(150deg,#3a1450,#251036); color:#f3e6fb; box-shadow:inset 0 1px 0 #ebbcff0f; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-card>img { display:block; width:62px; height:70px; flex:0 0 62px; border:1px solid #aa61bd8a; border-radius:8px; object-fit:cover; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-card>span { display:block; flex:1; min-width:0; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-card b { display:block; color:#fff0ff; font-size:12px; line-height:1.4; font-weight:650; white-space:nowrap; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-card small { display:block; margin-top:5px; color:#c4a5d5; font-size:10px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-card strong { display:block; margin-top:4px; color:#ffdc7d; font-size:11px; font-weight:650; line-height:1.3; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-card time { display:block; margin-top:4px; color:#b79ac8; font-size:10px; line-height:1.3; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-feed-chevron { display:none; }
}

@media (min-width:1100px) and (max-width:1279px) {
  html[data-ak888] #ak888-home>.ak888-home-feed { padding-inline:10px; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-head h2 { font-size:15px; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-meta { gap:8px; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-meta>small { font-size:9px; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-track { gap:10px; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-card { flex-basis:190px; width:190px; padding-inline:10px; gap:9px; }
  html[data-ak888] #ak888-home>.ak888-home-feed .ak888-desktop-feed-card>img { width:55px; height:64px; flex-basis:55px; }
}

/* Keep focus feedback inside the auth-paper scrolling viewport. Outside
   outlines were clipped at both field edges because fields fill its width. */
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog:is(.modal-login,.modal-register,.modal-reset) :is(input,textarea,select,button,summary):focus-visible {
  outline:2px solid #ffdb75 !important;
  outline-offset:-2px !important;
  box-shadow:none !important;
}
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog:is(.modal-login,.modal-register,.modal-reset) input[type="checkbox"] { accent-color:#ffdb75; }

/* The Live category keeps its native label/filter; only its status light changes. */
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button .fen-live-indicator {
  position:relative !important; display:inline-block !important; width:20px !important; height:20px !important; flex:0 0 20px !important;
  background:transparent !important; border:0 !important; color:#4cf69a !important; box-shadow:none !important; filter:none !important; overflow:visible !important;
}
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button .fen-live-indicator>b {
  display:block !important; position:absolute !important; left:50% !important; top:50% !important; width:8px !important; height:8px !important;
  margin:0 !important; border:0 !important; border-radius:50% !important; background:#4cf69a !important; box-shadow:0 0 7px #36f58a99 !important;
  transform:translate(-50%,-50%); animation:ak888-live-green-beat 1.8s ease-in-out infinite !important;
}
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button .fen-live-indicator>i {
  display:block !important; position:absolute !important; inset:4px !important; width:auto !important; height:auto !important; margin:0 !important; border:1px solid #41f593 !important;
  border-radius:50% !important; background:transparent !important; box-shadow:none !important; opacity:0; animation:ak888-live-green-ripple 2.2s ease-out infinite !important;
}
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button .fen-live-indicator>i:nth-child(2) { animation-delay:-.73s !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button .fen-live-indicator>i:nth-child(3) { animation-delay:-1.46s !important; }
@keyframes ak888-live-green-beat { 0%,100% { opacity:1; transform:translate(-50%,-50%) scale(1); } 50% { opacity:.72; transform:translate(-50%,-50%) scale(.86); } }
@keyframes ak888-live-green-ripple { 0% { opacity:.65; transform:scale(.55); } 100% { opacity:0; transform:scale(1.7); } }

/* Both menu glyphs use the theme gold, including the expanded close X. */
html[data-ak888] #fen-ui #ak888-menu-bubble,
html[data-ak888] #fen-ui #ak888-menu-bubble>.ak888-close-icon { color:#ffe078 !important; }

html[data-ak888] #fen-ui #ak888-menu-bubble>.ak888-close-icon { position:relative; z-index:1; }

/* The user restored the original full desktop content width. Keep the newer
   horizontal feeds and six categories; remove only desktop2 width caps. */
@media (min-width:1100px) {
  html[data-ak888] { --ak888-center-max:none; --ak888-center-width:calc(100vw - var(--ak888-desktop-start) - var(--ak888-desktop-end)); --ak888-center-left:var(--ak888-desktop-start); }
  html[data-ak888] #ak888-home,
  html[data-ak888] #ak888-promotions { width:calc(100% - var(--ak888-desktop-start) - var(--ak888-desktop-end)); max-width:none; margin:12px var(--ak888-desktop-end) 0 var(--ak888-desktop-start); }
  html[data-ak888] #root#root#root#root#root#root .bk-main:not(.page-home) { width:calc(100% - var(--ak888-desktop-start) - var(--ak888-desktop-end)) !important; max-width:none !important; margin:12px var(--ak888-desktop-end) 28px var(--ak888-desktop-start) !important; }
  html[data-ak888] #ak888-home>.ak888-cash-shortcuts { width:100%; margin:8px 0 0; }
  html[data-ak888] #ak888-home>.ak888-categories { grid-template-columns:repeat(6,minmax(0,1fr)); justify-content:stretch; width:100%; margin:10px 0 0; }
  html[data-ak888] #ak888-home .ak888-category { max-width:none; }
  /* Stack both service shortcuts at the anonymous account-card scale. Account
     content may grow naturally when the native identity includes a balance. */
  html[data-ak888] #ak888-desktop-rail .ak888-account-panel { min-height:142px; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-shortcuts { grid-template-columns:minmax(0,1fr); }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-shortcuts button { width:100%; min-height:142px; }
}

/* Narrow the mobile drawer without moving its native items or actions.
   The expanded X remains ten pixels beyond its edge. On Home only, the
   handle center follows the measured activity-icon row supplied by the app,
   bounded inside a short viewport when that row would otherwise be off-screen. */
@media (max-width:1099px) {
  html[data-ak888] #fen-ui#fen-ui#fen-ui#fen-ui#fen-ui#fen-ui .fen-sidebar { width:min(184px,calc(100vw - 80px)) !important; }
  html[data-ak888] #fen-ui.fen-menu-open #ak888-menu-bubble { left:calc(min(184px,calc(100vw - 80px)) + 10px); }
  html[data-ak888][data-ak888-route="home"] #fen-ui #ak888-menu-bubble { top:clamp(85px,var(--ak888-menu-home-y,42%),calc(100dvh - 90px)); }
  html[data-ak888]:not([data-ak888-route="home"]) #fen-ui #ak888-menu-bubble { top:50%; }
}

/* Extend only the PC account rail with the retained club information and actions.
   All artwork already exists; rewards, favorites, membership and support stay native. */
@media (min-width:1100px) {
  html[data-ak888] #ak888-desktop-rail .ak888-rail-features,
  html[data-ak888] #ak888-desktop-rail .ak888-support-panel { display:block; min-width:0; flex:none; border:1px solid #8c279e; border-radius:11px; background:linear-gradient(145deg,#280b38,#160522); box-shadow:inset 0 1px 0 #eab3ff12; overflow:hidden; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-features-head { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:11px 12px; border-bottom:1px solid #68317d70; background:#34104270; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-features-head>span { color:#ffe090; font-size:13px; font-weight:700; line-height:1.3; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-features-head>small { color:#bfa1cf; font-size:8px; font-weight:600; line-height:1.3; letter-spacing:.1em; white-space:nowrap; }
  html[data-ak888] #ak888-desktop-rail button.ak888-rail-reward { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:100%; min-width:0; min-height:0; margin:0; padding:12px 12px 14px; border:0; border-bottom:1px solid #68317d70; border-radius:0; background:radial-gradient(ellipse at 50% 31%,#8b2d663b,transparent 70%),linear-gradient(155deg,#311044,#200a31); color:#fff0ff; box-shadow:none; text-align:center; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-gift { display:block; width:116px; height:116px; max-width:100%; flex:none; object-fit:contain; filter:drop-shadow(0 3px 6px #09001470) drop-shadow(0 0 9px #e6af432d); }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-reward>strong { display:block; margin:0; color:#ffe18b; font-size:17px; font-weight:750; line-height:1.3; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-reward>small { display:block; max-width:205px; margin:0; color:#cfb1df; font-size:10.5px; line-height:1.4; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-reward-go { display:flex; align-items:center; justify-content:center; gap:7px; min-height:28px; margin-top:4px; padding:5px 13px; border:1px solid #ddb6638c; border-radius:17px; background:linear-gradient(#644176,#3c1a50); color:#ffe7a0; font-size:10px; font-weight:650; line-height:1.2; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-feature-body { min-width:0; padding:12px; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-eyebrow { margin:0 0 7px; color:#b799c9; font-size:8.5px; font-weight:650; line-height:1.4; letter-spacing:.12em; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-feature { display:flex; align-items:flex-start; justify-content:flex-start; gap:9px; width:100%; min-width:0; min-height:0; margin:0 0 10px; padding:5px 0; border:0; border-radius:6px; background:transparent; color:#f6e8fc; box-shadow:none; text-align:left; }
  html[data-ak888] #fen-ui #ak888-desktop-rail .ak888-rail-feature>.ak888-icon { display:block; width:27px !important; height:27px !important; flex:none; margin-top:1px; color:#ffdc75; filter:drop-shadow(0 0 3px #dba43830); }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-feature>span { display:block; flex:1; min-width:0; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-feature strong { display:block; margin:0; color:#f6e6ff; font-size:11.5px; font-weight:650; line-height:1.35; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-feature small { display:block; margin-top:4px; color:#bda0cf; font-size:10.5px; font-weight:400; line-height:1.45; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-quicklinks { display:grid; gap:6px; margin:0; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-quicklink { display:flex; align-items:center; justify-content:space-between; gap:7px; width:100%; min-width:0; min-height:34px; margin:0; padding:8px 10px; border:1px solid #69357d; border-radius:8px; background:linear-gradient(160deg,#341346,#241030); color:#f0dff8; box-shadow:inset 0 1px 0 #eac6ff0a; font-size:10.5px; font-weight:550; line-height:1.3; text-align:left; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-quicklink>span { min-width:0; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-quicklink>.ak888-chevron { color:#d1a0e5; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-feature-foot { margin:12px 0 0; padding-top:11px; border-top:1px solid #67317b70; color:#aa8bbc; font-size:9px; font-weight:400; line-height:1.5; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-feature-foot>b { display:block; margin-bottom:3px; color:#cfb2de; font-size:8px; font-weight:650; line-height:1.4; letter-spacing:.08em; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-feature-foot>span { display:block; }

  /* The support action remains one native button. Configured community links
     are separate anchors, so choosing a link does not trigger the support route. */
  html[data-ak888] #ak888-desktop-rail .ak888-support-panel button.ak888-support-entry { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; width:100%; min-width:0; min-height:142px; margin:0; padding:14px 12px; border:0; border-radius:0; background:transparent; color:#f4e8fc; box-shadow:none; text-align:center; }
  html[data-ak888] #fen-ui #ak888-desktop-rail .ak888-support-entry>.ak888-icon { width:33px !important; height:33px !important; color:#ffd96b; filter:drop-shadow(0 0 4px #dca32f44); }
  html[data-ak888] #ak888-desktop-rail .ak888-support-entry>span { display:block; color:#f6e9ff; font-size:13px; font-weight:650; line-height:1.3; }
  html[data-ak888] #ak888-desktop-rail .ak888-support-entry>small { display:block; margin-top:2px; color:#c4a6d5; font-size:10px; font-weight:400; line-height:1.4; }
  html[data-ak888] #ak888-desktop-rail .ak888-support-entry>strong { display:block; color:#ffe192; font-size:11px; font-weight:650; line-height:1.3; }
  html[data-ak888] #ak888-desktop-rail .ak888-community-links { display:grid; gap:6px; margin:0 11px 12px; padding-top:10px; border-top:1px solid #67317b80; }
  html[data-ak888] #ak888-desktop-rail :is(a,button).ak888-community-link { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:8px; width:100%; height:auto; margin:0; box-shadow:none; text-align:left; min-width:0; min-height:35px; padding:7px 9px; border:1px solid #714087; border-radius:8px; background:#2f113f; color:#e6cfef; font-size:11px; font-weight:550; line-height:1.3; text-decoration:none; }
  html[data-ak888] #fen-ui #ak888-desktop-rail .ak888-community-link>.ak888-icon { width:19px !important; height:19px !important; flex:none; color:#eecb81; }
  html[data-ak888] #ak888-desktop-rail .ak888-community-link>span { flex:1; min-width:0; }
  html[data-ak888] #ak888-desktop-rail .ak888-community-link>.ak888-chevron { color:#c59bd9; }
  html[data-ak888] #ak888-desktop-rail button.ak888-community-link:disabled { opacity:.65; cursor:default; border-color:#5d3b6b; background:#24112f; color:#bfa8ca; }
  html[data-ak888] #fen-ui #ak888-desktop-rail button.ak888-community-link:disabled>.ak888-icon { color:#bea1c0; filter:none; }
  html[data-ak888] #ak888-desktop-rail :is(.ak888-rail-reward,.ak888-rail-feature,.ak888-rail-quicklink,.ak888-support-entry,.ak888-community-link):focus-visible { outline:2px solid #ffe08c; outline-offset:-3px; }
}
@media (min-width:1100px) and (hover:hover) and (pointer:fine) {
  html[data-ak888] #ak888-desktop-rail :is(.ak888-rail-reward,.ak888-rail-feature,.ak888-support-entry):hover { background-color:#5a20782b; }
  html[data-ak888] #ak888-desktop-rail :is(.ak888-rail-quicklink,.ak888-community-link:not(:disabled)):hover { border-color:#b379c8; background:#461c56; color:#ffe6a0; }
}
@media (min-width:1100px) and (max-width:1279px) {
  html[data-ak888] #ak888-desktop-rail .ak888-rail-features-head { padding-inline:10px; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-feature-body { padding-inline:10px; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-reward>small { max-width:185px; font-size:10px; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-feature { gap:8px; }
  html[data-ak888] #ak888-desktop-rail .ak888-rail-feature strong { font-size:11px; }
  html[data-ak888] #ak888-desktop-rail .ak888-community-links { margin-inline:10px; }
}

/* The mobile home handle overlaps the left edge and follows the benefits-panel gap. */
@media (max-width:1099px) {
  html[data-ak888] #fen-ui #ak888-menu-bubble:not([aria-expanded="true"]) { left:-12px; }
}

/* The install preview uses the same mascot app icon and gold benefit symbols. */
html[data-ak888="1"] #root .bg-install .ba-install-logo > .ba-brand-logo,
html[data-ak888="1"] #root .bg-install .ak888-install-benefit-row > img.bg-art { display:none!important; }
html[data-ak888="1"] #root .bg-install .ba-install-logo { display:flex;align-items:center;justify-content:center;margin-bottom:12px; }
html[data-ak888="1"] #root .bg-install .ak888-install-app-icon { display:block;width:96px;height:96px;object-fit:cover;border-radius:22px;box-shadow:0 0 22px #d89b4738; }
html[data-ak888="1"] #root .bg-install .ak888-install-benefits { display:flex;gap:12px;align-items:center;justify-content:center; }
html[data-ak888="1"] #root .bg-install .ak888-install-benefit-icon { width:42px;height:42px;filter:drop-shadow(0 0 5px #ffc65a66); }
html[data-ak888="1"] #root .bg-install .bg-phone-model > b { color:#ffe18b; }
html[data-ak888="1"] #root .bg-install .bg-phone-model > span { color:#cab4df; }
html[data-ak888="1"] #root#root .bg-install .ak888-install-benefit-icon { color:#ffe18b!important; }
html[data-ak888="1"] #root#root .bg-install .bg-phone-model > b { color:#ffe18b!important; }
html[data-ak888="1"] #root#root .bg-install .bg-phone-model > span { color:#cab4de!important; }
html[data-ak888="1"] #root#root .bg-install .bg-install-steps span { color:#d4bfe4!important; }
html[data-ak888="1"] #root#root .bg-install .bg-install-steps b,
html[data-ak888="1"] #root#root .bg-install .bg-text-button { color:#ffe18b!important; }

/* Keep the viewport menu fixed while scrolling; scale its full glass surface and icon. */
@media (max-width:1099px) {
  html[data-ak888] #fen-ui #ak888-menu-bubble {
    position:fixed;
    transform:translateY(-50%) scale(.87);
    transform-origin:center center;
  }
}

/* Desktop-only Wallet uses the existing native dock gate. Phone keeps three. */
@media (max-width:1099px) {
  html[data-ak888] #fen-ui #ak888-home .ak888-cash-shortcuts>button.ak888-cash-button.ak888-cash-desktop-only { display:none !important; }
}
@media (min-width:1100px) {
  html[data-ak888] #ak888-home>.ak888-cash-shortcuts { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

/* 888 native wallet and money pages. Keep all original controls and actions.
   The native wallet hub is a fen shell sibling of #root, so it needs its own
   palette and normal-flow placement instead of the old pink absolute overlay. */
html[data-ak888] #fen-ui#fen-ui .fen-wallet-overview { position:relative; inset:auto; width:auto; max-width:none; min-width:0; box-sizing:border-box; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:stretch; gap:10px; margin:12px 12px 0; padding:10px; border:1px solid #783990; border-radius:16px; background:linear-gradient(135deg,#301040,#1c082c); color:#f5e8ff; box-shadow:inset 0 1px 0 #efcfff12; font-family:inherit; }
html[data-ak888] #fen-ui#fen-ui .fen-wallet-overview[hidden] { display:none!important; }
html[data-ak888] #fen-ui#fen-ui .fen-wallet-balance-card { display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:"eyebrow" "label" "amount"; align-content:center; gap:3px; min-width:0; padding:10px 13px; border:1px solid #76428a; border-radius:11px; background:linear-gradient(125deg,#40204e,#2b103e); box-shadow:none; }
html[data-ak888] #fen-ui#fen-ui .fen-wallet-balance-card p { margin:0; color:#ffdf82; font-size:9px; line-height:1.3; letter-spacing:.12em; }
html[data-ak888] #fen-ui#fen-ui .fen-wallet-balance-card>span { color:#c8acd9; font-size:11px; line-height:1.4; }
html[data-ak888] #fen-ui#fen-ui .fen-wallet-balance-card strong { min-width:0; margin:0; color:#ffe7a1; font-size:clamp(18px,2vw,25px); line-height:1.15; white-space:normal; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
html[data-ak888] #fen-ui#fen-ui .fen-wallet-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; min-width:0; padding:5px; border:1px solid #65317b; border-radius:11px; background:#180723; }
html[data-ak888] #fen-ui#fen-ui .fen-wallet-tabs>button { display:flex; flex-direction:row; align-items:center; justify-content:center; gap:7px; min-width:0; min-height:44px; padding:9px 10px!important; border:1px solid #74418a!important; border-radius:8px!important; background:#2a103c!important; color:#dec6ec!important; box-shadow:none!important; font-size:12px; line-height:1.3; }
html[data-ak888] #fen-ui#fen-ui .fen-wallet-tabs>button[aria-selected="true"] { background:linear-gradient(#ffe99c,#f5c34e)!important; border-color:#ffe8a0!important; color:#2b1233!important; box-shadow:inset 0 1px 0 #fff8!important; }
html[data-ak888] #fen-ui#fen-ui .fen-wallet-tabs>button svg { width:20px; height:20px; flex:none; color:inherit; }
html[data-ak888] #fen-ui#fen-ui .fen-wallet-tabs>button:focus-visible { outline:2px solid #ffe7a0; outline-offset:-3px; }
html[data-ak888].fen-wallet-view #root#root#root#root#root#root .bk-app .bk-main:is(.page-orders,.page-withdraw) { margin-top:12px!important; }
@media (min-width:1100px) {
html[data-ak888] #fen-ui#fen-ui .fen-wallet-overview { margin:12px var(--ak888-desktop-end,278px) 0 var(--ak888-desktop-start,218px); }
}
@media (max-width:599px) {
html[data-ak888] #fen-ui#fen-ui .fen-wallet-overview { grid-template-columns:minmax(0,1fr); gap:7px; padding:8px; }
html[data-ak888] #fen-ui#fen-ui .fen-wallet-balance-card { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"eyebrow amount" "label amount"; column-gap:8px; padding:8px 11px; }
html[data-ak888] #fen-ui#fen-ui .fen-wallet-balance-card strong { align-self:center; text-align:right; font-size:18px; }
}
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) { width:100%; max-width:100%; min-width:0; box-sizing:border-box; color:#f5e8ff; --ba-rose-light:#ffe195; --ba-rose:#ffd674; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-panel { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; min-width:0; padding:18px; border:1px solid #783990!important; border-radius:16px; background:linear-gradient(140deg,#291039,#1c082b)!important; box-shadow:inset 0 1px 0 #e4b4ff0e!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-heading { grid-column:1/-1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin:0; padding-bottom:12px; border-color:#68317f!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-heading h1 { margin:0; font-size:clamp(22px,2vw,30px); line-height:1.2; color:#f5e8ff!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-heading>span { color:#c8acd9!important; font-size:11px; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) :is(.gv-deposit-method-section,.gv-deposit-amount) { min-width:0; max-width:100%; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-amount { padding-left:0; border-left:0; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-methods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; min-width:0; margin:0; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-methods>.gv-deposit-method { min-width:0; min-height:62px; gap:8px; padding:10px; border:1px solid #75408a!important; border-radius:10px; background:#241035!important; color:#ead7f3!important; box-shadow:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-methods>.gv-deposit-method b { min-width:0; font-size:12px; line-height:1.3; overflow-wrap:anywhere; color:inherit!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-methods>.gv-deposit-method:is(.selected,[aria-pressed="true"]) { border-color:#ffdc82!important; background:linear-gradient(130deg,#633179,#3d1853)!important; color:#fff2c4!important; box-shadow:inset 0 0 0 1px #ffda753b!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) :is(.gv-deposit-selected,.gv-deposit-points strong,.gv-deposit-confirmation>svg) { color:#ffe195!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-method-logo { flex-shrink:0; box-shadow:none; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) :is(.gv-deposit-label,.gv-deposit-note,.gv-deposit-status,.gv-deposit-empty,.gv-deposit-amount form>label) { color:#c8acd9!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-presets>button { min-width:0; border-color:#704086!important; background:#251036!important; color:#e9d6f5!important; box-shadow:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-presets>button:is(.selected,[aria-pressed="true"]) { border-color:#ffe6a0!important; background:#ffda75!important; color:#2b1233!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .payout-amount-choices { max-width:100%; min-width:0; background:#1b0829!important; border-color:#704086!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .payout-amount-choices>button { border-color:#704086!important; background:#251036!important; color:#e9d6f5!important; box-shadow:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .payout-amount-choices>button[aria-pressed="true"] { border-color:#ffe6a0!important; background:#ffda75!important; color:#2b1233!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-amount :is(input,select,textarea) { min-width:0; max-width:100%; box-sizing:border-box; border-color:#874499!important; background:#180526!important; color:#f5e8ff!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-amount :is(input,select,textarea):focus-visible { outline:2px solid #ffda75; outline-offset:-2px; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) :is(.gv-deposit-method,.gv-deposit-presets>button,.payout-amount-choices>button):focus-visible { outline:2px solid #ffe7a1; outline-offset:-3px; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-amount .bg-yellow.full:not(:disabled) { background:linear-gradient(#ffe99a,#f8ca58)!important; color:#2b1233!important; border-color:#ffe6a0!important; box-shadow:inset 0 1px 0 #fff6!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) :is(.bg-yellow.full,.gv-deposit-method,.gv-deposit-presets>button,.payout-amount-choices>button):disabled { background:#30203f!important; color:#ad99ba!important; border-color:#644b72!important; box-shadow:none!important; cursor:default; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) :is(.gv-deposit-status.unavailable,[role="alert"],.payout-custom-amount>[role="alert"]) { color:#ffb9bd!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) [aria-invalid="true"] { border-color:#ed91a4!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) :is(.gv-deposit-history,.gv-withdraw-result,.gv-withdraw-pending,.gv-withdraw-eligibility,.gv-withdraw-playable,.gv-withdraw-wager,.gv-withdraw-wager-metrics>div) { min-width:0; background:#210c31!important; color:#ead7f5!important; border-color:#704086!important; box-shadow:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-history>summary { color:#ecd6f8!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-history>summary>span { color:#ffe195!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-order { min-width:0; color:#e6d0f1; border-color:#633376; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) :is(.gv-deposit-order b,.gv-deposit-order strong,.gv-deposit-points,.gv-withdraw-summary strong,.gv-withdraw-balance strong,.gv-withdraw-wager-metrics strong,.gv-withdraw-wager-heading strong,.gv-withdraw-wager-remaining b) { color:#ffe195!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) :is(.gv-withdraw-balances,.gv-withdraw-summary,.gv-withdraw-wager,.gv-withdraw-playable,.gv-withdraw-pending,.gv-withdraw-eligibility,.gv-deposit-confirmation,.gv-deposit-empty) { grid-column:1/-1; min-width:0; overflow-wrap:anywhere; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-withdraw-balance-icon { background:#40204e!important; color:#ffda75!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-withdraw-balance :is(span,small) { color:#c8acd9!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-withdraw-wager progress { background:#4a235d!important; accent-color:#ffda75; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-withdraw-wager progress::-webkit-progress-bar { background:#4a235d; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-withdraw-wager progress::-webkit-progress-value { background:#ffda75; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-withdraw-wager progress::-moz-progress-bar { background:#ffda75; }
@container (min-width:760px) {
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-panel { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); column-gap:22px; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-amount { padding-left:22px; border-left:1px solid #68317f; }
}
@media (max-width:479px) {
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-panel { padding:12px; gap:12px; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-deposit-page,.gv-withdraw-page,.bg-checkout-page) .gv-deposit-methods>.gv-deposit-method { padding:8px; min-height:54px; gap:6px; }
}
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-deposit-picker-options>button { min-width:0; background:#251036!important; color:#eddcf7!important; border-color:#804997!important; box-shadow:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-deposit-picker-options>button:focus-visible { outline:2px solid #ffe08c; outline-offset:-3px; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-platform-wallet :is(.gv-wallet-balance strong,.gv-wallet-history summary,.gv-wallet-history p b,.gv-wallet-directions svg,.gv-wallet-amount>div>b) { color:#ffe195!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-platform-wallet :is(.gv-wallet-directions legend,.gv-wallet-directions small,.gv-wallet-range,.gv-wallet-note,.gv-wallet-balance p) { color:#c8acd9!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-platform-wallet .gv-wallet-directions label { background:#251036!important; color:#ead7f5!important; border-color:#75408a!important; box-shadow:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-platform-wallet .gv-wallet-directions label.is-selected { background:#472058!important; color:#fff0ca!important; border-color:#ffda75!important; box-shadow:inset 0 0 0 1px #ffda7533!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-platform-wallet .gv-wallet-directions input { border-color:#b98acb!important; background:#180526!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-platform-wallet .gv-wallet-directions input:checked { border-color:#ffda75!important; background:#2d103f!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-platform-wallet .gv-wallet-amount>div { background:#180526!important; border-color:#874499!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-platform-wallet .gv-wallet-amount>div:focus-within { border-color:#ffda75!important; box-shadow:inset 0 0 0 1px #ffda75!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-platform-wallet .gv-wallet-submit:disabled { background:#30203f!important; color:#ad99ba!important; border-color:#644b72!important; box-shadow:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-wallet-message,.gv-recharge-preview-values,.gv-recharge-preview-result) { background:#210c31!important; color:#ead7f5!important; border-color:#75408a!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-recharge-preview-values,.gv-recharge-preview-result) :is(b,strong) { color:#ffe195!important; }
/* Native inner badges and definition values carry separate hard-coded colors. */
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-deposit-heading>span { background:#38203f!important; color:#e8c97d!important; border-color:#886b42!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-withdraw-balance dd,.gv-withdraw-wager-metrics dd,.gv-withdraw-wager-metrics dd span) { color:#ffe195!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-withdraw-wager-heading h3>span { background:#402044!important; color:#ffe195!important; border-color:#886b42!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-deposit-logo-cashapp { background:#00c94f!important; color:#fff!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-deposit-logo-googlepay { background:#fff!important; color:#3c4043!important; }

/* 888 functional-page palette completion. Presentation only; native states,
   layouts, artwork, categories and payment controls keep their own behavior. */

/* Service-local tokens do not change the approved home/category glow. */
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bk-account-profile,.account-page,.gv-help-hub,.bg-bonus-page,.bg-club,.gv-referral,.page-notifications,.page-history,.bg-info-page,.bg-guide-article,.bg-sound-panel,.disi-tour-panel) { --accent:#ffdb75 !important; --pink:#ffdb75 !important; --ba-rose-light:#ffdb75 !important; color:#fff1ff !important; }

/* Notification rows have their own Fen backgrounds; theming the outer list alone misses them. */
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-notifications>button { background:#210832 !important; color:#fff1ff !important; border-color:#68317f !important; box-shadow:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-notifications>button:not(.seen) { background:linear-gradient(135deg,#321344,#210832) !important; border-color:#a77c50 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-notifications>button.seen { background:#190626 !important; border-color:#59266e !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-notifications>button :is(b,span,p) { color:#fff1ff !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-notifications>button small { color:#c8aedc !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-notifications>button>i { background:#ffdb75 !important; box-shadow:0 0 7px #ffcf4940 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-notifications>button>svg { color:#ffdb75 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.page-notifications,.page-history,.gv-referral) .bg-filter-line { background:transparent !important; border-color:#68317f !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.page-notifications,.page-history,.gv-referral) .bg-filter-line>button { background:#2d103f !important; color:#e2cdeb !important; border-color:#874499 !important; box-shadow:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.page-notifications,.page-history,.gv-referral) .bg-filter-line>button:is(.selected,.active,[aria-pressed="true"]) { background:#ffdb75 !important; color:#2b1233 !important; border-color:#ffe8a4 !important; }

/* Personal Center profile, total and the purchased/bonus/withdrawable breakdown. */
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bk-account-profile,.bk-account-profile .bk-profile,.bk-profile-wallet,.bk-profile-stats,.bk-club-row,.bk-support-card,.bk-daily-strip) { background:linear-gradient(145deg,#2b0d3b,#1b072b) !important; color:#fff1ff !important; border-color:#75328c !important; box-shadow:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bk-profile-person .bk-kicker,.bk-profile-stats span,.bk-profile-wallet small,.bk-profile-wallet em,.bk-profile-note,.bk-club-row small) { color:#c8aedc !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bk-profile-person button,.bk-profile-wallet strong,.bk-profile-wallet .bk-wallet-link,.bk-profile-note>span) { color:#ffdb75 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bk-profile-stats b,.bk-club-row b,.bk-club-row strong,.bk-profile-person h3,.bk-support-card b) { color:#fff1ff !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bk-profile-stats>button { background:linear-gradient(#ffeaa0,#efb940) !important; color:#2b1233 !important; border-color:#ffe8a4 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bk-profile-stats>button :is(span,b,strong,small,svg) { color:inherit !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bk-club-row,.bk-support-card)>svg { color:#ffdb75 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bk-account-profile .bk-profile-sign-out { background:#2d103f !important; color:#e2cdeb !important; border-color:#874499 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ba-profile-balances { color:#fff1ff !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ba-profile-balances :is(.ba-profile-total,.ba-profile-balance) { background:#210832 !important; color:#fff1ff !important; border-color:#75328c !important; box-shadow:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ba-profile-balances .ba-profile-balance-cash { background:linear-gradient(145deg,#351443,#210832) !important; border-color:#a77c50 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ba-profile-balances :is(.ba-profile-total strong,.ba-profile-balance dd) { color:#ffdb75 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ba-profile-balances .ba-profile-balance dt { color:#e2cdeb !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ba-profile-balances :is(.ba-profile-total span,.ba-profile-total small,.ba-profile-balance p,.ba-profile-balance dd small,.ba-profile-balances-foot p) { color:#c8aedc !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ba-profile-balances .ba-profile-balances-foot button { color:#ffdb75 !important; background:transparent !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .account-page :is(.panel,.sms-code-row) { border-color:#75328c !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .account-page :is(label,.fine) { color:#d9c1e6 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .account-page .gv-avatar-option { background:#210832 !important; color:#e2cdeb !important; border-color:#75328c !important; box-shadow:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .account-page .gv-avatar-option.selected { background:#351443 !important; border-color:#ffdb75 !important; box-shadow:0 0 0 1px #ffdb7555 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .account-page .gv-avatar-check { color:#ffdb75 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-session :is(b,span,p) { color:#fff1ff !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-session small { color:#c8aedc !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-session>em { background:#351443 !important; color:#ffdb75 !important; border-color:#874499 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-account-dropdown>button { color:#e2cdeb !important; background:transparent !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-account-dropdown>button:not(:disabled):hover { background:#351443 !important; color:#ffdb75 !important; }

/* Support ticket lists and player/support message bubbles are nested surfaces. */
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-ticket-list>button,.bg-conversation>div,.gv-help-actions>button>span,.gv-help-topics>button,.gv-help-answers details,.bg-faq details) { background:#210832 !important; color:#fff1ff !important; border-color:#68317f !important; box-shadow:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-conversation>.message-player { background:#341344 !important; border-color:#874499 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-conversation>.message-support { background:#1b082d !important; border-color:#68317f !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-ticket-list>button,.bg-conversation) :is(b,span,p) { color:#fff1ff !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-ticket-list>button,.bg-conversation) small { color:#c8aedc !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-conversation b { color:#ffdb75 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-help-heading>span,.gv-help-actions>button>span,.gv-help-actions>button>svg,.gv-help-bottom svg,.gv-help-back,.bg-faq summary span) { color:#ffdb75 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-help-heading>p,.gv-help-actions small,.gv-help-answers p,.gv-help-bottom small,.gv-help-security,.bg-faq details>p) { color:#c8aedc !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-help-answers summary,.gv-help-actions b,.gv-help-bottom b) { color:#fff1ff !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-help-topics>button[aria-pressed="true"] { background:#ffdb75 !important; color:#2b1233 !important; border-color:#ffe8a4 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-help-hub .bg-form label { color:#d9c1e6 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-help-answers details[open],.bg-faq details[open]) { border-color:#a77c50 !important; }

/* Activity history headers, filters, pagination and session metadata. */
html[data-ak888] #root#root#root#root#root#root .bk-app .page-history :is(.bg-table-wrap,.bg-history-filters,.bg-stats-row>div) { background:#210832 !important; color:#fff1ff !important; border-color:#68317f !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .page-history .bg-table-wrap :is(th,td) { color:#e2cdeb !important; border-color:#68317f !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .page-history .bg-table-wrap th { background:#2d103f !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .page-history :is(.bg-history-filters label,.bg-pagination>span,.bg-stats-row span) { color:#c8aedc !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .page-history :is(.bg-stats-row b,.bg-gold-text) { color:#ffdb75 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .page-history .bg-pagination>button { background:#2d103f !important; color:#e2cdeb !important; border-color:#874499 !important; }

/* Ducky Club overview, progress, benefit cards and current tier retain their native geometry. */
html[data-ak888] #root#root#root#root#root#root .bk-app .page-vip :is(.bg-vip-overview,.bg-vip-rank,.bg-tier-grid>article,.bg-stats-row>div) { background:linear-gradient(145deg,#2b0d3b,#1b072b) !important; color:#fff1ff !important; border-color:#75328c !important; box-shadow:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .page-vip .bg-tier-grid>article.current { background:linear-gradient(145deg,#3b1849,#281037) !important; border-color:#d1a74f !important; box-shadow:inset 0 0 18px #ffce4f0b !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .page-vip .bg-tier-grid>article.current::before { background:radial-gradient(ellipse at 50% 22%,#ffdb751c,transparent 72%) !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .page-vip :is(.bg-vip-rank h2,.bg-tier-grid h3,.bg-tier-grid>article.current>span,.bg-stats-row b) { color:#ffdb75 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .page-vip :is(.bg-vip-rank p,.bg-vip-rank span,.bg-vip-overview>.bg-vip-rank+div>p,.bg-tier-grid>article>span,.bg-tier-grid p,.bg-tier-grid small,.bg-stats-row span) { color:#c8aedc !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .page-vip .bg-vip-progress { background:#4a235d !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .page-vip .bg-vip-progress>i { background:linear-gradient(90deg,#bb8b39,#ffdc75) !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-benefit-grid>div,.bg-benefit-grid>article,.bg-benefit-grid>button) { background:#210832 !important; color:#fff1ff !important; border-color:#68317f !important; box-shadow:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-benefit-grid :is(h3,b) { color:#fff1ff !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-benefit-grid :is(p,span,small) { color:#c8aedc !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-member-card>b { color:#ffdb75 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-member-card :is(small,p) { color:#c8aedc !important; }

/* Referral links, share controls, ledger and empty/disabled cards. */
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-referral :is(.rf-steps article,.rf-share-grid>button,.rf-faq details) { background:#210832 !important; color:#fff1ff !important; border-color:#68317f !important; box-shadow:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-referral :is(.rf-hero>p,.rf-mirror small,.rf-section>p,.rf-share-grid small,.rf-steps p,.rf-rule p,.rf-empty,.rf-empty p,.rf-cap>p,.rf-ledger p,.rf-faq p,.rf-stats span,.rf-status) { color:#c8aedc !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-referral :is(.rf-mirror strong,.rf-mirror svg,.rf-code,.rf-code b,.rf-steps article>span,.rf-stats strong,.rf-ledger a,.rf-rule svg) { color:#ffdb75 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-referral :is(.rf-mirror span,.rf-share-grid b,.rf-faq summary) { color:#e2cdeb !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-referral .rf-share-icon { background:#3a174a !important; color:#ffdb75 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-referral .rf-mirror article+article { border-color:#68317f !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-referral .rf-rule { border-left-color:#d1a74f !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-referral .rf-inactive-track { background:#4a235d !important; }

/* Spin and Daily Rewards wrappers/states only; no wheel sectors or prize artwork recolored. */
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-spin-caption,.bg-spin-result,.bg-countdown,.bg-streak,.bg-bonus-calendar>article,.bg-bonus-calendar>button,.bg-bonus-calendar>div) { background:#210832 !important; color:#fff1ff !important; border-color:#75328c !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-bonus-calendar>article.current { background:linear-gradient(145deg,#3b1849,#281037) !important; border-color:#d1a74f !important; box-shadow:0 0 15px #ffce4f0c !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-bonus-calendar>article.collected { border-color:#a77c50 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-bonus-calendar>article :is(b,svg) { color:#ffdb75 !important; text-shadow:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-bonus-calendar>article :is(span,small) { color:#c8aedc !important; text-shadow:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-spin-result strong,.bg-countdown,.bg-streak) { color:#ffdb75 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-spin-promo p:not(.bg-eyebrow),.bg-spin-caption,.bg-countdown small,.bg-streak small) { color:#c8aedc !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .sms-phone-bonus { background:#2d103f !important; border-color:#874499 !important; color:#fff1ff !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .sms-phone-bonus :is(svg,b) { color:#ffdb75 !important; }

/* Guides, legal/help text, sound settings and tour overlays; keep all image assets intact. */
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-guide-grid>button>div,.disi-tour-example,.bg-sound-panel) { background:#2d103f !important; color:#fff1ff !important; border-color:#874499 !important; box-shadow:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-guide-grid>button>h2,.bg-guide-article h2,.bg-info-page h2,.disi-tour-panel h2) { color:#fff1ff !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-guide-grid>button>span,.bg-guide-article p,.bg-info-page p,.disi-tour-panel p,.disi-tour-readonly,.bg-sound-panel label,.bg-sound-panel p,.bg-sound-panel small) { color:#c8aedc !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-guide-grid>button>p,.bg-guide-grid>button>b,.bg-guide-article>section>span,.disi-tour-heading,.disi-tour-heading small,.disi-tour-skip) { color:#ffdb75 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .disi-tour-highlight { border-color:#ffdb75 !important; box-shadow:0 0 0 100vmax #0b0116c9,0 0 18px #ffdb7526 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .disi-tour:not(.has-target) { background:#0b0116c9 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .disi-tour-actions .disi-tour-primary :is(span,b,strong,small,svg) { color:inherit !important; }

/* Functional controls preserve disabled/focus semantics while losing inherited pink fills. */
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.account-page,.gv-help-hub,.page-notifications,.page-history,.bg-club,.bg-bonus-page,.gv-referral,.bg-spin-modal,.bg-guide-article,.disi-tour-panel) :is(button,a):is(:disabled,[aria-disabled="true"]) { background:#241230 !important; color:#a58bad !important; border-color:#573165 !important; box-shadow:none !important; text-shadow:none !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.account-page,.gv-help-hub,.page-notifications,.page-history,.bg-club,.bg-bonus-page,.gv-referral,.bg-spin-modal,.bg-guide-article,.disi-tour-panel) :is(button,a):is(:disabled,[aria-disabled="true"]) :is(span,b,strong,small,svg) { color:inherit !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.account-page,.gv-help-hub,.page-notifications,.page-history,.gv-referral) :is(input,textarea,select,button,a):focus-visible { outline-color:#ffdb75 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.account-page,.gv-help-hub,.gv-referral) :is(input,textarea,select):focus-visible { border-color:#d1a74f !important; outline-offset:-2px !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.account-page,.gv-help-hub) :is(.error,[role="alert"]) { background:#401626 !important; color:#ffc4d2 !important; border-color:#935064 !important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.account-page,.gv-help-hub,.bg-bonus-page) :is(.bg-success,.sms-verified) { background:#17362f !important; color:#bce4ce !important; border-color:#41795d !important; }

/* Owned-session balance details stay compact in the desktop account rail. */
html[data-ak888] #ak888-desktop-rail .ak888-wallet-details { margin:0 0 12px; padding:10px; border:1px solid #79448a; border-radius:9px; background:linear-gradient(145deg,#321044,#1c092b); }
html[data-ak888] #ak888-desktop-rail .ak888-wallet-details dl { display:grid; gap:8px; margin:0; }
html[data-ak888] #ak888-desktop-rail .ak888-wallet-details dl>div { display:flex; align-items:baseline; justify-content:space-between; gap:8px; min-width:0; }
html[data-ak888] #ak888-desktop-rail .ak888-wallet-details dt { flex:1; color:#ceb6dd; font-size:10px; line-height:1.4; }
html[data-ak888] #ak888-desktop-rail .ak888-wallet-details dd { min-width:0; margin:0; color:#ffe28c; font-size:12px; line-height:1.3; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; text-align:right; }
html[data-ak888] #ak888-desktop-rail .ak888-wallet-details dd small { color:#bd9bce; font-size:8px; }
html[data-ak888] #ak888-desktop-rail .ak888-wallet-details>p { margin:8px 0 0; padding-top:7px; border-top:1px solid #68337a70; color:#b79ac9; font-size:9px; line-height:1.45; }
html[data-ak888] #ak888-desktop-rail .ak888-account-balance { font-variant-numeric:tabular-nums; }

/* Plain portrait circles. No decorative avatar overlay. */
html[data-ak888] #ak888-desktop-rail .ak888-account-avatar,
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-avatar-current,.bk-avatar,.gv-menu-avatar) { position:relative!important; overflow:hidden!important; border:0!important; border-radius:50%; background:transparent!important; box-shadow:none!important; }
html[data-ak888] #ak888-desktop-rail .ak888-account-avatar img { inset:0; width:100%; height:100%; border-radius:50%; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-avatar-current,.bk-avatar,.gv-menu-avatar)>.gv-player-avatar-image { width:100%!important; height:100%!important; margin:0; border:0!important; border-radius:50%; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-avatar-option>.gv-avatar-check { background:#ffda75!important; color:#281035!important; z-index:3; }
html[data-ak888] #root#root#root#root#root#root .bk-app .unavailable-login>small { display:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .unavailable-login { background:#180526!important; color:#c8acd9!important; border-color:#68317f!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .unavailable-login .google-button { background:#2d103f!important; color:#ad88c1!important; border-color:#68317f!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(button.gold,button.bg-yellow,button.green-action,button.bg-primary):disabled { background:#30203f!important; color:#ad99ba!important; border-color:#644b72!important; box-shadow:none!important; }
@media (max-width:560px) {
}

/* Complete the native control states found by the signed-in page audit. */
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-expand,.gv-platform-show-more,.bg-pagination>button,.sms-code-row>button,.gv2-session-return button,.gv-menu-auth-actions>button:last-child,.gv-card-refresh,.gv-wallet-refresh,.bg-login) { background:#2d103f!important; color:#ead6f3!important; border-color:#874499!important; box-shadow:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-text-button,.bg-pagination) { color:#ffdb75!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-expand,.gv-platform-show-more,.bg-pagination>button,.sms-code-row>button,.gv2-session-return button,.gv-menu-auth-actions>button:last-child,.gv-card-refresh,.gv-wallet-refresh,.bg-login):not(:disabled):hover { background:#42194e!important; color:#ffe6a0!important; border-color:#b98c55!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-card-play,.gv-card-credit,.gv-card-debit,.gv-menu-auth-actions>button:first-child):not(:disabled) { background:linear-gradient(#ffe99c,#f5c34e)!important; color:#2b1233!important; border-color:#ffe8a0!important; box-shadow:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-yellow,.bg-primary,.bk-primary,.green-action,.gv-auth-submit,.gv-wallet-submit,.gv-card-play,.gv-card-register,.gv-card-credit,.gv-card-debit,.bg-spin-cta,.gv-bonus-claim,button.gold,a.gold,.primary,.btn-login,.auth-submit,.disi-tour-primary,.gv-menu-auth-actions>button,.bg-signup,.bg-outline,button.outline,a.outline,.bg-expand,.gv-platform-show-more,.bg-pagination>button,.sms-code-row>button,.gv-wallet-refresh,.gv-card-refresh,.bg-login,.gv-help-back,.disi-tour-secondary,.gv-deposit-picker-options>button,.gv2-session-return button):is(:disabled,[aria-disabled="true"]) { background:#30203f!important; color:#ad99ba!important; border-color:#644b72!important; box-shadow:none!important; text-shadow:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-expand,.gv-platform-show-more,.bg-pagination>button,.sms-code-row>button,.gv2-session-return button,.gv-menu-auth-actions>button,.gv-card-refresh,.gv-wallet-refresh,.bg-login):is(:disabled,[aria-disabled="true"]) :is(span,b,strong,small,svg) { color:inherit!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(button,a,input,textarea,select):focus-visible { outline-color:#ffe08c!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-vip-spark { background:#ffdc75!important; box-shadow:0 0 6px #e9b34a65!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-wheel-center { color:#32123c!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-wheel-center :is(small,b,span) { color:inherit!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-wheel-dots>i { background:#ffda75!important; box-shadow:0 0 10px #ffca5860!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-wheel-halo { background:repeating-conic-gradient(from 10deg,#b16be00c 0 15deg,transparent 15deg 30deg)!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-wheel-light-group>i { background:#fff1b8!important; box-shadow:0 0 7px #ffd56d80!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-vip-halo { background:radial-gradient(circle,#ffd46852,transparent 70%)!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .rf-illustration { background:radial-gradient(#b879e126,transparent 70%)!important; }

/* Native identity in the top bar, on desktop and mobile. */
html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-login.ak888-header-profile { display:flex; align-items:center; gap:8px; height:auto; min-width:0; max-width:220px; padding:3px 0 3px 5px; border:0!important; border-radius:0; background:none!important; box-shadow:none!important; text-align:left; white-space:normal; }
html[data-ak888] .ak888-header-avatar { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border:0; border-radius:50%; overflow:hidden; background:#40184f; color:#ffe19b; font-size:17px; }
html[data-ak888] .ak888-header-avatar img { display:block; width:100%; height:100%; object-fit:cover; }
html[data-ak888] .ak888-header-user-copy { display:grid; min-width:0; gap:4px; }
html[data-ak888] .ak888-header-user-copy b { max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff0ff; font-size:13px; line-height:1.2; }
html[data-ak888] .ak888-header-user-copy small { display:flex; align-items:center; gap:5px; color:#ffdc75; font-size:12px; line-height:1.2; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }
html[data-ak888] #fen-ui .ak888-header-user-copy small .ak888-icon { width:14px!important; height:14px!important; color:#ffdc75; }
@media(max-width:560px) {
 html[data-ak888] #ak888-header .ak888-header-actions { gap:8px; }
 html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-login.ak888-header-profile { max-width:142px; gap:6px; padding-left:0; }
 html[data-ak888] .ak888-header-avatar { flex-basis:28px; width:28px; height:28px; }
 html[data-ak888] .ak888-header-user-copy b { max-width:102px; font-size:11px; }
 html[data-ak888] .ak888-header-user-copy small { font-size:10px; }
 html[data-ak888] .ak888-header-user-copy { gap:3px; }
}
/* Account content follows the native profile order in the available rail width. */
@media(min-width:1100px) {
 html[data-ak888] #ak888-desktop-rail .ak888-account-panel { padding:16px 12px 12px; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-heading { gap:10px; margin-bottom:14px; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-copy h2 { margin:0 0 5px; font-size:10px; font-weight:600; letter-spacing:.03em; color:#c7a6d8; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-copy p { font-size:15px; font-weight:700; line-height:1.25; color:#fff1ff; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-total { display:flex; align-items:center; justify-content:space-between; min-width:0; gap:8px; padding:11px 10px; margin-bottom:10px; border:1px solid #7c418f; border-radius:9px; background:linear-gradient(120deg,#3a164a,#251033); }
 html[data-ak888] #ak888-desktop-rail .ak888-account-total[hidden] { display:none; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-total>span { display:grid; gap:6px; min-width:0; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-total small { font-size:8px; letter-spacing:.12em; color:#d2b9e0; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-balance { margin:0; font-size:22px; line-height:1.2; overflow-wrap:anywhere; color:#ffe090; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-total>button { flex:0 0 26px; width:26px; height:26px; border:1px solid #91704d; border-radius:50%; color:#ffe090; background:#4d2850; font-size:21px; line-height:1; }
 html[data-ak888] #ak888-desktop-rail .ak888-wallet-details { padding:0; margin:0 0 10px; border:0; background:none; }
 html[data-ak888] #ak888-desktop-rail .ak888-wallet-details dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
 html[data-ak888] #ak888-desktop-rail .ak888-wallet-details dl>div { display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:9px; padding:9px 6px; border:1px solid #6e3b7f; border-radius:7px; background:#2b103a; }
 html[data-ak888] #ak888-desktop-rail .ak888-wallet-details dt { flex:none; min-height:26px; font-size:9px; line-height:1.4; }
 html[data-ak888] #ak888-desktop-rail .ak888-wallet-details dd { text-align:left; font-size:15px; line-height:1.1; }
 html[data-ak888] #ak888-desktop-rail .ak888-wallet-details dd small { display:block; margin-top:4px; font-size:8px; }
 html[data-ak888] #ak888-desktop-rail .ak888-wallet-details>p { margin:7px 0 0; padding:0; border:0; font-size:8px; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-stats { display:grid; grid-template-columns:1fr 1fr; overflow:hidden; border:1px solid #704083; border-radius:8px; background:#281035; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-stats[hidden] { display:none; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-stats>div { display:grid; justify-items:center; gap:5px; padding:9px 4px; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-stats>div+div { border-left:1px solid #70408360; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-stats span { font-size:9px; color:#cfb5dc; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-stats b { font-size:18px; color:#fff1ff; font-variant-numeric:tabular-nums; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-stats>button { display:flex; align-items:center; justify-content:space-between; grid-column:1/-1; width:100%; padding:8px 10px; border:0; border-top:1px solid #704083; background:#42194f; color:#ffe090; font-size:11px; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-entry { height:33px; margin-top:10px; font-size:12px; }
}
/* Remove the requested explanatory block; form and eligibility remain native. */
html[data-ak888] #root#root#root#root#root#root .bk-app section.gv-withdraw-wager[aria-label="Gradual cash unlocking"] { display:none!important; }

@media (min-width:1100px) {
 html[data-ak888] .ak888-cash-wallet .ak-wallet-lid { transform-box:fill-box; transform-origin:15% 100%; animation:ak888-wallet-open-lid 5.8s ease-in-out infinite; }
 html[data-ak888] .ak888-cash-wallet .ak-wallet-clasp { transform-box:fill-box; transform-origin:100% 50%; animation:ak888-wallet-open-clasp 5.8s ease-in-out infinite; }
 html[data-ak888] .ak888-cash-wallet .ak-cash-bill { animation:ak888-wallet-open-card 5.8s ease-in-out infinite!important; opacity:1; }
 html[data-ak888] .ak888-cash-wallet .ak-cash-bill+.ak-cash-bill { animation:none!important; opacity:0; }
 html[data-ak888] .ak888-cash-wallet:is(:hover,:focus-visible) :is(.ak-wallet-lid,.ak-wallet-clasp,.ak-cash-bill) { animation-duration:1.8s!important; }
}
@keyframes ak888-wallet-open-clasp { 0%,18%,70%,100% { transform:perspective(100px) rotateY(0deg); } 30%,54% { transform:perspective(100px) rotateY(-125deg); } }
@keyframes ak888-wallet-open-lid { 0%,24%,66%,100% { transform:translateY(0) rotate(0); } 36%,52% { transform:translateY(-4px) rotate(-17deg); } }
@keyframes ak888-wallet-open-card { 0%,28%,67%,100% { transform:translateY(0); } 40%,52% { transform:translateY(-7px) rotate(-4deg); } }

@media(min-width:1100px){html[data-ak888] #ak888-desktop-rail .ak888-wallet-details dt{min-width:0;max-width:100%;overflow-wrap:anywhere}}
@media(min-width:1100px) and (max-width:1299px){html[data-ak888] #ak888-desktop-rail .ak888-wallet-details dl>div{padding-inline:4px}html[data-ak888] #ak888-desktop-rail .ak888-wallet-details dt{font-size:8px}}

html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-bonus-claim,.bg-spin-cta,.bg-bonus-collect) span { color:inherit!important; }
/* The shared native CSS can replace an img with a pink SVG through content.
   The 888 presentation selects actual purple/gold artwork instead. */
html[data-ak888] #root#root#root#root#root#root .bk-app img.bg-art[data-ak888-art] { content:normal!important; filter:drop-shadow(0 7px 12px #08000f45)!important; }
/* Use composited HTML layers for touch/WebKit motion; SVG artwork stays static. */
html[data-ak888] .ak888-html-cash { position:relative; transform:translateZ(0); -webkit-transform:translateZ(0); }
html[data-ak888] .ak888-cash-layer { position:absolute; inset:0; display:block; pointer-events:none; backface-visibility:hidden; -webkit-backface-visibility:hidden; will-change:transform,opacity; }
html[data-ak888] .ak888-cash-layer[data-ak888-cash-motion="progress"] { transform-origin:35.9375% 50%; }
html[data-ak888] #fen-ui .ak888-html-mark { position:relative; display:inline-block; width:24px; height:28px; flex:0 0 24px; transform-origin:50% 90%; will-change:transform; pointer-events:none; }
html[data-ak888] #fen-ui .ak888-html-mark.is-gamepad { width:28.8px; height:28.8px; flex-basis:28.8px; }
html[data-ak888] #fen-ui #ak888-home .ak888-html-mark>svg { display:block; width:100%!important; height:100%!important; animation:none!important; transform:none!important; }
html[data-ak888] #fen-ui .ak888-html-mark .ak888-trophy-sparkles { display:none!important; }
html[data-ak888] .ak888-html-star { position:absolute; font-style:normal; color:#fff0b2; font-size:11px; line-height:1; text-shadow:0 0 5px #ffe0a5; pointer-events:none; }
html[data-ak888] .ak888-html-star.star-0 { left:-3px; top:-2px; }
html[data-ak888] .ak888-html-star.star-1 { right:-3px; top:7px; font-size:9px; }
html[data-ak888] .ak888-html-star.star-2 { right:5px; bottom:-2px; font-size:7px; }
html[data-ak888] #fen-ui #ak888-header .ak888-logo-effects { display:none!important; }
html[data-ak888] .ak888-motion-logo-host { position:relative!important; }
html[data-ak888] .ak888-html-logo { position:absolute; pointer-events:none; z-index:3; overflow:hidden; display:block; }
html[data-ak888] .ak888-html-eyes,html[data-ak888] .ak888-html-logo-mask { position:absolute; inset:0; display:block; pointer-events:none; }
html[data-ak888] .ak888-html-eyes { opacity:0; will-change:opacity; }
html[data-ak888] .ak888-html-eyes>.ak888-eye-art { position:absolute; inset:0; display:block!important; width:100%!important; height:100%!important; max-width:none!important; overflow:visible; }
html[data-ak888] .ak888-html-logo-mask { -webkit-mask-image:url('/acekirin-static/sld-logo-74da72d27f94.webp'); mask-image:url('/acekirin-static/sld-logo-74da72d27f94.webp'); -webkit-mask-size:100% 100%; mask-size:100% 100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; }
html[data-ak888] .ak888-html-logo-mask>i { display:block; position:absolute; inset:0 auto 0 0; width:20%; background:linear-gradient(110deg,transparent,#fff5cf88 48%,#fff9 52%,transparent); will-change:transform,opacity; }
html[data-ak888] :is(.ak888-category,.ak888-signup,.ak888-account-entry) { position:relative; overflow:hidden; }
html[data-ak888] .ak888-html-sheen { position:absolute; inset:0 auto 0 0; width:23%; display:block; pointer-events:none; background:linear-gradient(90deg,transparent,#fff8,transparent); z-index:4; will-change:transform,opacity; }
html[data-ak888] #fen-ui .ak888-category:not([aria-pressed="true"])>.ak888-html-sheen { visibility:hidden; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-wheel>.ak888-wheel-source { opacity:0!important; }
html[data-ak888] #root .ak888-html-wheel { position:absolute; inset:0; z-index:1; pointer-events:none; will-change:transform; backface-visibility:hidden; -webkit-backface-visibility:hidden; transform-origin:50% 50%; }
html[data-ak888] #root#root#root#root#root#root .ak888-html-wheel>.ak888-wheel-copy { display:block; width:100%!important; height:100%!important; opacity:1!important; transform:none!important; animation:none!important; transition:none!important; }
html[data-ak888] #root .bg-wheel-center { z-index:6; }
html[data-ak888] #root .gv-wheel-light-group { animation:none!important; }
@media(max-width:1099px) {
 html[data-ak888] #ak888-home>.ak888-home-feed { display:block!important; margin:15px 10px 0; padding:11px 10px 10px; min-width:0; overflow:hidden; border:1px solid #733486; border-radius:12px; background:linear-gradient(145deg,#2b103b,#170824); }
 html[data-ak888] #ak888-home .ak888-desktop-feed-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:9px; }
 html[data-ak888] #ak888-home .ak888-desktop-feed-head h2 { display:flex; align-items:center; gap:6px; min-width:0; margin:0; color:#f9eeff; font-size:13px; line-height:1.3; }
 html[data-ak888] #fen-ui #ak888-home .ak888-desktop-feed-head h2>.ak888-icon { width:21px!important; height:21px!important; flex:0 0 21px; color:#ffdb77; }
 html[data-ak888] #ak888-home .ak888-desktop-feed-meta { display:flex; align-items:center; gap:7px; flex:none; margin:0; padding:0; }
 html[data-ak888] #ak888-home .ak888-desktop-feed-meta>small { font-size:8px; color:#b99ccb; }
 html[data-ak888] #ak888-home .ak888-desktop-feed-meta .ak888-see-all { font-size:9px!important; padding:0; }
 html[data-ak888] #ak888-home .ak888-desktop-feed-clip { height:76px; overflow:hidden; contain:paint; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent); mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent); }
 html[data-ak888] #ak888-home .ak888-desktop-feed-track { display:flex; flex-direction:row; gap:8px; width:max-content; will-change:transform; }
 html[data-ak888] #ak888-home .ak888-desktop-feed-card { box-sizing:border-box; display:flex; align-items:center; gap:7px; flex:0 0 154px; width:154px; height:76px; min-width:0; padding:8px 7px; border:1px solid #68347e; border-radius:9px; background:#2a103a; }
 html[data-ak888] #ak888-home .ak888-desktop-feed-card>img { display:block; flex:0 0 39px; width:39px; height:43px; object-fit:cover; border:1px solid #7f478a; border-radius:7px; }
 html[data-ak888] #ak888-home .ak888-desktop-feed[data-feed-kind="activity"] .ak888-desktop-feed-card>img { object-fit:contain; background:#341344; }
 html[data-ak888] #ak888-home .ak888-desktop-feed-card>span { display:block; min-width:0; flex:1; }
 html[data-ak888] #ak888-home .ak888-desktop-feed-card :is(b,small,strong,time) { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.35; }
 html[data-ak888] #ak888-home .ak888-desktop-feed-card b { color:#f5e9fc; font-size:10px; }
 html[data-ak888] #ak888-home .ak888-desktop-feed-card small { color:#c2a5d3; font-size:9px; margin-top:3px; }
 html[data-ak888] #ak888-home .ak888-desktop-feed-card strong { color:#ffdd7c; font-size:10px; margin-top:2px; }
 html[data-ak888] #ak888-home .ak888-desktop-feed-card time { color:#b69bc7; font-size:8px; margin-top:3px; }
 html[data-ak888] #ak888-home .ak888-feed-chevron { display:none; }
}
html[data-ak888] #ak888-home .ak888-desktop-feed[data-feed-kind="activity"] .ak888-desktop-feed-card>img { object-fit:contain; }

html[data-ak888] #fen-ui #ak888-menu-bubble .ak888-menu-motion-ring { position:absolute; inset:1px; z-index:0; display:block; border-radius:50%; pointer-events:none; background:conic-gradient(transparent 12%,#f5b14955 22%,#ffe0a8a3 27%,transparent 34%,transparent 70%,#e7be644a 84%,transparent 95%); -webkit-mask-image:radial-gradient(circle,transparent 61%,#000 65%,#000 71%,transparent 74%); mask-image:radial-gradient(circle,transparent 61%,#000 65%,#000 71%,transparent 74%); }
@media(min-width:1100px) {
 html[data-ak888] #ak888-desktop-rail .ak888-account-heading { gap:10px; margin-bottom:13px; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-portrait-entry { display:block; flex:none; padding:0; margin:0; border:0; border-radius:50%; background:transparent; cursor:pointer; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-copy { display:grid; flex:1; min-width:0; gap:8px; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-name-entry { display:flex; align-items:center; justify-content:space-between; gap:5px; width:100%; padding:0; margin:0; border:0; background:transparent; text-align:left; color:#fff1ff; font-size:16px; font-weight:750; line-height:1.25; cursor:pointer; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-name-entry>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-name-entry>.ak888-chevron { width:11px; height:11px; flex:none; color:#d0ad7b; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-total { display:flex; align-items:center; justify-content:flex-start; gap:5px; padding:0; margin:0; border:0; border-radius:0; background:none; }
 html[data-ak888] #fen-ui #ak888-desktop-rail .ak888-account-total>.ak888-icon { flex:0 0 15px; width:15px!important; height:15px!important; color:#ffdc7c; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-balance { min-width:0; flex:1; font-size:16px; color:#ffe08b; line-height:1.2; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-total>button { flex:0 0 22px; width:22px; height:22px; padding:0; margin:0; font-size:18px; border:1px solid #ad854b; background:#432044; }
 html[data-ak888] #ak888-desktop-rail .ak888-account-entry[hidden] { display:none!important; }
}
@media(max-width:600px) {
 html[data-ak888] #root#root#root#root#root#root .bg-install .bg-install-hero { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:18px!important; margin-top:14px!important; padding:20px 16px 16px!important; border:1px solid #703385!important; border-radius:18px!important; background:radial-gradient(ellipse at 85% 85%,#4b1d623b,transparent 55%),linear-gradient(150deg,#32113f,#1a082b)!important; text-align:left!important; }
 html[data-ak888] #root .bg-install-hero>div:first-child { min-width:0; text-align:left!important; }
 html[data-ak888] #root#root#root#root#root#root .bg-install-hero .bg-eyebrow { margin:0 0 10px!important; color:#d5b488!important; font-size:9px!important; letter-spacing:.12em!important; line-height:1.4!important; }
 html[data-ak888] #root#root#root#root#root#root .bg-install-hero h1 { margin:0 0 12px!important; font-size:28px!important; line-height:1.12!important; letter-spacing:-.04em!important; }
 html[data-ak888] #root#root#root#root#root#root .bg-install-hero>div:first-child>p:not(.bg-eyebrow):not(.bg-subnote) { margin:0 0 16px!important; color:#c9b1d6!important; font-size:12px!important; line-height:1.55!important; }
 html[data-ak888] #root#root#root#root#root#root .bg-install-hero a.ba-app-download { box-sizing:border-box; display:flex!important; align-items:center; justify-content:center; gap:9px; width:100%!important; min-width:0!important; min-height:46px!important; padding:11px 10px!important; border:1px solid #ffe5a0!important; border-radius:12px!important; background:linear-gradient(#ffed9f,#f4c44e)!important; color:#2d1434!important; font-size:14px!important; line-height:1.3!important; box-shadow:0 4px 14px #06000a55!important; white-space:normal!important; }
 html[data-ak888] #root#root#root#root#root#root .bg-install-hero .bg-subnote { margin:8px 0 0!important; color:#af94bf!important; font-size:10px!important; line-height:1.45!important; }
 html[data-ak888] #root#root#root#root#root#root .bg-install .bg-phone-model { box-sizing:border-box; width:140px!important; height:260px!important; margin:2px auto 8px!important; padding:40px 12px 14px!important; border-width:5px!important; border-radius:27px!important; transform:rotate(-4deg)!important; background:linear-gradient(165deg,#250c3a,#160624)!important; box-shadow:0 12px 25px #08001055!important; }
 html[data-ak888] #root .bg-install .bg-phone-model>.bg-phone-island { width:52px!important; height:10px!important; top:10px!important; }
 html[data-ak888] #root#root#root#root#root#root .bg-install .ak888-install-app-icon { width:72px!important; height:72px!important; border-radius:18px!important; }
 html[data-ak888] #root .bg-install .bg-phone-model>b { font-size:16px!important; margin-top:12px!important; line-height:1.2!important; color:#ffe49a!important; }
 html[data-ak888] #root .bg-install .bg-phone-model>span { font-size:6px!important; letter-spacing:.35em!important; margin-top:9px!important; color:#b798cb!important; }
 html[data-ak888] #root .bg-install .bg-phone-model .ak888-install-benefit-row { gap:6px!important; margin-top:18px!important; }
 html[data-ak888] #root .bg-install .ak888-install-benefit-icon { width:27px!important; height:27px!important; }
 html[data-ak888] #root .bg-install .bg-phone-model>p { margin:12px 0 0!important; font-size:8px!important; line-height:1.3!important; color:#b99bc8!important; }
 html[data-ak888] #root .bg-install>.bg-info-panel { margin-top:14px!important; padding:16px!important; border-radius:14px!important; }
 html[data-ak888] #root .bg-install>.bg-info-panel h3 { margin:0 0 9px!important; font-size:16px!important; line-height:1.3!important; }
 html[data-ak888] #root .bg-install>.bg-info-panel p { margin:0!important; font-size:12px!important; line-height:1.6!important; overflow-wrap:anywhere; }
}
/* Tabs float on the page instead of sitting on a hard rectangular strip. */
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs { background:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-install-hero,.bg-info-panel) { border-radius:18px!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.rf-mirror,.rf-stats) { gap:12px!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.rf-mirror,.rf-stats)>article { min-width:0; border:1px solid #68317f!important; border-radius:14px!important; background:linear-gradient(145deg,#291039,#1b0b2b)!important; }
/* Wheel: one aligned HTML rotor, with a purple/gold palette independent of Pink. */
html[data-ak888] #root .bg-wheel>.ak888-html-wheel { inset:2.5%!important; }
html[data-ak888] #root#root#root#root#root#root .ak888-html-wheel>.ak888-wheel-copy { position:absolute!important; inset:0!important; margin:0!important; width:100%!important; height:100%!important; border:0!important; border-radius:50%!important; background:transparent!important; }
html[data-ak888] #root#root#root#root#root#root .ak888-wheel-copy [id*="-sector-"] stop:first-child { stop-color:#9765bd!important; }
html[data-ak888] #root#root#root#root#root#root .ak888-wheel-copy [id*="-sector-"] stop:last-child { stop-color:#3d175b!important; }
html[data-ak888] #root#root#root#root#root#root .ak888-wheel-copy :is([id$="-sector-1"],[id$="-sector-4"]) stop:first-child { stop-color:#7546a4!important; }
html[data-ak888] #root#root#root#root#root#root .ak888-wheel-copy :is([id$="-sector-1"],[id$="-sector-4"]) stop:last-child { stop-color:#260d3e!important; }
html[data-ak888] #root#root#root#root#root#root .ak888-wheel-copy :is([id$="-sector-2"],[id$="-sector-5"]) stop:first-child { stop-color:#c59a53!important; }
html[data-ak888] #root#root#root#root#root#root .ak888-wheel-copy :is([id$="-sector-2"],[id$="-sector-5"]) stop:last-child { stop-color:#6a411c!important; }
html[data-ak888] #root#root#root#root#root#root .ak888-wheel-copy text { font-family:Arial,sans-serif!important; }
html[data-ak888] #root#root#root#root#root#root .ak888-wheel-copy>g>g>text:nth-of-type(3) { font-size:8px!important; letter-spacing:.65px!important; }
html[data-ak888] #root#root#root#root#root#root .bg-wheel-needle>i { background:radial-gradient(circle at 35% 25%,#d5a4ff,#7e31b9 65%,#431564)!important; }

html[data-ak888] .ak888-touch-feedback { filter:brightness(1.14)!important; }
/* The native login-success notifier must inherit the 888 palette too. */
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-toast { box-sizing:border-box; z-index:450; width:max-content!important; right:auto!important; max-width:min(420px,calc(100vw - 28px)); gap:12px; padding:12px 14px; border:1px solid #ba904f!important; border-radius:14px!important; background:linear-gradient(140deg,#351546,#1c092c)!important; color:#fff1ff!important; box-shadow:inset 0 1px #ffe3a61c,0 10px 30px #09000e70!important; font-size:13px; line-height:1.45; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-toast>span { min-width:0; overflow-wrap:anywhere; color:#fff1ff!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-toast>button { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; padding:0; border:1px solid #85538e!important; border-radius:50%; background:#40204e!important; color:#ffdc82!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-toast>button:focus-visible { outline:2px solid #ffe49c; outline-offset:2px; }
/* Three compact balance cards in the same order as the reference. */
html[data-ak888] #root#root#root#root#root#root .gv-withdraw-summary { margin:0!important; padding:0!important; }
html[data-ak888] #root#root#root#root#root#root .gv-withdraw-summary>#gv-withdraw-balances-title,html[data-ak888] #root#root#root#root#root#root .gv-withdraw-summary .gv-withdraw-balance>p,html[data-ak888] #root#root#root#root#root#root .gv-withdraw-summary .gv-withdraw-balance-icon,html[data-ak888] #root#root#root#root#root#root .gv-withdraw-summary .gv-withdraw-playable { display:none!important; }
html[data-ak888] #root#root#root#root#root#root .gv-withdraw-summary .gv-withdraw-balances { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; margin:0!important; padding:0!important; }
html[data-ak888] #root#root#root#root#root#root .gv-withdraw-balances>.gv-withdraw-balance { grid-column:auto!important; min-width:0; min-height:0!important; margin:0!important; padding:10px!important; border-radius:10px!important; }
html[data-ak888] #root#root#root#root#root#root .gv-withdraw-balance-purchased { order:0; }
html[data-ak888] #root#root#root#root#root#root .gv-withdraw-balance-bonus { order:1; }
html[data-ak888] #root#root#root#root#root#root .gv-withdraw-balance-withdrawable { order:2; }
html[data-ak888] #root#root#root#root#root#root .gv-withdraw-balances dt { display:block!important; min-height:0!important; margin:0!important; font-size:11px!important; line-height:1.3!important; white-space:nowrap; }
html[data-ak888] #root#root#root#root#root#root .gv-withdraw-balances dd { display:flex!important; align-items:baseline; gap:3px; margin:6px 0 0!important; line-height:1.15!important; white-space:nowrap; }
html[data-ak888] #root#root#root#root#root#root .gv-withdraw-balances dd strong { font-size:22px!important; }
html[data-ak888] #root#root#root#root#root#root .gv-withdraw-balances dd>span { font-size:9px!important; }
/* Price and bonus stay on separate lines in every deposit preset. */
html[data-ak888] #root#root#root#root#root#root .gv-deposit-presets>button { display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:5px!important; min-height:58px; line-height:1.25!important; white-space:nowrap; }
html[data-ak888] #root#root#root#root#root#root .gv-deposit-presets>button>small { display:block!important; margin:0!important; font-size:11px!important; line-height:1.3!important; white-space:nowrap; }
/* A permanent mobile sound control follows search, before account information. */
html[data-ak888] #ak888-header .ak888-header-sound { display:none; color:#ffda7b; }
html[data-ak888] #ak888-header .ak888-header-sound[aria-pressed="true"] .ak888-sound-muted,html[data-ak888] #ak888-header .ak888-header-sound[aria-pressed="false"] .ak888-sound-waves { display:none; }
@media(max-width:1099px) {
 html[data-ak888] #ak888-header .ak888-header-sound { display:grid; width:27px; height:36px; }
 html[data-ak888] #fen-ui #ak888-header .ak888-header-sound>.ak888-icon { width:21px!important; height:21px!important; }
 html[data-ak888] #ak888-header .ak888-header-sound:disabled { opacity:.5; }
 html[data-ak888] #ak888-header .ak888-header-actions { gap:6px; }
}
@media(max-width:599px) {
 html[data-ak888] #fen-ui#fen-ui .fen-wallet-overview { grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr); gap:6px; padding:6px; margin:8px 10px 0; border-radius:13px; }
 html[data-ak888] #fen-ui#fen-ui .fen-wallet-balance-card { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:3px; padding:7px 8px; border-radius:9px; }
 html[data-ak888] #fen-ui#fen-ui .fen-wallet-balance-card>p { display:none; }
 html[data-ak888] #fen-ui#fen-ui .fen-wallet-balance-card>span { font-size:9px; }
 html[data-ak888] #fen-ui#fen-ui .fen-wallet-balance-card>strong { align-self:auto; font-size:16px; line-height:1.2; text-align:left; white-space:nowrap; }
 html[data-ak888] #fen-ui#fen-ui .fen-wallet-tabs { padding:3px; gap:4px; border-radius:9px; }
 html[data-ak888] #fen-ui#fen-ui .fen-wallet-tabs>button { flex-direction:column; gap:3px; min-height:44px; padding:4px!important; font-size:10px; }
 html[data-ak888] #fen-ui#fen-ui .fen-wallet-tabs>button svg { width:17px; height:17px; }
 html[data-ak888].fen-wallet-view #root#root#root#root#root#root .bk-app .bk-main:is(.page-orders,.page-withdraw) { margin-top:8px!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-panel { gap:9px; padding:11px; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-heading { padding-bottom:8px; }
 html[data-ak888] #root#root#root#root#root#root .gv-withdraw-balances { gap:6px!important; }
 html[data-ak888] #root#root#root#root#root#root .gv-withdraw-balances>.gv-withdraw-balance { padding:8px 6px!important; }
 html[data-ak888] #root#root#root#root#root#root .gv-withdraw-balances dt { font-size:clamp(8px,2.2vw,10px)!important; }
 html[data-ak888] #root#root#root#root#root#root .gv-withdraw-balances dd strong { font-size:20px!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-methods>.gv-deposit-method { min-height:47px; padding:6px; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-amount :is(input:not([type="checkbox"]),select) { min-height:38px; padding-block:8px; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-amount form { gap:8px; }
}
@media(max-width:359px) {
 html[data-ak888] #ak888-header { padding-inline:8px; gap:4px; }
 html[data-ak888] #ak888-header .ak888-header-actions { gap:4px; }
 html[data-ak888] #fen-ui [data-ak888-ui] button.ak888-login.ak888-header-profile { max-width:125px; gap:4px; }
 html[data-ak888] #ak888-header :is(.ak888-login,.ak888-signup):not(.ak888-header-profile) { min-width:57px; padding-inline:9px; }
}
@media(max-width:599px) {
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-panel { gap:8px!important; padding:11px!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-heading { margin:0!important; padding-bottom:8px!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-label,html[data-ak888] #root#root#root#root#root#root .page-withdraw form>label:not(.gv-withdraw-confirm) { margin:0 0 5px!important; font-size:11px!important; line-height:1.3!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-methods { gap:6px!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-methods>.gv-deposit-method { min-height:47px!important; padding:6px!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .payout-amount-choices { grid-template-columns:repeat(auto-fit,minmax(68px,1fr))!important; gap:6px!important; padding:5px!important; margin:4px 0 8px!important; border-radius:11px!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .payout-amount-choices>button { min-height:34px!important; padding:5px!important; font-size:13px!important; border-radius:8px!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .payout-custom-amount { margin-bottom:8px!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .payout-custom-amount>label { font-size:11px!important; line-height:1.3!important; margin-bottom:4px!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-amount input:not([type="checkbox"]) { height:38px!important; min-height:38px!important; margin-bottom:6px!important; padding-block:8px!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .payout-custom-amount>small { margin-top:4px!important; font-size:10px!important; line-height:1.35!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-status { margin-top:5px!important; font-size:10px!important; line-height:1.35!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-points { margin:5px 0!important; font-size:10px!important; line-height:1.35!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-points>strong { font-size:18px!important; line-height:1.2!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw label.gv-withdraw-confirm { margin:6px 0 9px!important; gap:6px!important; font-size:10.5px!important; line-height:1.4!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-withdraw-confirm>input { flex:0 0 16px; width:16px!important; height:16px!important; min-height:16px!important; margin:0!important; padding:0!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-amount .bg-yellow.full { min-height:40px!important; padding:8px 12px!important; }
}
@media(max-width:599px) {
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-methods { grid-template-columns:repeat(auto-fit,minmax(80px,1fr))!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-method-logo { flex:0 0 28px!important; width:28px!important; height:28px!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-methods>.gv-deposit-method { gap:4px!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw .gv-deposit-method b { font-size:11px!important; }
 html[data-ak888] #root#root#root#root#root#root .page-withdraw #gv-withdraw-account+.gv-deposit-status { display:none!important; }
 html[data-ak888] #root#root#root#root#root#root .gv-withdraw-balances dd { flex-wrap:wrap; }
 html[data-ak888] #root#root#root#root#root#root .gv-withdraw-balances dd strong { max-width:100%; font-size:clamp(14px,4.4vw,20px)!important; overflow-wrap:anywhere; white-space:normal; }
 html[data-ak888] #root#root#root#root#root#root .gv-deposit-presets>button { font-size:15px!important; font-weight:700!important; }
}
html[data-ak888] #root#root#root#root#root#root .gv-deposit-presets>button>small { color:inherit!important; opacity:.8; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-deposit-page .gv-deposit-presets>button>small { color:inherit!important; }

/* Keep browser-filled and revealed text readable on the violet form surfaces. */
html[data-ak888] #root#root#root#root#root#root .bk-app :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),textarea,select) { color:#f5e8ff!important; -webkit-text-fill-color:#f5e8ff!important; caret-color:#ffda75!important; color-scheme:dark; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(input,textarea)::placeholder { color:#ad88c1!important; -webkit-text-fill-color:#ad88c1!important; opacity:1!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(input,textarea):is(:-webkit-autofill,:autofill) { background:#241032!important; color:#f5e8ff!important; -webkit-text-fill-color:#f5e8ff!important; caret-color:#ffda75!important; -webkit-box-shadow:0 0 0 1000px #241032 inset!important; box-shadow:0 0 0 1000px #241032 inset!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(input,textarea,select):disabled { color:#bda5cc!important; -webkit-text-fill-color:#bda5cc!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog .auth-paper label { color:#c8acd9!important; }
/* Registered platform accounts share the violet/gold palette, including inner panels. */
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-owned-card { background:linear-gradient(150deg,#2b103d,#1d0a2e)!important; border:1px solid #74418a!important; border-radius:18px!important; box-shadow:inset 0 1px 0 #edcbff12!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-card-top .gv-card-details { background:transparent!important; color:#d8bddf!important; border:0!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-card-balance { margin:12px 0 10px!important; padding:10px 12px!important; border:1px solid #603774!important; border-radius:12px!important; background:#28113a!important; color:#f5e8ff!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-card-balance span { color:#cbb1dc!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-card-balance strong { color:#ffe08b!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-card-balance>button { color:#ddc8e9!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-card-credentials { min-width:0; padding:4px 12px!important; border:1px solid #69417b!important; border-radius:12px!important; background:linear-gradient(135deg,#321541,#261035)!important; color:#f5e8ff!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-credential-row { border-color:#674075!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-credential-row label { color:#d4bce2!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-credential-row :is(button,label svg) { color:#ffdc82!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-credential-row code { color:#fff1ff!important; -webkit-text-fill-color:#fff1ff!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-manual-redeem-rule,.gv-wallet-redeem-preview) { padding:10px 12px!important; border:1px solid #75513d!important; border-radius:12px!important; background:linear-gradient(125deg,#33203e,#291334)!important; color:#e8d9ef!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-manual-redeem-rule>b { color:#ffe098!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-manual-redeem-rule small { color:#cdb6d9!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-platform-group-heading h3>span,html[data-ak888] #root#root#root#root#root#root .bk-app .gv-platform-section .bg-filter-line button>b { border:1px solid #825e86!important; border-radius:999px!important; background:#3b2049!important; color:#ffe098!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-account-state { color:#c5b1d3!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-owned-card :is(.gv-card-credit,.gv-card-debit,.gv-card-play):not(:disabled) { border:1px solid #ffe29a!important; border-radius:10px!important; background:linear-gradient(#ffeb9a,#f4c54b)!important; color:#2b1233!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-owned-card :is(.gv-card-credit,.gv-card-debit,.gv-card-play):not(:disabled) :is(svg,span) { color:#2b1233!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.gv-auth-panel,.gv-platform-error) { border-radius:14px!important; background:#29123b!important; color:#ead7f5!important; border-color:#83558e!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-credential-row button:focus-visible { outline:2px solid #ffdc82!important; outline-offset:1px; }
@media(hover:hover) and (pointer:fine) {
 html[data-ak888] #root#root#root#root#root#root .bk-app .gv-credential-row button:hover { background:#4b2859!important; }
}
/* Preserve the autofill surface while the auth field has its inset focus ring. */
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-dialog:is(.modal-login,.modal-register,.modal-reset) :is(input,textarea):is(:-webkit-autofill,:autofill) { -webkit-box-shadow:0 0 0 1000px #241032 inset!important; box-shadow:0 0 0 1000px #241032 inset!important; }

/* Only publicly connected integrations appear in the native platform directory. */
html[data-ak888] #root#root#root#root#root#root .gv-platform-section :is(.gv-available-card,.gv-owned-card):not([data-ak-connected="true"]),html[data-ak888] #root#root#root#root#root#root .gv-platform-group[data-ak-connected-empty="true"],html[data-ak888] #fen-ui#fen-ui .fen-platform:not([data-ak-connected="true"]) { display:none!important; }
html[data-ak888] #root#root#root#root#root#root .gv-platform-section [data-ak-connected-count] { font-size:0!important; }
html[data-ak888] #root#root#root#root#root#root .gv-platform-section [data-ak-connected-count]::after { content:attr(data-ak-connected-count)!important; font-size:10px!important; line-height:1!important; }
html[data-ak888]:not([data-ak888-platforms-ready="true"]) #root#root#root#root#root#root .gv-platform-section :is(.bg-filter-line b,.gv-platform-group-heading h3>span) { visibility:hidden!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ak888-platform-state { margin:16px 0!important; padding:16px!important; border:1px solid #68317f!important; border-radius:12px!important; background:#210832!important; color:#c8acd9!important; font-size:13px; line-height:1.5; }
html[data-ak888] #root#root#root#root#root#root .gv-platform-section .bg-filter-line [data-ak-connected-count] { display:inline-flex; align-items:center; justify-content:center; min-width:16px; min-height:16px; padding:1px 4px; line-height:1; vertical-align:middle; }

/* Fine native category icons, a single pill edge, and keyboard focus inside it. */
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button[data-ak888-category-glyph]:not([data-ak888-category-glyph="live"])>span,
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button[data-ak888-category-glyph]>svg:not(.ak888-category-glyph) { display:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button>.ak888-category-glyph { display:block!important; width:22px!important; height:22px!important; flex:0 0 22px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.55!important; filter:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button>.ak888-category-glyph * { fill:none!important; stroke:currentColor!important; stroke-width:1.55!important; vector-effect:non-scaling-stroke; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button { border:1px solid #793c93!important; box-shadow:none!important; outline:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button::before { inset:0 0 44%!important; border:0!important; box-shadow:none!important; background:linear-gradient(180deg,#e4b6fa2b,transparent)!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button[aria-selected="true"] { box-shadow:inset 0 5px 9px #fff3,inset 0 -4px 8px #64068c40,0 3px 9px #07001080,0 0 12px #e34fdb60!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button[aria-selected="true"]::before { background:linear-gradient(180deg,#fff8,transparent)!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-category-tabs>button:focus-visible,
html[data-ak888] #root#root#root#root#root#root .bk-app .fen-live-subcategories>button:focus-visible { outline:2px solid #ffe29a!important; outline-offset:-4px!important; }

/* Live subtypes use the same purple/gold palette in every native directory. */
html[data-ak888] #root#root#root#root#root#root .bk-app .fen-live-subcategories { display:flex!important; flex-wrap:wrap!important; gap:8px!important; padding:4px 0 12px!important; border:0!important; background:transparent!important; box-shadow:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .fen-live-subcategories>button { width:auto!important; min-height:34px!important; padding:7px 13px!important; border:1px solid #72438a!important; border-radius:999px!important; background:linear-gradient(180deg,#391449,#200b30)!important; color:#dbc4e7!important; -webkit-text-fill-color:currentColor!important; font-size:12px!important; line-height:1.35!important; font-weight:600!important; box-shadow:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .fen-live-subcategories>button:is(.selected,[aria-pressed="true"]) { border-color:#ffe7a2!important; background:linear-gradient(180deg,#ffe992,#f6c64f)!important; color:#30113d!important; box-shadow:0 2px 9px #f5c75426!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .fen-live-subcategories>button:not([aria-pressed="true"]):hover { background:linear-gradient(180deg,#4b205d,#2b103e)!important; border-color:#b783c8!important; }

/* Pink's inline two-choice sorting, delegating to the original native select. */
html[data-ak888] #root#root#root#root#root#root .bk-app select.ak-sort-source { display:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-directory-meta { gap:10px!important; flex-wrap:wrap!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ak-sort-slider { position:relative!important; isolation:isolate; display:grid!important; grid-auto-flow:column; grid-auto-columns:1fr; width:238px!important; max-width:100%!important; height:38px!important; min-height:38px!important; padding:3px!important; flex-shrink:0; box-sizing:border-box!important; border:1px solid #74418c!important; border-radius:11px!important; background:#2a103d!important; box-shadow:inset 0 1px 3px #10031d66!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ak-sort-thumb { position:absolute; z-index:0; left:3px; top:3px; bottom:3px; width:calc((100% - 6px)/var(--ak-sort-count,2)); border-radius:8px; background:linear-gradient(180deg,#ffe992,#f7ce64)!important; box-shadow:0 1px 5px #0c031e55; transform:translateX(calc(var(--ak-sort-index,0)*100%)); transition:transform .18s ease; pointer-events:none; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ak-sort-slider>button { position:relative!important; z-index:1; display:block!important; width:auto!important; min-width:0!important; height:30px!important; min-height:30px!important; margin:0!important; padding:3px 8px!important; border:0!important; border-radius:8px!important; background:transparent!important; color:#cbb0db!important; -webkit-text-fill-color:currentColor!important; font-size:12px!important; font-weight:600!important; line-height:24px!important; white-space:nowrap; box-shadow:none!important; outline:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ak-sort-slider>button[aria-checked="true"] { color:#2b1233!important; font-weight:800!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ak-sort-slider>button::before,
html[data-ak888] #root#root#root#root#root#root .bk-app .ak-sort-slider>button::after { content:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ak-sort-slider>button:focus-visible { outline:2px solid currentColor!important; outline-offset:-3px!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ak-sort-slider>button:disabled { cursor:default; opacity:.5; }
@media(max-width:599px) {
 html[data-ak888] #root#root#root#root#root#root .bk-app .ak-sort-slider { width:210px!important; height:36px!important; min-height:36px!important; }
 html[data-ak888] #root#root#root#root#root#root .bk-app .ak-sort-slider>button { height:28px!important; min-height:28px!important; font-size:11px!important; line-height:22px!important; padding:3px 5px!important; }
 html[data-ak888] #root#root#root#root#root#root .bk-app .fen-live-subcategories { gap:6px!important; }
 html[data-ak888] #root#root#root#root#root#root .bk-app .fen-live-subcategories>button { min-height:32px!important; padding:6px 10px!important; font-size:11px!important; }
}

/* Remaining native dialogs, account tiles and decorative accents. */
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-recovery { padding:18px!important; border:1px solid #79478c!important; border-radius:16px!important; background:linear-gradient(145deg,#301140,#1b082a)!important; box-shadow:0 12px 35px #09001040!important; color:#f7eafa!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-recovery h2 { color:#f7eafa!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-recovery :is(p,label,small) { color:#cdb2dc!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-recovery input { background:#180724!important; border-color:#825196!important; color:#f9eefa!important; -webkit-text-fill-color:#f9eefa!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-recovery .bg-yellow { background:linear-gradient(180deg,#ffe99a,#f8cb5e)!important; border:1px solid #ffe5a0!important; color:#2b1233!important; box-shadow:0 3px 12px #0003!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-recovery .bg-yellow:disabled { background:#49304e!important; color:#c2aacb!important; border-color:#6d4a7b!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-platform-account-state,.gv-recharge-minimum-preview) { border:1px solid #79508d!important; border-radius:12px!important; background:linear-gradient(145deg,#321742,#21102f)!important; color:#d7bfe3!important; box-shadow:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-platform-account-state,.gv-recharge-minimum-preview) :is(p,small,label) { color:#cbb2d9!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app :is(.bg-platform-account-state,.gv-recharge-minimum-preview) :is(strong,b,.bg-text-button) { color:#ffe49a!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-recharge-minimum-preview .gv-recharge-preview-result { border-color:#b68b48!important; border-radius:10px!important; background:#ffe0940c!important; color:#ffe49a!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-recharge-minimum-preview :is(.gv-recharge-preview-formula,.gv-recharge-preview-floor) { color:#ccb3db!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bk-icon-tile:is(.tone-spin,.tone-bonus,.tone-referral) { background:linear-gradient(145deg,#422051,#281039)!important; border:1px solid #9367a5!important; color:#ffdf87!important; box-shadow:0 2px 9px #07001040!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bk-avatar>span { background:#ffda76!important; box-shadow:0 0 7px #f2be5366!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ba-auth-modes button { box-shadow:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .bg-auth-links button { color:#f5d182!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-withdraw-confirm input { accent-color:#ffdb75!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-vip-orbit { border-color:#ebc66e38!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-vip-orbit.orbit-b { border-color:#be8ce92b!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-vip-orbit::after { background:#ffda76!important; box-shadow:0 0 12px #ffd36f88!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .gv-wheel-light-group>i { border-color:#ffe7a2!important; background:#fff2ba!important; box-shadow:0 0 5px 2px #ffd05d77!important; }

/* Home category pills: one edge; the glass reflection has no second outline. */
html[data-ak888] #fen-ui #ak888-home .ak888-category {
  border-width:1px !important;
  box-shadow:none !important;
  outline:none !important;
}
html[data-ak888] #fen-ui #ak888-home .ak888-category::before {
  inset:0 0 44% !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
html[data-ak888] #fen-ui #ak888-home .ak888-category[aria-pressed="true"] {
  box-shadow:inset 0 6px 12px #fff3,inset 0 -4px 8px #64068c40,0 3px 9px #07001080,0 0 12px #e34fdb60 !important;
}
html[data-ak888] #fen-ui #ak888-home .ak888-category:focus-visible {
  outline:2px solid #ffe29a !important;
  outline-offset:-4px !important;
}

/* Deposit amount picker: native values with a compact purple/gold list. */
html[data-ak888] #root#root#root#root#root#root .bk-app select.ak888-amount-source { position:absolute!important; width:1px!important; height:1px!important; min-height:0!important; padding:0!important; margin:0!important; opacity:0!important; pointer-events:none!important; clip-path:inset(50%)!important; overflow:hidden!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ak888-amount-trigger { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; width:100%!important; min-width:0!important; min-height:46px!important; margin:0!important; padding:11px 14px!important; box-sizing:border-box!important; border:1px solid #805192!important; border-radius:12px!important; background:linear-gradient(135deg,#30123f,#1c082d)!important; color:#f7edff!important; font:inherit!important; font-size:14px!important; line-height:22px!important; text-align:left!important; box-shadow:inset 0 1px 0 #ffffff08!important; cursor:pointer; transition:border-color .16s,box-shadow .16s!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ak888-amount-trigger::before,html[data-ak888] #root#root#root#root#root#root .bk-app .ak888-amount-trigger::after { content:none!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ak888-amount-trigger:is(:hover,[aria-expanded="true"]) { border-color:#d7b56e!important; box-shadow:0 0 0 2px #e5bb5020!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ak888-amount-trigger:is(:focus-visible,[aria-invalid="true"]) { outline:2px solid #ffe09a!important; outline-offset:-2px!important; }
html[data-ak888] #root#root#root#root#root#root .bk-app .ak888-amount-trigger:disabled { opacity:.5!important; cursor:default; border-color:#60436e!important; box-shadow:none!important; }
html[data-ak888] .ak888-amount-value { display:flex; flex:1; align-items:center; flex-wrap:wrap; gap:8px; min-width:0; }
html[data-ak888] .ak888-amount-placeholder { color:#c4a9d2; font-weight:500; }
html[data-ak888] .ak888-amount-price { min-width:0; font-weight:650; font-variant-numeric:tabular-nums; }
html[data-ak888] .ak888-amount-bonus { display:inline-flex; align-items:center; flex-shrink:0; padding:2px 7px; border:1px solid #cda74940; border-radius:6px; background:#ebc05b12; color:#f8d581; font-size:11px; font-weight:600; line-height:17px; white-space:nowrap; }
html[data-ak888] .ak888-amount-chevron { flex:0 0 18px; width:18px!important; height:18px!important; color:#dec3eb; transition:transform .16s; }
html[data-ak888] .ak888-amount-trigger[aria-expanded="true"] .ak888-amount-chevron { transform:rotate(180deg); color:#ffe09a; }
html[data-ak888] .ak888-amount-menu { position:fixed; z-index:2147482000; display:flex; flex-direction:column; box-sizing:border-box; max-width:calc(100vw - 24px); padding:0; overflow:hidden; border:1px solid #9e70ac; border-radius:15px; background:linear-gradient(155deg,#311342,#1c092c 68%); color:#f5eafa; font-family:inherit; box-shadow:0 20px 55px #05000d80,0 3px 10px #07001170,inset 0 1px 0 #fff1; animation:ak888-amount-reveal .14s ease-out both; }
html[data-ak888] .ak888-amount-menu-head { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:12px; min-height:42px; box-sizing:border-box; margin:0 9px; padding:5px 4px 6px 8px; border-bottom:1px solid #9a68ac35; color:#dfc9eb; font-size:12px; font-weight:600; line-height:22px; }
html[data-ak888] .ak888-amount-menu-head small { margin-left:6px; color:#a98cb9; font-size:10px; letter-spacing:.08em; }
html[data-ak888] .ak888-amount-menu-head>button { display:grid; place-items:center; width:28px; height:28px; min-height:0; padding:4px; margin:0; border:0; border-radius:7px; background:transparent; color:#cfb3dd; cursor:pointer; box-shadow:none; }
html[data-ak888] .ak888-amount-menu-head>button:hover { background:#78468b30; color:#ffe09a; }
html[data-ak888] .ak888-amount-menu-head>button:focus-visible { outline:2px solid #ffe09a; outline-offset:-2px; }
html[data-ak888] .ak888-amount-menu-head>button svg { width:18px; height:18px; }
html[data-ak888] .ak888-amount-options { overflow:auto; overscroll-behavior:contain; padding:6px; scrollbar-width:thin; scrollbar-color:#886395 transparent; }
html[data-ak888] .ak888-amount-options::-webkit-scrollbar { width:5px; }
html[data-ak888] .ak888-amount-options::-webkit-scrollbar-thumb { border-radius:5px; background:#886395; }
html[data-ak888] .ak888-amount-options>[role="option"] { display:flex; align-items:center; gap:9px; min-height:42px; box-sizing:border-box; margin:0 0 2px; padding:9px 12px; border:1px solid transparent; border-radius:9px; color:#eddef6; font-size:14px; line-height:22px; cursor:pointer; }
html[data-ak888] .ak888-amount-options>[role="option"] .ak888-amount-price { flex:1; }
html[data-ak888] .ak888-amount-options>[role="option"][data-highlighted="true"] { background:#6f408047; color:#fff2ff; }
html[data-ak888] .ak888-amount-options>[role="option"][aria-selected="true"] { border-color:#d9b76c7a; background:linear-gradient(100deg,#734d583d,#96663621); color:#ffe5a1; }
html[data-ak888] .ak888-amount-check { flex:0 0 16px; width:16px; height:16px; color:#ffe09a; opacity:0; }
html[data-ak888] [aria-selected="true"]>.ak888-amount-check { opacity:1; }
html[data-ak888] .ak888-amount-options>[role="option"][aria-disabled="true"] { opacity:.4; cursor:default; }
@keyframes ak888-amount-reveal { from {opacity:0;transform:translateY(-4px)} to {opacity:1;transform:translateY(0)} }
@media(max-width:599px) {
 html[data-ak888] #root#root#root#root#root#root .bk-app .ak888-amount-trigger { min-height:44px!important; padding:10px 12px!important; font-size:14px!important; }
 html[data-ak888] .ak888-amount-options>[role="option"] { min-height:44px; }
}
@media(prefers-reduced-motion:reduce) {html[data-ak888] .ak888-amount-menu {animation:none}html[data-ak888] .ak888-amount-chevron {transition:none}}

/* sld-generated-brand-v1: original mascot eyelid geometry does not apply to the new duck logo. */
html[data-ak888] #ak888-header .ak888-logo-effects{display:none!important}