/* Rangi rasmi za Zaviro: bluu iliyokolea na dhahabu. Faili hili hupakiwa mwisho. */
:root,html.user-dark{
  --zv-bg:#0b1220;--zv-surface:#121c31;--zv-raised:#18253f;--zv-line:#27385a;
  --zv-gold:#edc441;--zv-gold-deep:#c99a16;--zv-ink:#f4f1e8;--zv-muted:#a9b4c9;--zv-on-gold:#10182b;
  --client-bg:#0b1220;--client-surface:#121c31;--client-border:#27385a;
  --client-primary:#edc441;--client-primary-strong:#c99a16;--client-primary-text:#f3d15c;--client-accent:#edc441;
  --client-text:#f4f1e8;--client-muted:#a9b4c9;--client-soft:#7f8ca8;
  --home-bg:#0b1220;--home-surface:#121c31;--home-surface-raised:#18253f;--home-line:#27385a;--home-gold:#edc441;--home-gold-deep:#c99a16;--home-copy:#f4f1e8;--home-muted:#a9b4c9;
  --account-bg:#0b1220;--account-surface:#121c31;--account-raised:#18253f;--account-line:#27385a;--account-gold:#edc441;--account-copy:#f4f1e8;--account-muted:#a9b4c9;
  --brand-blue:#edc441;--brand-blue-dark:#c99a16;--brand-blue-soft:#18253f;--brand-yellow:#edc441;--brand-yellow-soft:#18253f;
  --brand-white:#121c31;--brand-ink:#f4f1e8;--brand-muted:#a9b4c9;--brand-line:#27385a;--brand-surface:#0b1220;
  --ui-bg:#0b1220;--ui-surface:#121c31;--ui-ink:#f4f1e8;--ui-muted:#a9b4c9;--ui-line:#27385a;--ui-primary:#edc441;--ui-primary-dark:#c99a16;--ui-accent:#edc441;
  --ui-canvas:#0b1220;--ui-primary-soft:#18253f;
  --game-blue:#edc441;--game-gold:#edc441;--game-ink:#f4f1e8;--game-muted:#a9b4c9;--game-line:#27385a;
}
html body.client-app,html body.client-app.account-page[data-p],html body.client-app[data-p]{
  --client-bg:#0b1220;--client-surface:#121c31;--client-surface-2:#18253f;--client-border:#27385a;
  --client-primary:#edc441;--client-primary-strong:#c99a16;--client-primary-text:#f3d15c;--client-accent:#edc441;
  --client-text:#f4f1e8;--client-muted:#a9b4c9;--client-soft:#7f8ca8;--client-danger:#f08a8a;
  background:#0b1220!important;
}
html body.client-app button.btn,html body.client-app .btn,html body.client-app button.btn.dk,html body.client-app .history-tabs button.on{color:#10182b!important}
html,body,body.lt,body.dk,body.client-app,body.account-page,#app{background:var(--zv-bg)!important;color:var(--zv-ink)!important}
.hd,header.hd,.account-header,.bn,.tabbar,nav.bn{background:var(--zv-bg)!important;color:var(--zv-ink)!important;border-color:var(--zv-line)!important}
.hd a,.hd b{color:var(--zv-ink)!important}
.card,.cd,.box,.panel,.list>*,.item,.row,.account-wallet-card,.account-identity,.account-avatar-picker,.history-bet-card,.account-menu,.account-menu a,input,select,textarea,.modal-box,.sheet{background-color:var(--zv-surface)!important;color:var(--zv-ink)!important;border-color:var(--zv-line)!important}
input::placeholder,textarea::placeholder{color:var(--zv-muted)!important}
small,.muted,.mut,.sub,p{color:var(--zv-muted)}
a{color:var(--zv-gold)}
.btn,button.btn,.btn.p,.pri,.primary,.account-deposit,button[type=submit],.cta,a.btn{background:var(--zv-gold)!important;color:var(--zv-on-gold)!important;border-color:var(--zv-gold)!important;box-shadow:none!important}
.btn.s,.btn.sec,.account-withdraw,.btn.g,.secondary{background:transparent!important;color:var(--zv-gold)!important;border:1px solid var(--zv-gold)!important}
.account-avatar-choice[aria-pressed=true]{border-color:var(--zv-gold)!important}

/* Mchezo na akaunti: bluu iliyokolea na dhahabu tu */
body.game-page .game-wallet-card,body.game-page .game-section,body.game-page .live-card,body.game-page .game-nav,body.game-page .history-card,body.game-page .my-history-card,body.game-page .game-header{background:var(--zv-surface)!important;background-image:none!important;border-color:var(--zv-line)!important;color:var(--zv-ink)!important}
body.game-page .live-result-panel,body.game-page .live-timer-panel,body.game-page .period-status{background:var(--zv-raised)!important;background-image:none!important;color:var(--zv-ink)!important}
body.game-page .bet-choice,body.game-page .room-card,body.game-page .load-more,body.game-page .history-tabs button{background:var(--zv-raised)!important;background-image:none!important;color:var(--zv-gold)!important;border:1px solid var(--zv-line)!important;box-shadow:none!important}
body.game-page .bet-choice small,body.game-page .bet-choice strong{color:inherit!important}
body.game-page .bet-choice.selected,body.game-page .room-card.selected,body.game-page .history-tabs button.on,body.game-page .bet-choice:focus-visible{background:var(--zv-gold)!important;color:var(--zv-on-gold)!important;border-color:var(--zv-gold)!important}
body.game-page .game-wallet-actions a,body.game-page .game-wallet-actions a:last-child{background:var(--zv-gold)!important;background-image:none!important;color:var(--zv-on-gold)!important;border:1px solid var(--zv-gold)!important}
body.game-page .game-wallet-actions a:first-child{background:transparent!important;color:var(--zv-gold)!important}
body.game-page .how-to-play,body.game-page .live-pill,body.game-page .round-duration{background:transparent!important;color:var(--zv-gold)!important;border:1px solid var(--zv-gold)!important}
body.game-page .game-nav a.on{color:var(--zv-gold)!important}
html body.client-app.account-page[data-p="account"]{background:#0b1220!important}
body.account-page .account-wallet-card,body.account-page .account-identity,body.account-page .account-avatar-picker,body.account-page .account-panel,body.account-page .account-menu,body.account-page section,body.account-page .account-header,body.account-page .account-menu a{background-color:var(--zv-surface)!important;background-image:none!important;border-color:var(--zv-line)!important}

/* Usomekaji: maandishi yote yawe na utofautishaji wa kutosha kwenye msingi wa giza */
html body .ftr,html body .ftr a,html body a.mu{color:#c9d3e6!important}
html body .ftr a{color:var(--zv-gold)!important;text-decoration:underline}
html body .withdrawal-calculator span,html body .withdrawal-calculator b,html body .withdrawal-calculator *,html body .withdraw-summary *,html body #ww,html body #ww+*,html body [class*="withdraw"] b,html body [class*="withdraw"] span{color:var(--zv-ink)!important}
html body [class*="withdraw"] b{color:var(--zv-gold)!important}
html body .withdrawal-support a{background:var(--zv-gold)!important;color:var(--zv-on-gold)!important}
html body .mu,html body .mut,html body small{color:#b8c3d8!important}
body.game-page .responsible-note span{background:var(--zv-gold)!important;color:var(--zv-on-gold)!important}
body.game-page .live-card-top{flex-wrap:wrap;gap:6px}
body.game-page .round-duration{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip}

/* Uboreshaji wa UX: lengo la kibodi, ukubwa wa kubonyeza, namba zilingane (hauhusu balls) */
html body.client-app a:focus-visible,
html body.client-app button:focus-visible,
html body.client-app input:focus-visible,
html body.client-app select:focus-visible { outline: 2px solid var(--zv-gold); outline-offset: 2px; }
html body.client-app .btn,
html body.client-app button.btn { min-height: 44px; transition: transform .15s ease, filter .15s ease; }
html body.client-app .btn:active { transform: scale(.97); }
html body.client-app .bn a,
html body.client-app nav.bn a { min-height: 48px; }
html body.client-app .money,
html body.client-app [class*="balance"],
html body.client-app table { font-variant-numeric: tabular-nums; }
html { scroll-behavior: smooth; -webkit-tap-highlight-color: transparent; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  html body.client-app .btn { transition: none; }
}
/* LED ya hali ya dau (historia) */
body.client-app .led{display:inline-block;margin:8px 0 4px;padding:6px 16px;border-radius:999px;font-weight:900;font-size:1.05rem;letter-spacing:.14em;border:2px solid currentColor;background:#0B1220}
body.client-app .led-win{color:#4ADE80;text-shadow:0 0 6px rgba(74,222,128,.8),0 0 14px rgba(74,222,128,.45);box-shadow:0 0 12px rgba(74,222,128,.35),inset 0 0 8px rgba(74,222,128,.2)}
body.client-app .led-loss{color:#FF4D5E;text-shadow:0 0 6px rgba(255,77,94,.8),0 0 14px rgba(255,77,94,.45);box-shadow:0 0 12px rgba(255,77,94,.35),inset 0 0 8px rgba(255,77,94,.2)}
@media (prefers-reduced-motion:no-preference){body.client-app .led{animation:ledPulse 2.4s ease-in-out infinite}}
@keyframes ledPulse{50%{filter:brightness(1.25)}}

/* Historia yangu (ukurasa wa mchezo): mpangilio safi */
body.game-page .reference-history-card{display:grid!important;gap:8px;padding:14px!important;margin:0 0 10px;border:1px solid var(--zv-line)!important;border-radius:14px!important;text-align:left}
body.game-page .reference-history-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#A9B6D6;flex-wrap:wrap}
body.game-page .reference-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}
body.game-page .reference-history-row>span{color:#A9B6D6}
body.game-page .reference-history-row>strong{text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
body.game-page .reference-history-result{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--zv-line);font-size:13px;color:#A9B6D6}
body.game-page .reference-history-card .led{justify-self:center;margin:2px 0}
body.client-app .led-wait,body.game-page .led-wait{color:#FBBF24;border-color:#FBBF24;font-size:.9rem;animation:none}
body.game-page .history-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.game-page .history-tabs button{min-height:44px}

/* Dirisha la "Historia Yangu" (brand-theme.css haipakiwi kwenye game.html) */
body.game-page.history-modal-open{overflow:hidden}
body.game-page .my-history-modal{position:fixed;z-index:80;inset:0;display:flex;align-items:center;justify-content:center;padding:12px;background:rgba(5,9,18,.82)}
body.game-page .my-history-modal[hidden]{display:none!important}
body.game-page .my-history-dialog{position:relative;display:flex;flex-direction:column;width:min(100%,420px);max-height:min(88vh,680px);padding:0 12px 60px;overflow:hidden;border:1px solid var(--zv-line);border-radius:16px;background:#111C3A;box-shadow:0 18px 45px rgba(0,0,0,.6)}
body.game-page .my-history-dialog h2{margin:0 -12px 12px;padding:14px;border-bottom:1px solid rgba(237,196,65,.35);background:#172449;color:#F1F5FF;font-size:16px;text-align:center}
body.game-page .my-history-modal-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
body.game-page .my-history-modal .reference-history-card{background:#0B1220!important}
body.game-page .my-history-modal .reference-history-card time{white-space:nowrap}
body.game-page .my-history-empty{padding:24px 8px;color:#A9B6D6;text-align:center}
body.game-page .my-history-more{flex:0 0 auto;min-height:44px;margin:4px 0;border:1px solid var(--zv-gold,#edc441);border-radius:12px;background:transparent;color:#edc441;font-weight:700;cursor:pointer}
body.game-page .my-history-more[hidden]{display:none!important}
body.game-page .my-history-close{position:absolute;bottom:10px;left:50%;display:grid;width:44px;height:44px;place-items:center;transform:translateX(-50%);border:1px solid rgba(148,170,255,.4);border-radius:50%;background:#172449;color:#F1F5FF;cursor:pointer}
body.game-page .my-history-close span{position:relative;width:16px;height:16px}
body.game-page .my-history-close span:before,body.game-page .my-history-close span:after{position:absolute;top:7px;left:0;width:16px;height:2px;background:#F1F5FF;content:""}
body.game-page .my-history-close span:before{transform:rotate(45deg)}
body.game-page .my-history-close span:after{transform:rotate(-45deg)}

/* Mtaji wa majaribio */
.trial-card{margin:12px 16px;padding:14px 16px;border-radius:16px;background:#111C3A;border:1px solid rgba(237,196,65,.35);color:#F1F5FF;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.trial-card[hidden]{display:none}
.trial-card.soon{border-color:#F59E0B}
.trial-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.trial-badge,.trial-tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(237,196,65,.16);color:#F5D76E}
.trial-amount{font-size:22px;font-variant-numeric:tabular-nums;color:#F1F5FF}
.trial-title{margin:6px 0 2px;font-weight:700}
.trial-detail{margin:0;color:#A9B6D6;font-size:13px;line-height:1.45}
.trial-warning{margin:6px 0 0;color:#FBBF24;font-weight:700;font-size:13px}
.trial-warning:empty{display:none}
.bet-trial-check{display:flex;gap:10px;align-items:flex-start;margin:10px 0;padding:10px 12px;border-radius:12px;background:rgba(237,196,65,.1);color:#F1F5FF;font-size:14px}
.bet-trial-check[hidden]{display:none}
.bet-trial-check small{display:block;color:#A9B6D6}

#trialInfo{margin:12px 14px}#trialInfo .trial-use{display:inline-block;margin-top:8px;padding:8px 14px;border-radius:10px;background:#60A5FA;color:#0B1220;font-weight:700;text-decoration:none}

/* Hakuna nyeupe: menyu za select, uteuzi, autofill, kalenda */
:root{color-scheme:dark}
select,input,textarea,button{color-scheme:dark}
select option,select optgroup,datalist option{background:#0f1a2e!important;color:#f4f1e6!important}
select option:checked,select option:hover{background:#1d2f52!important;color:#edc441!important}
::selection{background:#edc441;color:#0B1220}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #0f1a2e inset!important;box-shadow:0 0 0 1000px #0f1a2e inset!important;
  -webkit-text-fill-color:#f4f1e6!important;caret-color:#edc441;transition:background-color 9999s}
input[type=date],input[type=time],input[type=datetime-local],input[type=number]{background-color:#0f1a2e;color:#f4f1e6}
::-webkit-calendar-picker-indicator{filter:invert(1)}
/* Hover/active/focus: hakuna nyeupe kamwe (simu: kubonyeza = hover) */
html body tbody tr:hover,html body tbody tr:hover>td,html body tbody tr:active,html body tbody tr:focus-within,
html body tbody tr:nth-child(odd),html body tbody tr:nth-child(even),
html body .list .it:hover,html body .list .it:active,html body .captcha-refresh:hover,
html body [class*="record"]:hover,html body [class*="record"]:active,html body [class*="card"]:hover,html body [class*="card"]:active,
html body [class*="row"]:hover,html body [class*="row"]:active,html body [class*="item"]:hover,html body [class*="item"]:active,
html body [class*="event"]:hover,html body [class*="event"]:active{
  background-color:#16233d!important;background-image:none!important;color:#f4f1e6!important}
html body tbody tr:hover td,html body tbody tr:hover th,html body tbody tr:hover span,html body tbody tr:hover small,html body tbody tr:hover strong,html body tbody tr:hover div,
html body [class*="card"]:hover *,html body [class*="record"]:hover *,html body [class*="item"]:hover *,html body [class*="row"]:hover *{
  color:inherit;background-color:transparent}
html body .btn:hover,html body .btn:active,html body button.btn:focus{background-color:#edc441!important;color:#0B1220!important}
html body .btn.out:hover,html body .btn.out:active{background-color:#1d2f52!important;color:#edc441!important}
html body tbody tr,html body table{background-color:transparent}
html body .admin-section,html body .admin-modal-card,html body .admin-user-detail-panel,html body .admin-section table{background-color:transparent}
/* Gurudumu la bahati: picha ya motion badala ya herufi */
html body .wheel-fab-icon{width:38px!important;height:38px!important;border:0!important;background:transparent!important;border-radius:50%;overflow:visible;filter:drop-shadow(0 2px 6px rgba(237,196,65,.55))}
html body .wheel-fab-icon img{display:block;width:38px;height:38px}
html body .wheel-fab{gap:8px}
@media (prefers-reduced-motion:reduce){html body .wheel-fab-icon img{animation:none}}