@font-face{font-family:Prompt;src:url('/assets/fonts/prompt-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
/* Shared palette for static pages and dynamically mounted member components. */
:root {
  --funny-canvas: #0a0c12;
  --funny-input: #0a0e17;
  --funny-surface: #101520;
  --funny-surface-raised: #19202f;
  --funny-line: rgba(204, 255, 0, .26);
  --funny-accent: #ccff00;
  --funny-accent-soft: #b6e600;
  --funny-text: #f5f7fa;
  --funny-muted: #aeb9cd;
  --funny-ink: #090b10;
  --funny-warning: #ffc35c;
  --funny-warning-text: #ffdfa4;
  --funny-warning-bg: #302517;
  --funny-canvas-rgb: 10, 12, 18;
  --funny-input-rgb: 10, 14, 23;
  --funny-surface-rgb: 16, 21, 32;
  --funny-surface-raised-rgb: 25, 32, 47;
  --funny-line-rgb: 204, 255, 0;
  --funny-accent-rgb: 204, 255, 0;
  --funny-accent-soft-rgb: 182, 230, 0;
  --funny-text-rgb: 245, 247, 250;
  --funny-muted-rgb: 174, 185, 205;
  --funny-ink-rgb: 9, 11, 16;
  --funny-warning-rgb: 255, 195, 92;
  --funny-warning-text-rgb: 255, 223, 164;
  --funny-warning-bg-rgb: 48, 37, 23;
  --bg-main: var(--funny-canvas);
  --bg-deep: var(--funny-canvas);
  --bg-card: var(--funny-surface);
  --bg-card-alt: var(--funny-surface-raised);
  --bg-card-hover: var(--funny-surface-raised);
  --border-card: var(--funny-line);
  --border-subtle: rgba(174, 185, 205, .18);
  --text-main: var(--funny-text);
  --text-primary: var(--funny-text);
  --text-secondary: var(--funny-muted);
  --text-muted: var(--funny-muted);
  --accent-gold: var(--funny-accent);
  --accent-gold-light: var(--funny-accent);
  --casino-gold: var(--funny-accent);
  --casino-gold-glow: rgba(var(--funny-accent-rgb), .35);
  --gold-dim: var(--funny-muted);
}
:root{color-scheme:dark;--paper:#f5f5ef;--charcoal:#0a0c12;--surface:#141824;--lime:#ccff00;--pink:#ff2a85;--cyan:#00f0ff;--violet:#a06cdf;--muted:#a3acbf;--rule:rgba(204,255,0,.22);--gold:#ccff00;--gold-soft:#9ec700;--gold-border:rgba(204,255,0,.35);--member-gold:#ccff00;--member-deep-gold:#9ec700;--member-line:rgba(204,255,0,.24);--member-muted:#9ca6ba;--member-panel:rgba(16,19,28,.92);--member-canvas:#0a0c12;--text:#f5f7fa;--line:rgba(204,255,0,.28);--input:rgba(18,22,32,.9);--panel:rgba(14,17,26,.94);--white-90:rgba(255,255,255,.94);--white-40:rgba(220,228,242,.62);--white-20:rgba(200,210,228,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--charcoal);color:var(--paper);font-family:Prompt,Tahoma,sans-serif;font-size:14px;line-height:1.7;min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--lime);outline-offset:2px}::selection{background:var(--lime);color:#090b10}img{max-width:100%}a[aria-disabled=true]{opacity:.6}.display,h1.poster,.page-intro h1{font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;letter-spacing:-.025em;line-height:.87}.eyebrow{font-family:Prompt,sans-serif;font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--lime)}.accent-dot{color:var(--pink)}

/* Public & Informational Layout (/contact, /terms, /preview/*) */
.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:24px;border-bottom:1px solid var(--rule);background:rgba(10,12,18,.94);backdrop-filter:blur(12px)}.wordmark{display:block;width:190px;height:42px;object-fit:contain}.site-header nav{display:flex;gap:30px;align-items:center}.site-header nav a{min-height:44px;display:grid;place-items:center;font-size:12px}.site-header nav a:hover{color:var(--lime)}.site-header .header-action{padding:0 22px;border:1px solid var(--lime);border-radius:999px;color:var(--lime);font-weight:700}.menu-trigger{border:1px solid var(--rule);border-radius:10px;background:transparent;color:var(--paper);width:46px;min-height:44px;font-size:23px;display:none}.public-drawer{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:120}.public-drawer aside{height:100%;background:#12151f;width:min(88vw,380px);margin-left:auto;padding:28px;overflow:auto;border-left:1px solid var(--rule)}.public-drawer nav{display:grid;gap:5px;margin-top:24px}.public-drawer nav a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.08)}.drawer-close{display:block;margin-left:auto;background:transparent;border:1px solid var(--rule);border-radius:10px;color:var(--paper);width:44px;min-height:44px;font-size:24px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 4vw;border-top:1px solid var(--rule);font-size:10px;color:var(--muted);letter-spacing:.07em}.site-footer .wordmark{width:132px;height:32px}.site-footer-links{display:flex;gap:20px}.site-footer a{min-height:44px;display:flex;align-items:center}.text-link{display:inline-flex;gap:24px;align-items:center;min-height:44px;border-bottom:1px solid var(--rule);font-size:12px}.text-link:hover{color:var(--lime)}.text-link span{font-size:24px}.skip-link{position:fixed;top:-80px;left:16px;z-index:200;background:var(--lime);color:#090b10;padding:12px;border-radius:8px;font-weight:700}.skip-link:focus{top:12px}
.info-main{max-width:1180px;padding:80px 4vw 100px;margin:auto;min-height:65vh}.info-main h1{font-size:clamp(58px,9vw,118px);margin:28px 0 32px}.info-main .info-copy{max-width:680px;font-size:15px;color:var(--muted)}.info-main .info-copy h2{color:var(--paper);font-size:24px}.info-block{border:1px solid var(--rule);border-left:4px solid var(--lime);border-radius:14px;background:rgba(18,22,32,.82);padding:26px;margin:28px 0}.info-main .text-link{margin-right:30px}.notice-tag{border:1px solid var(--rule);border-radius:999px;font-size:11px;padding:6px 12px;display:inline-block;color:var(--lime)}
.preview-banner{background:var(--lime);color:#090b10;padding:10px 24px;text-align:center;font-size:12px;font-weight:700}.preview-layout{max-width:1200px;margin:auto;display:grid;grid-template-columns:220px 1fr;min-height:80vh}.preview-sidebar{border-right:1px solid var(--rule);padding:38px 24px}.preview-sidebar .eyebrow{display:block;margin-bottom:24px}.preview-sidebar a{display:flex;align-items:center;min-height:48px;padding:10px 12px;margin:5px 0;border:1px solid transparent;border-radius:10px;color:var(--muted)}.preview-sidebar a.is-active{background:rgba(204,255,0,.12);border-color:var(--lime);color:var(--lime)}.preview-content{padding:42px}.preview-content h1{font-size:clamp(54px,6vw,88px);margin:20px 0 32px}.preview-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.preview-stamp{font-size:10px;color:var(--muted);letter-spacing:.06em}.preview-wallet{padding:28px;border:1px solid var(--rule);border-radius:16px;display:grid;grid-template-columns:1fr auto;gap:20px;background:var(--surface)}.preview-wallet strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:64px;line-height:1.2;display:block;font-weight:400;color:var(--lime)}.preview-wallet small{color:var(--muted)}.preview-wallet .wallet-art{width:88px;height:88px;border:1px solid var(--lime);border-radius:16px;display:grid;place-items:center;color:var(--lime);font-size:38px;transform:rotate(-8deg)}.preview-wallet p{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:16px;margin:0;color:var(--muted);font-size:12px}.preview-transactions{width:100%;border-collapse:collapse;margin:24px 0;text-align:left;font-size:12px}.preview-transactions caption{text-align:left;color:var(--muted);padding-bottom:16px}.preview-transactions th{color:var(--muted);font-weight:400;padding:14px;border-bottom:1px solid var(--rule);font-size:11px}.preview-transactions td{padding:22px 14px;border-bottom:1px solid var(--rule)}.preview-tag{display:inline-block;color:var(--lime);border:1px solid rgba(204,255,0,.45);border-radius:999px;padding:5px 10px;font-size:10px;white-space:nowrap}.preview-tag.pending{color:#efc866;border-color:#675b30}.preview-empty{padding:35px;border:1px dashed var(--rule);border-radius:14px;color:var(--muted);text-align:center}.preview-mobile-nav{display:none}
.ls-header{border-color:var(--rule);background:#0a0c12}.ls-logo{width:178px}.ls-btn-reg,.ls-tab.active{background:var(--lime);color:#090b10;border-color:var(--lime)}.ls-btn-login{border-color:var(--rule);color:var(--paper)}.ls-stat-pill,.ls-match-card{background:#141824;border-color:var(--rule)}.ls-page-title{font-size:27px;font-weight:700;color:var(--paper);margin:28px 0 16px}

/* ============================================================================
   UFAFUNNY STREET-ART & NEON CASINO MEMBER SYSTEM THEME
   1:1 UFAFUNNY Layout, Menus & Positions with UFAFUNNY Neon Visual Identity
   ============================================================================ */

/* 1. Outer Stage & 438px Mobile App Frame */
.member-shell,
.register-shell,
.member-stage {
  background:
    radial-gradient(circle at 50% 0%, rgba(204, 255, 0, 0.11), transparent 52%),
    radial-gradient(circle at 82% 88%, rgba(255, 42, 133, 0.10), transparent 48%),
    #06080d;
}

.phone-canvas,
.register-phone,
.member-app,
.member-app.is-home,
.member-app.is-lottery,
.member-app.is-games,
.member-app.is-promotions {
  width: min(100vw, 438px);
  background:
    radial-gradient(circle at 50% 6%, rgba(204, 255, 0, 0.16), transparent 42%),
    radial-gradient(circle at 88% 22%, rgba(255, 42, 133, 0.13), transparent 38%),
    linear-gradient(180deg, rgba(10, 13, 20, 0.78) 0%, rgba(10, 13, 20, 0.94) 44%, #090b11 100%),
    url('/assets/brand/football-collage-v1.webp') center top / cover no-repeat;
  box-shadow:
    0 0 0 1px rgba(204, 255, 0, 0.16),
    0 32px 80px rgba(0, 0, 0, 0.78);
}

/* 2. Login (/login) & Register (/register) Neon Glassmorphic UI */
.brand-logo,
.register-logo {
  filter: drop-shadow(0 8px 24px rgba(204, 255, 0, 0.24));
}

.auth-back,
.back-link {
  color: #e6f4b8;
  font-weight: 600;
  transition: color 0.18s ease, transform 0.18s ease;
}

.auth-back:hover,
.back-link:hover {
  color: var(--lime);
  transform: translateX(-2px);
}

.line-support {
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(180deg, #7de101 0%, #1bb60e 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.34),
    0 4px 14px rgba(27, 182, 14, 0.36);
}

.login-panel,
.register-panel {
  border: 1px solid rgba(204, 255, 0, 0.38);
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 0%, rgba(204, 255, 0, 0.12), transparent 60%),
    radial-gradient(circle at 88% 100%, rgba(255, 42, 133, 0.09), transparent 54%),
    linear-gradient(165deg, rgba(16, 20, 30, 0.94) 0%, rgba(9, 11, 17, 0.97) 100%);
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.68),
    0 0 26px rgba(204, 255, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(14px);
}

.welcome {
  color: var(--lime);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-shadow: 0 0 16px rgba(204, 255, 0, 0.25);
}

.register-kicker {
  color: #d9e6b8;
  font-size: 12px;
  font-weight: 600;
}

.login-tabs {
  border: 1px solid rgba(204, 255, 0, 0.24);
  border-radius: 10px;
  background: rgba(6, 8, 13, 0.85);
  padding: 4px;
}

.login-tab {
  border-radius: 7px;
  color: rgba(225, 232, 245, 0.56);
  font-size: 12px;
  font-weight: 700;
  transition: all 0.18s ease;
}

.login-tab.is-active {
  border-color: rgba(204, 255, 0, 0.85);
  color: #090b10;
  background: linear-gradient(180deg, #e2ff4d 0%, #aae600 100%);
  box-shadow: 0 4px 14px rgba(204, 255, 0, 0.28);
}

.field-stack,
.glass-card,
.source-field {
  border: 1px solid rgba(204, 255, 0, 0.30);
  border-radius: 12px;
  background: rgba(18, 22, 33, 0.88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.input-row + .input-row,
.register-field + .register-field {
  border-top: 1px solid rgba(204, 255, 0, 0.16);
}

.input-row:focus-within,
.register-field:focus-within,
.source-field:focus-within {
  background: rgba(204, 255, 0, 0.05);
}

.field-label,
.register-field > span,
.choice-label {
  color: rgba(204, 255, 0, 0.85);
  font-size: 11px;
  font-weight: 700;
}

.section-title {
  color: rgba(225, 232, 245, 0.65);
  font-weight: 700;
}

.input-row input,
.register-field input,
.register-field select,
.register-phone-entry input,
.source-row select {
  color: #ffffff;
}

.password-toggle {
  color: rgba(204, 255, 0, 0.78);
}

.verify-label {
  color: rgba(220, 228, 242, 0.52);
}

.turnstile-shell,
.turnstile-frame {
  border: 1px solid rgba(204, 255, 0, 0.24);
  border-radius: 10px;
  background: rgba(12, 15, 22, 0.92);
}

.turnstile-retry,
.verification-retry {
  border: 1px solid rgba(204, 255, 0, 0.58);
  border-radius: 8px;
  color: var(--lime);
  background: rgba(10, 12, 18, 0.9);
}

.register-progress span {
  border: 1px solid rgba(204, 255, 0, 0.36);
  color: rgba(225, 232, 245, 0.56);
  background: rgba(255, 255, 255, 0.05);
  font-weight: 700;
}

.register-progress span.is-active {
  border-color: var(--lime);
  color: #090b10;
  background: linear-gradient(180deg, #e2ff4d 0%, #aae600 100%);
  box-shadow: 0 0 14px rgba(204, 255, 0, 0.38);
  font-weight: 800;
}

.register-progress i {
  background: rgba(204, 255, 0, 0.30);
}

.country-lock {
  border-color: rgba(204, 255, 0, 0.45);
  color: var(--lime);
  background: rgba(204, 255, 0, 0.08);
}

.login-button,
.next-button,
.submit-button {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 11px;
  color: rgba(255, 255, 255, 0.48);
  background: linear-gradient(180deg, rgba(32, 37, 50, 0.95), rgba(20, 24, 34, 0.95));
  font-weight: 800;
  transition: all 0.2s ease;
}

.login-button.is-ready,
.next-button.is-ready,
.submit-button.is-ready,
.registration-success a {
  border-color: #e6ff66;
  color: #090b10;
  background: linear-gradient(180deg, #e2ff4d 0%, #a5e000 100%);
  box-shadow:
    0 10px 26px rgba(204, 255, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);
  font-weight: 900;
  opacity: 1;
}

.back-button {
  border: 1px solid rgba(204, 255, 0, 0.42);
  border-radius: 11px;
  color: var(--lime);
  background: rgba(10, 12, 18, 0.65);
}

.forgot-link,
.terms-copy a {
  color: var(--lime);
}

.register-row {
  border-top: 1px solid rgba(204, 255, 0, 0.18);
  color: rgba(225, 232, 245, 0.62);
}

.register-row a,
.login-row a {
  border: 1px solid rgba(204, 255, 0, 0.68);
  border-radius: 9px;
  color: var(--lime);
  background: rgba(204, 255, 0, 0.08);
  font-weight: 700;
  transition: all 0.18s ease;
}

.register-row a:hover,
.login-row a:hover {
  background: rgba(204, 255, 0, 0.18);
  box-shadow: 0 0 14px rgba(204, 255, 0, 0.22);
}

.referral-capture {
  border: 1px solid rgba(204, 255, 0, 0.45);
  background: rgba(204, 255, 0, 0.10);
  color: var(--lime);
}

/* 3. Member Dashboard Header, Marquee, VIP Card, Quick Actions & Drawer */
.member-app .member-header {
  background: rgba(10, 12, 18, 0.88);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(204, 255, 0, 0.16);
}

.register-phone > .member-header {
  background: transparent;
  backdrop-filter: none;
  border-bottom: 0;
}

.member-header .member-logo {
  height: 28px;
  max-width: 158px;
  object-fit: contain;
  filter: drop-shadow(0 2px 10px rgba(204, 255, 0, 0.22));
}

.member-name,
.member-balance {
  color: var(--lime);
}

.refresh-button {
  border-color: rgba(204, 255, 0, 0.55);
  color: var(--lime);
}

.announcement {
  background: rgba(12, 15, 23, 0.95);
  border-top: 1px solid rgba(204, 255, 0, 0.12);
  border-bottom: 1px solid rgba(204, 255, 0, 0.22);
  color: #e6f0ca;
}

.welcome-line {
  color: #d8e2ec;
  font-weight: 600;
}

.membership-card {
  border: 1px solid rgba(204, 255, 0, 0.52);
  border-radius: 20px;
  background:
    radial-gradient(circle at 84% 20%, rgba(255, 42, 133, 0.24), transparent 46%),
    radial-gradient(circle at 16% 0%, rgba(204, 255, 0, 0.22), transparent 52%),
    linear-gradient(145deg, #1b2130 0%, #0e121b 100%);
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.55),
    0 0 18px rgba(204, 255, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

.membership-eyebrow {
  color: var(--lime);
  font-weight: 700;
}

.rank-progress {
  background: rgba(255, 255, 255, 0.18);
  box-shadow: 0 0 8px rgba(204, 255, 0, 0.25);
}

.wallet-bar {
  border: 1px solid rgba(204, 255, 0, 0.36);
  background: rgba(7, 9, 14, 0.78);
  backdrop-filter: blur(8px);
}

.wallet-amount {
  color: var(--lime);
}

.first-deposit-card {
  border: 1px solid rgba(204, 255, 0, 0.34);
  border-radius: 14px;
  background: rgba(12, 15, 23, 0.92);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.42);
}

.first-deposit-copy::before {
  color: var(--lime);
}

.first-deposit-link {
  border: 1px solid #e6ff66;
  border-radius: 8px;
  background: linear-gradient(180deg, #e2ff4d 0%, #a5e000 100%);
  box-shadow: 0 4px 14px rgba(204, 255, 0, 0.32), inset 0 1px rgba(255, 255, 255, 0.55);
  color: #090b10;
  font-weight: 800;
}

.quick-action,
.lotto-action {
  color: #eef3fa;
  font-weight: 600;
}

.quick-icon {
  background: radial-gradient(circle at 32% 24%, #262e42, #111520 74%);
  border: 1px solid rgba(204, 255, 0, 0.30);
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.quick-action:hover .quick-icon {
  transform: translateY(-2px);
  border-color: var(--lime);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.55), 0 0 14px rgba(204, 255, 0, 0.24);
}

.start-badge {
  background: linear-gradient(90deg, #ff2a85, #ff6b00);
  box-shadow: 0 2px 8px rgba(255, 42, 133, 0.45);
}

.bonus-action img {
  border: 1px solid rgba(204, 255, 0, 0.42);
  background: radial-gradient(circle at 35% 28%, #28321c, #111520 70%, #090b10);
  box-shadow: 0 0 18px rgba(204, 255, 0, 0.18);
}

.promo-card {
  border: 1px solid rgba(204, 255, 0, 0.26);
  background: #111520;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.42);
}

/* 4. UFAFUNNY 5-Item Bottom Navigation Dock with Raised Play Button */
.member-bottom-nav a,
.member-bottom-nav button {
  color: #9aa5ba;
}

.member-bottom-nav .play-nav {
  color: #d6e4aa;
}

.member-bottom-nav .is-active {
  color: var(--lime);
  text-shadow: 0 0 10px rgba(204, 255, 0, 0.32);
}

.member-bottom-nav {
  height: 92px;
  padding: 18px 8px max(8px, env(safe-area-inset-bottom));
  border-top: 1px solid rgba(204,255,0,.32);
  border-radius: 22px 22px 0 0;
  background: linear-gradient(110deg, #141c20, #171321 70%, #211426);
  box-shadow: 0 -8px 32px rgba(0,0,0,.45);
}
.member-bottom-nav .play-nav {
  top: -40px;
  height: auto;
  padding-top: 0;
  color: var(--lime);
}
.member-bottom-nav .play-nav img {
  display: block;
  width: 70px;
  height: 70px;
  padding: 20px;
  border: 3px solid #171c23;
  border-radius: 50%;
  background: linear-gradient(135deg, #e4ff65, #ccff00 65%, #74dd9e);
  box-shadow: 0 0 0 1px rgba(204,255,0,.65), 0 0 22px rgba(204,255,0,.23);
}
.member-bottom-nav .play-nav span { margin-top: 6px; }
.quick-icon { border-radius: 24px; }
.quick-action:nth-child(2) .quick-icon,
.campaign-actions .quick-icon { border-color: rgba(0,240,255,.4); }
.quick-action:nth-child(3) .quick-icon { border-color: rgba(255,42,133,.45); }
.bonus-action img { border-radius: 24px; }
@media (prefers-reduced-motion: no-preference) {
  .bonus-action img { animation: funny-gift-float 3s ease-in-out infinite; }
}
@keyframes funny-gift-float {
  0%, 100% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-3px) rotate(-3deg); }
}

/* 5. Slide-out Member Drawer & Modal */
.member-drawer {
  border-right: 1px solid rgba(204, 255, 0, 0.30);
  background: linear-gradient(180deg, #0d1018 16%, #151b29 62%, #231934 100%);
}

.drawer-top {
  background:
    linear-gradient(180deg, rgba(10, 13, 20, 0.55), rgba(10, 13, 20, 0.88)),
    url('/assets/brand/football-collage-v1.webp') center 35% / 340px auto no-repeat;
}

.drawer-menu a,
.drawer-menu button {
  color: #eef3fa;
}

.drawer-menu a:hover,
.drawer-menu button:hover {
  color: var(--lime);
}

.drawer-primary {
  border: 1px solid #e6ff66;
  background: linear-gradient(180deg, #e2ff4d 0%, #a5e000 100%);
  color: #090b10;
  font-weight: 800;
}

.member-modal {
  border: 1px solid rgba(204, 255, 0, 0.38);
  background: linear-gradient(165deg, #161b28, #0c0f17);
}

.modal-deposit {
  border: 1px solid #e6ff66;
  background: linear-gradient(180deg, #e2ff4d 0%, #a5e000 100%);
  color: #090b10;
  font-weight: 800;
}

/* 6. Inner Member Surfaces (Deposit, Withdrawal, History, Profiles, Games, Lottery, Referral, Promotions) */
.member-tabs {
  background: linear-gradient(90deg, #141824, #1e2536, #141824);
  border-bottom: 1px solid rgba(204, 255, 0, 0.18);
}

.member-tabs a {
  color: #b8c2d4;
}

.member-tabs a.is-active {
  color: var(--lime);
  font-weight: 700;
}

.member-tabs a.is-active::after,
.history-tabs button.is-active::after,
.profile-tabs button.is-active::after {
  background: var(--lime);
}

.history-tabs button,
.profile-tabs button {
  color: #b8c2d4;
}

.history-tabs button.is-active,
.profile-tabs button.is-active {
  color: var(--lime);
  font-weight: 700;
}

.deposit-submit,
.withdraw-panel > .primary-action,
.lottery-submit,
.promotion-claim,
.referral-claim-btn,
.referral-button:not(.secondary),
.referral-copy-code-btn,
.c2c-warning-confirm,
.confirm-close-proceed {
  border: 1px solid #e6ff66;
  background: linear-gradient(180deg, #e2ff4d 0%, #a5e000 100%);
  color: #090b10;
  font-weight: 800;
  box-shadow: 0 6px 18px rgba(204, 255, 0, 0.24);
}

.deposit-submit:disabled,
.withdraw-panel > .primary-action:disabled,
.lottery-submit:disabled,
.promotion-claim:disabled,
.referral-claim-btn:disabled {
  border-color: rgba(255, 255, 255, 0.08);
  background: #232836;
  color: #7c8599;
  box-shadow: none;
}

.game-category-tab[aria-selected=true] {
  border-color: var(--lime);
  background: linear-gradient(180deg, rgba(204, 255, 0, 0.24), rgba(204, 255, 0, 0.08));
  color: var(--lime);
}

@media(max-width:767px){
  .site-header{height:76px;padding:0 20px}
  .wordmark{width:155px}
  .site-header nav{display:none}
  .menu-trigger{display:block}
  .site-footer{padding:24px 22px;flex-wrap:wrap}
  .site-footer>span{width:100%;order:3;font-size:8px}
  .site-footer-links{gap:15px}
  .info-main{padding:48px 22px 70px}
  .info-main h1{font-size:70px}
  .info-main .info-copy{font-size:13px}
  .info-block{padding:20px}
  .preview-layout{display:block}
  .preview-sidebar{display:none}
  .preview-content{padding:28px 20px 90px}
  .preview-content h1{font-size:58px}
  .preview-wallet{padding:24px;gap:12px}
  .preview-wallet strong{font-size:56px}
  .preview-wallet .wallet-art{width:66px;height:66px;font-size:30px}
  .preview-wallet p{font-size:11px}
  .preview-transactions th,.preview-transactions td{padding:16px 8px;font-size:11px}
  .preview-transactions th:first-child,.preview-transactions td:first-child{padding-left:0}
  .preview-transactions th:nth-child(2),.preview-transactions td:nth-child(2){display:none}
  .preview-tag{font-size:9px;padding:5px 7px}
  .preview-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#12151f;border-top:1px solid var(--rule);z-index:35;padding-bottom:env(safe-area-inset-bottom)}
  .preview-mobile-nav a{display:grid;place-items:center;flex:1;min-height:62px;font-size:11px}
  .preview-mobile-nav .is-active{color:var(--lime)}
  .preview-banner{font-size:10px;padding:10px 16px}
  .preview-top{gap:10px}
  .preview-stamp{font-size:9px}
  .ls-container{padding-left:16px;padding-right:16px}
  .ls-logo{width:118px}
  .ls-page-title{font-size:22px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
}

body.overlay-open{overflow:hidden}

/* Page states share the same palette while retaining their semantic meaning. */
.deposit-panel, .deposit-active, .deposit-slip, .deposit-history,
.section-card, .statement-row, .referral-share-card,
.lottery-panel, .lottery-hero, .promotion-hero {
  border-color: var(--funny-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 12px 28px rgba(0, 0, 0, .2);
}
.member-page { background: transparent; }
.deposit-field input, .amount-input, .lottery-field input,
.referral-link-input, .member-chat__form textarea {
  background: var(--funny-input);
  color: var(--funny-text);
  border-color: rgba(174, 185, 205, .28);
  caret-color: var(--lime);
}
.deposit-field input:focus, .amount-input:focus, .lottery-field input:focus {
  border-color: var(--cyan);
  outline: 2px solid rgba(0, 240, 255, .25);
  outline-offset: 1px;
}
.deposit-quick-amounts button { color: var(--funny-text); border-color: var(--funny-line); }
.deposit-quick-amounts button:hover { color: var(--lime); border-color: var(--lime); }
.deposit-quick-amounts button[aria-pressed=true],
.lottery-band[aria-pressed=true] {
  color: var(--funny-ink);
  border-color: var(--lime);
  background: var(--lime);
}
.lottery-band[aria-pressed=true] small { color: var(--funny-ink); }
.deposit-submit:disabled, .deposit-slip button:disabled,
.withdraw-panel > .primary-action:disabled,
.lottery-submit:disabled, .lottery-mini-button:disabled,
.promotion-claim:disabled, .referral-claim-btn:disabled {
  color: var(--funny-muted);
  background: #232836;
  border-color: rgba(174, 185, 205, .2);
  opacity: 1;
  filter: none;
  box-shadow: none;
}
.deposit-quick-amounts button:focus-visible { outline-color: var(--cyan); }
.deposit-qr-warning {
  background: rgba(255, 42, 133, .09);
  border-color: rgba(255, 42, 133, .42);
  color: #ffd6e7;
}
.deposit-qr-warning .deposit-warning-title { color: #ff85b9; }
.deposit-qr-warning .deposit-warning-list { color: #ffd6e7; }
.deposit-qr-warning .deposit-warning-list strong { color: var(--funny-text); }
.deposit-status.is-pending, .withdrawal-order-status.is-pending,
.statement-badge:not(.is-success):not(.is-failed):not(.is-cancelled),
.statement-status.is-loading, .lottery-item-badge.is-waiting, .preview-tag.pending {
  color: #9af8ff;
  border-color: rgba(0, 240, 255, .35);
  background: rgba(0, 240, 255, .09);
}
.withdraw-panel > .primary-action[data-submitting=true] {
  border-color: var(--cyan);
  background: #12333d;
  color: #c9fbff;
  box-shadow: none;
}
.withdrawal-eligibility-status.is-blocked,
.withdrawal-turnover-status.is-incomplete,
.withdrawal-turnover-status.is-unverified,
.promotion-restriction {
  color: var(--funny-warning-text);
  border-color: rgba(var(--funny-warning-rgb), .45);
  background: var(--funny-warning-bg);
}
.withdrawal-turnover-status.is-incomplete progress { accent-color: var(--funny-warning); }
.game-category-tab[aria-selected=true] span { color: var(--lime); }
.game-category-tab:hover, .provider-launch-card:hover,
.slot-provider-button:hover .slot-provider-logo,
.slot-provider-button:focus-visible .slot-provider-logo {
  border-color: var(--cyan);
  box-shadow: 0 0 0 2px rgba(0, 240, 255, .15);
}
.games-message:not(.is-error)::before {
  border-color: rgba(0, 240, 255, .18);
  border-top-color: var(--cyan);
  border-right-color: var(--lime);
  box-shadow: none;
}
.registration-success, .member-chat__panel, .member-chat-panel {
  background: var(--funny-surface);
  border-color: var(--funny-line);
}
.register-field select option { color: var(--funny-text); background: var(--funny-input); }
.member-chat__message.is-member, .member-chat-message.is-member {
  color: var(--funny-text);
  background: #12333d;
  border-color: rgba(0, 240, 255, .35);
}
.ls-tab-live.active { color: var(--funny-ink); }
.ls-btn-reg:hover { background: #e2ff4d; color: var(--funny-ink); }
.ls-status-bar, .ls-league-header, .ls-score-box { border-color: var(--funny-line); background: var(--funny-surface); }