*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;background:#f4f5f9;color:#1c1f2a}
.wrap{max-width:1000px;margin:0 auto;padding:0 16px}main.wrap{padding-top:24px;padding-bottom:40px}
.nav{background:#1c1f2a}.nav .wrap{display:flex;justify-content:space-between;align-items:center;height:56px}
.nav a{color:#fff;text-decoration:none;margin-left:16px}.brand{font-weight:700;margin-left:0!important}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px #0001}
.card a{color:inherit;text-decoration:none}.muted{color:#6b7280}
input,select,textarea{width:100%;padding:9px 10px;border:1px solid #cfd3dc;border-radius:6px;font:inherit;margin:4px 0 12px}
button,.btn{background:#4f46e5;color:#fff;border:0;border-radius:6px;padding:9px 16px;cursor:pointer;font:inherit;text-decoration:none;display:inline-block}
button.sm,.btn.sm{padding:4px 10px;font-size:13px}button.red{background:#dc2626}button.green{background:#059669}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}
th,td{padding:10px 12px;border-bottom:1px solid #eceef3;text-align:left;vertical-align:middle}th{background:#fafbfd;font-size:13px}
.flash{padding:10px 14px;border-radius:6px;margin-bottom:16px;background:#e0e7ff}.flash.error{background:#fee2e2}.flash.success{background:#d1fae5}
.badge{padding:2px 8px;border-radius:99px;font-size:12px;background:#e5e7eb}.b-success{background:#d1fae5}.b-paid,.b-processing{background:#dbeafe}
.b-pending{background:#fef3c7}.b-failed,.b-expired{background:#fee2e2}
.opt{display:flex;justify-content:space-between;align-items:center;border:1px solid #cfd3dc;border-radius:8px;padding:10px 12px;margin-bottom:8px;background:#fff}
.opt.off{opacity:.5}.opt input{width:auto;margin:0 10px 0 0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}
.stats b{font-size:24px;display:block}.narrow{max-width:420px;margin:0 auto}.foot{padding:20px 16px;color:#6b7280}
.inline{display:inline}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row input{width:auto;margin:0}
.wallet-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;margin:20px 0 40px}
.wallet-balance{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:290px;padding:34px;border-radius:18px;background:linear-gradient(135deg,#312e81 0%,#4f46e5 52%,#7c3aed 100%);color:#fff;box-shadow:0 18px 38px #4f46e533}
.wallet-eyebrow{display:block;color:#777b8a;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.wallet-balance .wallet-eyebrow{color:#e0e7ff}.wallet-amount{display:block;margin:14px 0 8px;font-size:clamp(32px,5vw,46px);letter-spacing:-.045em;line-height:1.1}
.wallet-balance-note{color:#e0e7ff;font-size:14px}.wallet-orb{position:absolute;z-index:-1;border:1px solid #ffffff24;border-radius:50%}
.wallet-orb-one{width:230px;height:230px;right:-70px;top:-85px}.wallet-orb-two{width:190px;height:190px;right:35px;bottom:-135px;background:#ffffff0b}
.wallet-topup{padding:26px;border:1px solid #e8e9f1;border-radius:18px;box-shadow:0 8px 26px #1c1f2a0a}
.wallet-card-heading{display:flex;gap:14px;align-items:center;margin-bottom:20px}.wallet-card-heading h2{margin:0 0 3px;font-size:20px}.wallet-card-heading p{margin:0;font-size:13px}
.wallet-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:13px;background:#eef2ff;color:#4f46e5;font-size:25px}
.wallet-presets{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.wallet-preset{padding:7px 10px;border:1px solid #e3e5ee;border-radius:8px;background:#fff;color:#343849;font-size:12px;transition:background .18s,border-color .18s,color .18s,transform .18s}
.wallet-preset:hover,.wallet-preset.is-active{border-color:#4f46e5;background:#eef2ff;color:#4338ca}.wallet-preset:hover{transform:translateY(-1px)}
.wallet-input-wrap{display:flex;align-items:center;gap:10px;padding-left:13px;border:1px solid #cfd3dc;border-radius:9px;transition:border-color .18s,box-shadow .18s}
.wallet-input-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11c}.wallet-input-wrap>span{color:#737789;font-weight:600}
.wallet-input-wrap input{min-width:0;margin:0;padding:12px 12px 12px 0;border:0;outline:0;box-shadow:none}
.wallet-input-wrap input:focus{box-shadow:none}.wallet-amount-preview{min-height:20px;margin:8px 0 14px;color:#737789;font-size:12px}
.wallet-amount-preview.is-valid{color:#4338ca;font-weight:600}.wallet-amount-preview.is-invalid{color:#b91c1c}
.wallet-submit{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 16px;border-radius:9px;background:linear-gradient(100deg,#4f46e5,#6d4aff);box-shadow:0 6px 14px #4f46e52e;font-weight:650;transition:transform .18s,box-shadow .18s,opacity .18s}
.wallet-submit:hover{transform:translateY(-1px);box-shadow:0 9px 18px #4f46e53b}.wallet-submit:disabled{cursor:wait;opacity:.7;transform:none}
.wallet-secure{margin:12px 0 0;text-align:center;color:#777b8a;font-size:11px}.wallet-secure span{color:#10b981;font-size:9px}
.wallet-section-heading{display:flex;justify-content:space-between;align-items:end;margin:34px 0 14px}.wallet-section-heading h2{margin:5px 0 0;font-size:23px;letter-spacing:-.025em}
.wallet-history{margin-top:34px}.wallet-history-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.wallet-filters{display:flex;gap:5px;flex-wrap:wrap;padding:4px;border:1px solid #e8e9f1;border-radius:10px;background:#fff}
.wallet-filter{padding:6px 11px;border-radius:7px;background:transparent;color:#626779;font-size:12px}.wallet-filter:hover{background:#f4f5f9;color:#292d3a}
.wallet-filter.is-active{background:#eef2ff;color:#4338ca;font-weight:650}
.wallet-search{display:flex;align-items:center;gap:8px;min-width:190px;padding:0 11px;border:1px solid #e2e4ec;border-radius:9px;background:#fff;color:#818596}
.wallet-search input{width:100%;margin:0;padding:9px 0;border:0;outline:0;box-shadow:none;font-size:13px}.wallet-search input:focus{box-shadow:none}
.wallet-table-wrap{overflow-x:auto;border:1px solid #e8e9f1;border-radius:12px;background:#fff;box-shadow:0 5px 20px #1c1f2a08}
.wallet-table{min-width:620px}.wallet-table th{color:#666b7b;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.wallet-table td{font-size:13px}
.wallet-table tbody tr{transition:background .15s}.wallet-table tbody tr:hover{background:#fafaff}.wallet-table tbody tr:last-child td{border-bottom:0}
.wallet-credit{color:#059669;font-weight:650}.wallet-debit{color:#374151;font-weight:650}.wallet-no-results{margin:0;padding:25px;text-align:center;font-size:13px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:720px){.wallet-layout{grid-template-columns:1fr;gap:14px;margin-bottom:30px}.wallet-balance{min-height:220px;padding:26px}.wallet-topup{padding:20px}.wallet-history-tools{align-items:stretch;flex-direction:column}.wallet-search{min-width:0}.wallet-section-heading h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.wallet-preset,.wallet-input-wrap,.wallet-submit,.wallet-table tbody tr{transition:none}.wallet-preset:hover,.wallet-submit:hover{transform:none}}
.nav-toggle{display:none}
.site-search{display:flex;align-items:center;gap:10px;max-width:420px;margin:0 0 18px;padding:0 13px;border:1px solid #e1e4ed;border-radius:10px;background:#fff;color:#818596;box-shadow:0 4px 14px #1c1f2a08}
.site-search input{width:100%;margin:0;padding:11px 0;border:0;outline:0;box-shadow:none}.site-search input:focus{box-shadow:none}
.game-card{transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #1c1f2a16}
.filter-empty{grid-column:1/-1;padding:20px;text-align:center}.opt.is-selected{border-color:#6366f1;background:#f5f5ff;box-shadow:0 0 0 2px #6366f11a}
.checkout-summary{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;margin:18px 0;padding:14px 16px;border:1px solid #e5e7f2;border-radius:10px;background:linear-gradient(120deg,#fff,#f8f8ff)}
.checkout-summary>span{grid-column:1/-1;font-size:12px}.checkout-summary>b{font-size:14px}.checkout-summary>strong{color:#4338ca}
.payment-option{cursor:pointer}
.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:64px}
.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:5px 8px;background:transparent;color:#5b5f70;font-size:12px;font-weight:650}
.password-toggle:hover{background:#eef2ff;color:#4338ca}
button:focus-visible,.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #818cf8;outline-offset:2px}
button.is-loading{position:relative;opacity:.8;cursor:wait}
button.is-loading::after{display:inline-block;width:12px;height:12px;margin-left:9px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;content:"";animation:site-spin .7s linear infinite}
@keyframes site-spin{to{transform:rotate(360deg)}}
.js-reveal{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.js-reveal.is-visible{opacity:1;transform:translateY(0)}
.payment-status{min-height:22px;margin:12px 0 0;font-size:13px}.payment-status.is-error{color:#b91c1c}.payment-status.is-success{color:#047857}
@media(max-width:680px){
  .nav .wrap{position:relative;height:auto;min-height:56px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
  .nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:38px;margin-left:auto;padding:8px;border:1px solid #ffffff26;border-radius:8px;background:transparent}
  .nav-toggle span{display:block;width:100%;height:2px;border-radius:2px;background:#fff;transition:transform .18s,opacity .18s}
  .nav.is-open .nav-toggle span:first-child{transform:translateY(7px) rotate(45deg)}
  .nav.is-open .nav-toggle span:nth-child(2){opacity:0}
  .nav.is-open .nav-toggle span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .nav .links{display:none;flex-basis:100%;flex-direction:column;gap:0;padding:8px 0 2px}
  .nav.is-open .links{display:flex}.nav .links a{margin:0;padding:10px 4px;border-top:1px solid #ffffff16}
}
@media(prefers-reduced-motion:reduce){.game-card,.js-reveal,.nav-toggle span,button.is-loading::after{animation:none;transition:none}.js-reveal{opacity:1;transform:none}.game-card:hover{transform:none}}
.announcement-banner{position:relative;z-index:5;background:linear-gradient(100deg,#312e81,#4f46e5 60%,#6d4aff);color:#fff;box-shadow:0 6px 20px #312e8124;transition:opacity .2s,transform .2s}
.announcement-banner[hidden]{display:none}.announcement-banner.is-closing{opacity:0;transform:translateY(-8px)}
.announcement-banner-inner{position:relative;display:flex;align-items:center;gap:14px;max-width:1000px;margin:0 auto;padding:14px 52px 14px 16px}
.announcement-badge{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid #ffffff50;border-radius:50%;background:#ffffff18;font-weight:700}
.announcement-copy{display:flex;flex:1;flex-direction:column;gap:2px;font-size:13px}.announcement-copy strong{font-size:14px}.announcement-copy span{color:#e8eaff}
.announcement-link{color:#fff;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.announcement-link:hover{text-decoration:underline}
.announcement-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;background:#ffffff18;color:inherit;font-size:24px;line-height:1}
.announcement-close:hover{background:#ffffff30}.announcement-banner .announcement-close{position:absolute;right:14px;top:50%;transform:translateY(-50%)}
.announcement-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;overflow-y:auto;padding:20px;background:#1118279c;opacity:0;transition:opacity .22s ease}
.announcement-overlay[hidden]{display:none}.announcement-overlay.is-visible{opacity:1}.announcement-dialog{position:relative;width:min(100%,480px);padding:38px;border:1px solid #ffffffa8;border-radius:20px;background:#fff;box-shadow:0 30px 90px #11182752;transform:translateY(12px) scale(.985);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.announcement-overlay.is-visible .announcement-dialog{transform:translateY(0) scale(1)}.announcement-dialog .dialog-close{position:absolute;top:16px;right:16px;background:#f1f2f7;color:#565b6b}
.announcement-dialog-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border-radius:15px;background:#eef2ff;color:#4f46e5;font-size:24px}
.announcement-eyebrow{color:#6366a4;font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.announcement-dialog h2{margin:8px 0 10px;font-size:26px;letter-spacing:-.035em;line-height:1.2}
.announcement-dialog>p{margin:0;color:#626779;line-height:1.7;white-space:normal}
.announcement-dialog-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.announcement-dismiss{background:transparent;color:#626779}.announcement-dismiss:hover{background:#f4f5f9;color:#292d3a}
body.announcement-open{overflow:hidden}
.announcement-form>.row>div{flex:1 1 220px}.announcement-form>label{display:block;margin-top:8px}
.table-wrap{overflow-x:auto;border-radius:10px}.announcement-table{min-width:720px}
@media(max-width:600px){.announcement-banner-inner{align-items:flex-start;gap:10px;padding:12px 48px 12px 14px}.announcement-badge{flex-basis:26px;height:26px}.announcement-copy{font-size:12px}.announcement-copy strong{font-size:13px}.announcement-link{font-size:12px}.announcement-dialog{padding:30px 24px;border-radius:16px}.announcement-dialog h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.announcement-banner,.announcement-overlay,.announcement-dialog{transition:none}.announcement-dialog{transform:none}}