/* Gamador shared UI. One owner per component; page styles only own their page.
   Replaces home + polish + layout-fix + wireframe + member-chrome on shared pages. */
:root, body.gm-sidebar-layout {
  color-scheme: dark;
  --bg-0: #07130f; --bg-1: #0d2119; --bg-2: #142e23;
  --panel: #10261d; --panel-strong: #19392b; --secondary: #0d2119;
  --text: #f3f5ef; --muted: #b3c3b8;
  --gold: #dfbd67; --gold-soft: #efce80; --gold-text: #f1d99e;
  --gold-bright: #f1d99e; --gold-dark: #97742e;
  --primary: var(--gold); --tertiary: var(--gold-soft); --neutral: var(--bg-0);
  --amethyst: #246344; --amethyst-strong: #173c2b; --figma-purple: #173c2b;
  --lavender: var(--gold-text); --green-emerald: #23704c; --green-deep: #123c29;
  --emerald: #23704c; --emerald-strong: #184a32; --mint: #bde1c6;
  --header: var(--bg-1); --red: #bd4050; --red-bright: #ec8190; --red-dark: #722e37;
  --line: rgba(223,189,103,.27); --line-soft: rgba(202,223,211,.13);
  --shadow: 0 18px 45px rgba(0,0,0,.22);
  --gm-radius: 16px; --gm-rail: 224px; --gm-announce: 32px; --gm-header: 88px;
  --gm-top: calc(var(--gm-announce) + var(--gm-header));
  --gm-bottom: calc(68px + env(safe-area-inset-bottom, 0px));
}
* { box-sizing: border-box; scrollbar-width: thin; scrollbar-color: #45634e transparent; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0d2119; }
::-webkit-scrollbar-thumb { background: #45634e; border: 2px solid #0d2119; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #678570; }
html { scroll-padding-top: calc(var(--gm-top) + 20px); }
body { margin: 0; min-width: 280px; padding-top: var(--gm-top); background: var(--bg-0); color: var(--text); font: 400 14px/1.55 "Inter", system-ui, sans-serif; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button, [role="button"] { cursor: pointer; }
button:disabled { opacity: .55; cursor: wait; }
a { color: inherit; }
img { max-width: 100%; }
:focus-visible { outline: 3px solid var(--gold-soft); outline-offset: 3px; }
[hidden] { display: none !important; } /* Preserve native hidden state against component display. */
.bg-aurora { position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 70% 0, #1a382b 0, transparent 60%); }
.page-shell { min-width: 0; width: auto; max-width: 1560px; margin: 0 auto 28px; padding: 24px; }
body.gm-sidebar-layout { padding-left: var(--gm-rail); }
.gm-sidebar-layout > .dash-shell { display: grid; grid-template-columns: 260px minmax(0,1fr); width: auto; max-width: none; margin: 0 0 32px; padding: 24px; gap: 24px; min-height: 0; align-items: start; }
.gm-wire > * { max-width: 1180px; margin-left: auto; margin-right: auto; }
.surface { padding: clamp(16px,2.2vw,28px); border: 1px solid var(--line-soft); border-radius: var(--gm-radius); background: var(--panel); }
.section-header, .gm-row-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.section-title, .gm-row-head h2 { margin: 0; color: var(--text); font-size: clamp(20px,2.2vw,28px); font-weight: 700; line-height: 1.25; letter-spacing: -.5px; }
.view-all-link, .gm-row-all { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; color: var(--gold-text); text-decoration: none; font-weight: 600; }
.view-all-link:hover, .gm-row-all:hover { text-decoration: underline; }
.reveal { opacity: 1; } /* Content remains visible when JS or observers fail. */
.btn-primary, .gm-btn-gold, .auth-submit-btn, .promotions-cta { display: inline-flex; justify-content: center; align-items: center; gap: 10px; min-height: 46px; padding: 11px 22px; border: 1px solid var(--gold-soft); border-radius: 10px; color: #1b2114; background: linear-gradient(135deg,#f0d48d,#d5b15c); text-decoration: none; font-weight: 700; }
.promotions-hero { padding: 28px 16px; text-align: center; }
.promotions-kicker { color: var(--gold-text); font-weight: 650; }
.promotions-hero h2 { margin-top: 0; color: var(--text); letter-spacing: -1px; }
.promotions-subtitle { max-width: 640px; margin-inline: auto; color: var(--muted); }
.btn-primary:hover, .gm-btn-gold:hover, .auth-submit-btn:hover { filter: brightness(1.07); }

/* Fixed chrome shares a single height contract with the content and rail. */
.gm-topbar-announce { position: fixed; inset: 0 0 auto; height: var(--gm-announce); z-index: 100; display: flex; align-items: center; justify-content: center; padding: 0 18px; overflow: hidden; background: #173a29; color: #e3dcc5; border-bottom: 1px solid var(--line-soft); font-size: 11px; }
.gm-announce-track { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.gm-announce-track i { margin-right: 8px; color: var(--gold); }
.gm-announce-track strong { color: var(--gold-text); }
.topbar { position: fixed; top: var(--gm-announce); left: 0; right: 0; height: var(--gm-header); z-index: 100; background: rgba(10,29,20,.98); border-bottom: 1px solid var(--line-soft); }
.topbar-row { display: flex; align-items: center; gap: 20px; height: 100%; padding: 8px 26px; }
.gm-brand-cluster { min-width: 0; flex-shrink: 0; }
.brand { display: inline-flex; align-items: center; gap: 12px; color: var(--gold-text); text-decoration: none; }
.brand img { display: block; width: 68px; height: 68px; object-fit: contain; }
.gm-brand-name { font-size: 21px; font-weight: 800; letter-spacing: .9px; }
.main-text-nav { display: flex; align-items: center; gap: 18px; }
.gm-sidebar-layout .main-text-nav { display: none; }
.text-link { color: var(--muted); text-decoration: none; font-size: 13px; font-weight: 600; }
.text-link.active, .text-link:hover { color: var(--gold-soft); }
.auth-links { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.auth-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 18px; border: 1px solid var(--line); border-radius: 10px; background: #183426; color: var(--text); font-weight: 650; font-size: 13px; text-decoration: none; white-space: nowrap; }
.auth-btn:hover { background: #254b36; border-color: var(--gold); }
.btn-register, .gm-header-deposit-btn { background: var(--gold); border-color: var(--gold); color: #172317; }
.btn-register:hover, .gm-header-deposit-btn:hover { background: var(--gold-soft); }
.gm-header-balance { display: flex; flex-direction: column; align-items: flex-end; min-width: 0; padding: 4px 10px; font-variant-numeric: tabular-nums; }
.gm-header-balance-main { font-size: 17px; font-weight: 750; color: var(--gold-text); white-space: nowrap; }
.gm-header-balance-bonus { font-size: 11px; color: var(--muted); white-space: nowrap; }
.gm-header-account-btn { width: 44px; padding: 0; }
.gm-account-menu { position: relative; }
.gm-account-dropdown { position: absolute; top: calc(100% + 12px); right: 0; width: 228px; max-width: calc(100vw - 24px); padding: 8px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); box-shadow: var(--shadow); }
.gm-account-dropdown-user { margin: 0 0 6px; padding: 10px; border-bottom: 1px solid var(--line-soft); color: var(--gold-text); overflow-wrap: anywhere; }
.gm-account-dropdown-item { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px; border-radius: 8px; text-decoration: none; }
.gm-account-dropdown-item:hover { background: var(--panel-strong); }
.gm-account-dropdown-item i { width: 20px; color: var(--gold); }
.gm-account-dropdown-logout { color: #ffafb6; }
.gm-sidebar { position: fixed; top: var(--gm-top); bottom: 0; left: 0; z-index: 90; display: flex; flex-direction: column; width: var(--gm-rail); padding: 18px 12px; overflow-y: auto; overscroll-behavior: contain; border-right: 1px solid var(--line-soft); background: var(--bg-1); }
.gm-side-nav { display: grid; gap: 5px; }
.gm-side-link { display: flex; align-items: center; gap: 13px; min-height: 46px; padding: 10px 14px; border: 1px solid transparent; border-radius: 10px; color: var(--muted); text-decoration: none; font-weight: 550; font-size: 13px; }
.gm-side-link i { flex: 0 0 20px; text-align: center; color: #b3aa80; font-size: 17px; }
.gm-side-link:hover { color: var(--text); background: #173b29; }
.gm-side-link.active { color: var(--gold-text); background: #234332; border-color: var(--line); }
.gm-side-link.active i { color: var(--gold-soft); }
.gm-side-foot { margin-top: auto; padding: 28px 12px 8px; text-align: center; }
.gm-side-brand { display: flex; flex-direction: column; align-items: center; gap: 7px; text-decoration: none; }
.gm-side-brand img, .gm-side-brand-logo { display: block; width: 112px; height: 112px; object-fit: contain; }
.gm-side-brand-text { color: var(--gold-text); font-size: 12px; font-weight: 650; }
.gm-side-social-icons { display: flex; justify-content: center; gap: 12px; margin-top: 18px; }
.gm-side-social-icons a { display: grid; place-items: center; min-width: 38px; min-height: 38px; color: var(--muted); text-decoration: none; }
.gm-side-toggle, .gm-side-overlay, .gm-bottombar { display: none; }
.gm-menu-open { overflow: hidden; }

/* Homepage: stable image geometry; no continuous decorative animations. */
.gm-slider { position: relative; width: 100%; max-width: 1038px; margin: 0 auto 22px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--gm-radius); background: var(--panel); box-shadow: var(--shadow); }
.gm-slider-viewport { position: relative; aspect-ratio: 1038 / 358; touch-action: pan-y pinch-zoom; user-select: none; }
.gm-slides { position: absolute; inset: 0; }
.gm-slide { position: absolute; inset: 0; display: block; opacity: 0; visibility: hidden; transition: opacity .3s; text-decoration: none; }
.gm-slide.active { opacity: 1; visibility: visible; }
.gm-slide img { display: block; width: 100%; height: 100%; object-fit: cover; -webkit-user-drag: none; }
.gm-slide-ph { display: flex; justify-content: center; align-items: center; text-align: center; background: radial-gradient(ellipse at 20% 0,#2a5035,transparent 75%),#0c2017; }
.gm-slide-ph-inner { padding: 20px 50px; }
.gm-slide-ph h2 { margin: 0 0 10px; color: var(--gold-text); font-size: clamp(19px,3vw,34px); line-height: 1.15; }
.gm-slide-ph p { margin: 0 0 16px; }
.gm-slide-ph .gm-slide-logo { width: 82px; height: 82px; object-fit: contain; margin: 0 auto 12px; }
.gm-slide-nav { position: absolute; top: 50%; z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; padding: 0 0 3px; border: 1px solid var(--gold); border-radius: 50%; transform: translateY(-50%); background: rgba(7,19,15,.88); color: var(--gold-soft); box-shadow: 0 2px 10px rgba(0,0,0,.3); font-size: 34px; line-height: 1; }
.gm-slide-nav.prev { left: 12px; } .gm-slide-nav.next { right: 12px; }
.gm-slide-nav:hover { background: #244b34; }
.gm-slide-nav:focus-visible { outline-offset: -4px; }
.gm-slider-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: reduce) { .gm-slide { transition: none; } }
.gm-cats-wrap { margin-top: 22px; }
.gm-cats4 { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.gm-cat { position: relative; display: block; min-width: 0; border-radius: 16px; line-height: 0; transition: transform .2s; }
.gm-cat img { display: block; width: 100%; height: auto; }
.gm-cat:hover { transform: translateY(-3px); }
.gm-cat-glow { display: none; }
.gm-row-section { margin-top: 32px; }
.gm-row { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 14px; }
.gm-game { display: block; min-width: 0; overflow: hidden; border: 1px solid var(--line-soft); border-radius: 13px; background: var(--panel); transition: transform .2s,border-color .2s; }
.gm-game:hover { transform: translateY(-3px); border-color: var(--gold); }
.gm-game-cover { aspect-ratio: 3 / 4; }
.gm-game-cover img { width: 100%; height: 100%; display: block; object-fit: cover; }
.gm-masa-section .gm-game-cover { aspect-ratio: 4 / 3; }
.gm-quicklinks-wrap { margin-top: 36px; padding-top: 26px; border-top: 1px solid var(--line-soft); text-align: center; }
.gm-ql-title { margin: 0 0 16px; color: var(--muted); font-size: 15px; font-weight: 600; }
.gm-quicklinks { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.gm-ql { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 18px; border: 1px solid var(--line); border-radius: 10px; color: var(--gold-text); background: var(--panel); text-decoration: none; }

/* Auth dialog: visible labels, large targets and bounded viewport scrolling. */
.auth-modal-overlay { position: fixed; inset: 0; z-index: 2000; display: none; align-items: center; justify-content: center; padding: 20px; overflow-y: auto; overscroll-behavior: contain; background: rgba(1,8,5,.82); }
.auth-modal-overlay.active { display: flex; }
.auth-modal { position: relative; display: grid; grid-template-columns: minmax(220px,.8fr) minmax(0,1fr); width: min(880px,100%); max-height: calc(100dvh - 40px); overflow-y: auto; border: 1px solid var(--line); border-radius: 20px; background: var(--bg-1); box-shadow: 0 32px 100px #0009; }
.auth-close-btn { position: absolute; right: 12px; top: 12px; z-index: 2; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid var(--line-soft); border-radius: 50%; background: #173827; color: var(--text); }
.auth-stage { min-height: 440px; background: url('/assets/gamador/auth-giris.webp') center / cover no-repeat #0b2017; border-right: 1px solid var(--line-soft); }
.auth-modal-overlay.is-register .auth-stage { background-image: url('/assets/gamador/auth-kayit.webp'); }
.auth-modal-header, .auth-stage-copy, .auth-stage-metrics { display: none; }
.auth-workspace { min-width: 0; padding: 56px 28px 28px; }
.auth-tabs { display: flex; padding: 4px; gap: 4px; border: 1px solid var(--line-soft); border-radius: 12px; background: #081b12; }
.auth-tab-btn { flex: 1; min-height: 44px; padding: 10px; border: 0; border-radius: 8px; color: var(--muted); background: transparent; font-weight: 650; }
.auth-tab-btn.active { background: #284a35; color: var(--gold-text); }
.auth-tab-btn i { margin-right: 5px; }
.auth-panel { display: none; }
.auth-panel.active { display: block; }
.auth-panel-heading { margin: 24px 0 22px; }
.auth-panel-heading h3 { margin: 0 0 7px; font-size: 24px; line-height: 1.25; letter-spacing: -.5px; }
.auth-panel-heading p { margin: 0; color: var(--muted); font-size: 13px; }
.auth-form { display: grid; gap: 17px; }
.auth-form-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.auth-field { position: relative; min-width: 0; }
.auth-field > label { display: block; margin-bottom: 7px; color: var(--text); font-weight: 550; font-size: 13px; }
.auth-field > i { position: absolute; bottom: 17px; left: 14px; color: var(--muted); font-size: 14px; pointer-events: none; }
.auth-input-wrap { position: relative; }
.auth-input-wrap > i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--muted); pointer-events: none; }
.auth-field input:not([type="checkbox"]) { display: block; width: 100%; min-height: 48px; padding: 11px 13px 11px 39px; border: 1px solid #385443; border-radius: 10px; background: #091b12; color: var(--text); font-size: 16px; }
.auth-field input::placeholder { color: #98aa9e; font-size: 13px; }
.auth-field input:focus { border-color: var(--gold); outline: 2px solid rgba(223,189,103,.3); outline-offset: 1px; }
.auth-field.auth-field-password input:not([type="checkbox"]) { padding-right: 48px; }
.auth-password-toggle { position: absolute; top: 2px; right: 2px; bottom: 2px; width: 44px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--muted); }
.auth-password-toggle:hover { color: var(--gold); background: #1b3526; }
.auth-otp-row { display: flex; gap: 10px; }
.auth-otp-input-wrap { flex: 1; min-width: 0; }
.auth-otp-send-btn { padding: 8px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel-strong); color: var(--gold-text); font-size: 12px; font-weight: 650; }
.auth-otp-help { margin: 8px 0 0; color: var(--muted); font-size: 12px; }
.auth-options { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; font-size: 12px; }
.auth-check { display: inline-flex; align-items: flex-start; gap: 9px; min-height: 24px; cursor: pointer; }
.auth-check input { width: 18px; height: 18px; margin: 0; accent-color: var(--gold); flex-shrink: 0; }
.check-box { display: none; }
.auth-forgot, .auth-check a { color: var(--gold-text); text-underline-offset: 3px; }
.auth-submit-btn { width: 100%; }
.auth-form-error { padding: 12px; border: 1px solid #b2616d; border-radius: 10px; background: #40272c; color: #ffdce0; font-size: 13px; overflow-wrap: anywhere; }

/* Footer content lives in the shared partial; the shell owns positioning. */
.site-footer { position: relative; background: #0b1c14; border-top: 1px solid var(--line-soft); }
.gmf-shell { max-width: 1180px; margin: 0 auto; padding: 24px; text-align: center; }
.gmf-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 26px; padding: 0 0 24px; }
.gmf-trust-item { display: inline-flex; align-items: center; gap: 9px; color: var(--muted); font-size: 12px; }
.gmf-trust-item i { color: var(--gold); font-size: 16px; }
.gmf-sec { padding: 24px 0; border-top: 1px solid var(--line-soft); }
.gmf-h { margin: 0 0 18px; font-size: 12px; font-weight: 650; color: var(--muted); }
.gmf-pay-marquee { overflow: auto; scrollbar-width: thin; scrollbar-color: #426148 transparent; }
.gmf-pay-track { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 24px; }
.gmf-logo { display: inline-flex; align-items: center; gap: 7px; font-size: 16px; font-weight: 700; color: #d8e0d8; }
.gmf-logo-img { display: block; width: auto; height: 24px; max-width: 75px; object-fit: contain; filter: grayscale(1) brightness(1.6); }
.gmf-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 5px 22px; padding: 20px 0; border-block: 1px solid var(--line-soft); }
.gmf-links a { display: inline-flex; align-items: center; min-height: 38px; font-size: 11px; color: var(--muted); text-decoration: none; }
.gmf-links a:hover { color: var(--gold-text); text-decoration: underline; }
.gmf-copy { padding-top: 22px; }
.gmf-cr { color: var(--gold-text); font-size: 12px; }
.gmf-copy p { max-width: 880px; margin: 10px auto 0; color: var(--muted); font-size: 11px; line-height: 1.8; }
.gmf-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding-top: 24px; margin-top: 24px; border-top: 1px solid var(--line-soft); }
.gmf-rg { display: flex; align-items: center; gap: 10px; }
.gmf-18 { display: grid; place-items: center; flex: 0 0 auto; width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 50%; color: var(--gold-text); font-weight: 750; }
.gmf-rg-txt { color: var(--muted); font-size: 9px; font-weight: 650; text-align: left; }
.gmf-badge { display: inline-flex; gap: 6px; align-items: center; border: 1px solid var(--line-soft); border-radius: 8px; padding: 8px 10px; color: var(--muted); font-size: 10px; }
.gmf-social { display: flex; gap: 8px; }
.gmf-social a { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--line-soft); border-radius: 10px; text-decoration: none; color: var(--gold-text); }
.gmf-warn { max-width: 270px; color: var(--muted); font-size: 10px; text-align: right; }
.gm-live-support-fab { position: fixed; right: 22px; bottom: 22px; z-index: 80; display: flex; align-items: center; gap: 12px; min-height: 54px; padding: 10px 18px; border: 1px solid var(--line); border-radius: 14px; background: #203f2e; color: var(--gold-text); box-shadow: var(--shadow); }
.gm-live-support-fab-icon { font-size: 23px; }
.gm-live-support-fab-copy { display: grid; gap: 2px; text-align: left; line-height: 1.2; }
.gm-live-support-fab-copy strong { font-size: 12px; }
.gm-live-support-fab-copy small { color: var(--muted); font-size: 11px; }
.gm-support-status { position: fixed; right: 22px; bottom: 88px; z-index: 2050; width: min(340px,calc(100vw - 32px)); padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); box-shadow: var(--shadow); }
.gm-support-status p { margin: 0 0 12px; }
.gm-support-status a { color: var(--gold-text); font-weight: 650; }
.gm-support-status button { position: absolute; right: 5px; top: 4px; width: 28px; height: 28px; border: 0; background: transparent; color: var(--text); }
.gm-livechat-open .gm-live-support-fab { display: none; }

@media (max-width: 1200px) {
  :root, body.gm-sidebar-layout { --gm-rail: 206px; }
  .gm-brand-name { font-size: 19px; }
  .gm-row { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .gm-masa-section .gm-row { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  :root, body.gm-sidebar-layout { --gm-header: 76px; }
  .topbar-row { padding: 6px 16px 6px 64px; gap: 10px; }
  .brand img { width: 60px; height: 60px; }
  .gm-brand-name { font-size: 18px; }
  body.gm-sidebar-layout { padding-left: 0; }
  .page-shell { padding: 18px; }
  .gm-sidebar { top: var(--gm-top); bottom: var(--gm-bottom); width: min(300px,85vw); z-index: 120; transform: translateX(-100%); visibility: hidden; transition: transform .2s,visibility .2s; }
  .gm-sidebar.open { transform: translateX(0); visibility: visible; }
  .gm-side-toggle { position: fixed; top: calc(var(--gm-announce) + 16px); left: 12px; z-index: 125; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--line-soft); border-radius: 10px; color: var(--gold-text); background: #183325; }
  .gm-side-overlay.show { position: fixed; inset: var(--gm-top) 0 var(--gm-bottom); z-index: 110; display: block; background: rgba(0,8,4,.72); }
  body { padding-bottom: var(--gm-bottom); }
  .gm-bottombar { position: fixed; inset: auto 0 0; z-index: 130; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); height: var(--gm-bottom); padding: 6px max(5px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left)); background: #0e2419; border-top: 1px solid var(--line); box-shadow: 0 -8px 28px #0004; }
  .gm-bb { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 0; padding: 4px 2px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); text-decoration: none; font-size: 10px; line-height: 1.2; font-weight: 550; }
  .gm-bb i { font-size: 20px; color: var(--gold); }
  .gm-bb-center { color: var(--gold-text); background: #24442f; }
  .gm-bb:hover, .gm-bb[aria-current="page"] { color: var(--gold-text); background: #1c3827; }
  .gm-live-support-fab { display: none; }
  .gm-support-status { bottom: calc(var(--gm-bottom) + 14px); right: 16px; }
}
@media (max-width: 600px) {
  :root, body.gm-sidebar-layout { --gm-header: 72px; --gm-announce: 28px; }
  .gm-topbar-announce { font-size: 10px; padding: 0 12px; }
  .gm-side-toggle { top: calc(var(--gm-announce) + 14px); }
  .topbar-row { padding-right: 12px; }
  .brand img { width: 56px; height: 56px; }
  .gm-brand-name { display: none; }
  .auth-links { gap: 7px; }
  .auth-btn { padding: 9px 12px; font-size: 12px; }
  .auth-links-guest .auth-btn i { display: none; }
  .gm-header-balance { padding-inline: 0; }
  .gm-header-balance-main { font-size: 14px; }
  .gm-header-balance-bonus { font-size: 9px; }
  .gm-header-withdraw-btn { display: none; }
  .gm-header-deposit-btn { width: 40px; padding: 0; }
  .gm-header-deposit-btn span { display: none; }
  .gm-header-account-btn { width: 40px; padding: 0; }
  .page-shell { padding: 14px 12px 22px; }
  .gmf-shell { padding: 24px 16px; }
  .gmf-bottom { justify-content: center; }
  .gmf-warn { max-width: none; text-align: center; }
  .surface { padding: 16px 12px; }
  .gm-cats4 { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .gm-cats-wrap { margin-top: 16px; }
  .gm-row-section { margin-top: 26px; }
  .gm-row-head, .section-header { gap: 8px; margin-bottom: 14px; }
  .gm-row-head h2, .section-title { font-size: 19px; }
  .gm-row { gap: 9px; }
  .gm-masa-section .gm-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .gm-game { border-radius: 10px; }
  .gm-slider { border-radius: 12px; }
  .gm-slider-viewport:has(.gm-slide-ph) { min-height: 270px; }
  .gm-slide-ph-inner { padding: 22px 38px 30px; }
  .gm-slide-ph .gm-slide-logo { width: 52px; height: 52px; margin-bottom: 8px; }
  .gm-slide-ph h2 { font-size: 21px; }
  .gm-slide-ph p { font-size: 12px; margin-bottom: 12px; }
  .gm-slide-nav.prev { left: 6px; } .gm-slide-nav.next { right: 6px; }
  .gm-slide-ph .gm-btn-gold { min-height: 40px; padding: 8px 14px; font-size: 12px; }
  .auth-modal-overlay { padding: 12px; align-items: flex-start; }
  .auth-modal { display: block; margin: auto; max-height: calc(100dvh - 24px); border-radius: 16px; }
  .auth-stage { display: none; }
  .auth-workspace { padding: 56px 20px 24px; }
  .auth-panel-heading { margin: 20px 0; }
  .auth-panel-heading h3 { font-size: 23px; }
  .auth-form-row { grid-template-columns: 1fr; gap: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}