/* Daxiang surface and venue-brand refinement, 2026-10-26.
   Scoped presentation rules; wallet and launch controllers remain authoritative. */
body.v41 {
  --ui-page:#eef2f7; --ui-paper:#fff; --ui-line:#dde5ef;
  --ui-ink:#182e49; --ui-muted:#60738b;
  background:var(--ui-page); color:var(--ui-ink);
}
body.v41.shelf-home .site-header {
  border-bottom-color:#e2e8f1; box-shadow:0 3px 18px #203c6010!important;
}
body.v41.shelf-home .hero-slider {
  border-color:#d8e4f3!important; border-radius:16px!important;
  box-shadow:0 10px 32px #203f7010!important;
}
body.v41.shelf-home .notice-strip {
  padding:11px 16px!important; border:1px solid #e0e9f5!important;
  border-radius:10px; background:#e8f0fb!important;
}
body.v41.shelf-home .notice-marquee {color:#526a87}
body.v41.shelf-home .quick-actions {
  margin-top:16px!important; padding:22px 12px!important;
  background:#fff!important; border:1px solid var(--ui-line)!important;
  border-radius:14px!important; box-shadow:0 5px 20px #213a5a06!important;
}
body.v41.shelf-home .quick-action {border-right-color:#e7edf5!important}
body.v41.shelf-home .quick-action-icon {background:#eaf2ff!important}
body.v41.shelf-home .quick-action:nth-child(2) .quick-action-icon {background:#e6f4f1!important}
body.v41.shelf-home .quick-action:nth-child(3) .quick-action-icon {background:#edf0fb!important}
body.v41.shelf-home .quick-action:nth-child(4) .quick-action-icon {background:#fbf2e5!important}
body.v41.shelf-home .quick-action:nth-child(5) .quick-action-icon {background:#e7f3f9!important}
body.v41.shelf-home .game-section {padding-top:32px!important}
body.v41.shelf-home .section-heading {margin-bottom:20px!important}
body.v41.shelf-home .section-heading p {color:#60738b}
body.v41.shelf-home .game-type-filters button {
  border-color:#dfe6f0!important; border-radius:10px!important;
  box-shadow:0 2px 4px #243b5b03!important; transition:background .18s,border-color .18s,box-shadow .18s;
}
body.v41.shelf-home .game-type-filters button.active {
  background:#e4efff!important; border-color:#8fb3e7!important;
  box-shadow:inset 0 1px 0 #ffffffb3,0 3px 10px #1769e80b!important;
}
body.v41.shelf-home .venue-scope-filters {
  background:#e4eaf3; border-radius:9px; padding:3px; gap:3px;
}
body.v41.shelf-home .venue-scope-filters button.active {background:#fff; box-shadow:0 2px 5px #1736540c}
body.v41.shelf-home .game-tabs>button,body.v41.shelf-home .game-tabs>button.active {
  --venue-paper:#edf4fe; --venue-ink:#214b7a; --venue-edge:#d7e5f7;
  border:1px solid #d5e0ee!important; border-radius:13px!important;
  box-shadow:0 5px 16px #1c35570b!important;
  transition:box-shadow .18s,border-color .18s;
}
body.v41.shelf-home .game-tabs>button[data-category="1"] {--venue-paper:#f1eefa;--venue-ink:#57427c;--venue-edge:#e1d9f0}
body.v41.shelf-home .game-tabs>button[data-category="2"] {--venue-paper:#f5eff8;--venue-ink:#6e3d72;--venue-edge:#eadbef}
body.v41.shelf-home .game-tabs>button[data-category="7"] {--venue-paper:#eaf4ef;--venue-ink:#2d6652;--venue-edge:#d0e6da}
body.v41.shelf-home .game-tabs>button[data-category="5"] {--venue-paper:#edefFA;--venue-ink:#444b82;--venue-edge:#dcdff1}
body.v41.shelf-home .game-tabs>button[data-category="3"] {--venue-paper:#faf2e7;--venue-ink:#875b24;--venue-edge:#ecdfc9}
body.v41.shelf-home .game-tabs>button[data-category="6"] {--venue-paper:#e7f4f6;--venue-ink:#226674;--venue-edge:#cde5e9}
body.v41.shelf-home .game-tabs>button:hover {border-color:#91add1!important;box-shadow:0 9px 24px #1c35571a!important}
body.v41.shelf-home .game-tabs>button::before {
  background:linear-gradient(0deg,#11274650 0%,transparent 65%)!important;
}
body.v41.shelf-home .game-tabs>button::after {
  content:""!important; display:block!important; position:absolute; inset:auto 0 0;
  height:64px; z-index:2; background:var(--venue-paper)!important;
  border-top:1px solid var(--venue-edge); pointer-events:none;
}
body.v41.shelf-home .game-tabs .venue-brand-plate {
  position:absolute; left:10px; top:10px; z-index:4;
  display:flex; align-items:center; justify-content:center;
  width:62px; height:36px; padding:5px 7px; box-sizing:border-box;
  border:1px solid #ffffffd9; border-radius:9px;
  background:#fffffff5; color:var(--venue-ink);
  box-shadow:0 3px 12px #10243d14; text-shadow:none;
}
body.v41.shelf-home .game-tabs .venue-brand-image {
  display:block!important; width:100%!important; height:100%!important;
  max-width:48px!important; object-fit:contain!important;
  padding:0!important; margin:0!important; filter:none!important; border-radius:3px;
}
body.v41.shelf-home .game-tabs .venue-brand-text {
  display:block; max-width:100%; color:var(--venue-ink); font-size:13px;
  font-weight:800; letter-spacing:-.04em; line-height:1; white-space:nowrap;
}
body.v41.shelf-home .game-tabs .venue-brand-text.is-long {font-size:10px;letter-spacing:-.045em}
body.v41.shelf-home .game-tabs .venue-tab-copy {
  inset:auto 94px 14px 12px!important; width:auto!important; max-width:none!important; gap:5px!important;
  color:var(--venue-ink)!important; text-shadow:none!important; min-width:0;
}
body.v41.shelf-home .game-tabs .venue-poster-wordmark,
body.v41.shelf-home .game-tabs .venue-poster-category {display:none!important}
body.v41.shelf-home .game-tabs .venue-tab-title {
  position:static!important; display:-webkit-box!important; width:auto!important; height:auto!important;
  margin:0!important; padding:0!important; clip:auto!important; overflow:hidden!important;
  max-width:100%; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  white-space:normal!important; overflow-wrap:anywhere; color:var(--venue-ink)!important;
  font-size:14px!important; font-weight:750; line-height:1.3; letter-spacing:-.02em;
}
body.v41.shelf-home .game-tabs .venue-tab-status {color:#526a74!important;font-size:10px!important}
body.v41.shelf-home .game-tabs .venue-status-dot {background:#1c946e!important;width:5px!important;height:5px!important;flex-basis:5px}
body.v41.shelf-home .game-tabs .venue-enter {
  inset:auto 10px 16px auto!important;
  display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:5px;
  width:auto!important; height:32px!important; min-width:72px!important; min-height:32px!important;
  padding:0 12px!important; box-sizing:border-box; border-radius:999px!important;
  color:#1769e8!important; font-size:12px!important; font-weight:750!important; line-height:1!important;
  letter-spacing:.02em; white-space:nowrap; text-shadow:none!important;
  background:linear-gradient(180deg,#f3f8ff 0%,#e2eeff 100%)!important;
  border:1px solid #c5dbff!important;
  box-shadow:inset 0 1px 0 #ffffffed,0 2px 6px #1769e812!important;
  transition:background .18s,border-color .18s,box-shadow .18s;
}
body.v41.shelf-home .game-tabs .venue-enter::after {
  content:""; position:static; inset:auto; display:block; flex:0 0 14px;
  width:14px; height:14px; margin:0!important; transform:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231769e8' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
}
body.v41.shelf-home .game-tabs>button:not(.unavailable):not(.loading):hover .venue-enter {
  background:linear-gradient(180deg,#edf5ff 0%,#d9e9ff 100%)!important;
  border-color:#a9caff!important; box-shadow:inset 0 1px 0 #fff,0 3px 8px #1769e81c!important;
}
body.v41.shelf-home .game-tabs>button.unavailable .venue-tab-status {color:#7a8594!important}
body.v41.shelf-home .game-tabs>button.unavailable .venue-enter {
  background:#eef1f5!important; border-color:#dbe2eb!important; color:#6c7a8e!important; box-shadow:none!important;
}
body.v41.shelf-home .game-tabs>button.loading .venue-enter {
  right:10px!important; bottom:16px!important; min-width:72px!important;
  padding:0 8px!important; font-size:12px!important; border-radius:999px!important;
}
body.v41.shelf-home .game-tabs>button:is(.unavailable,.loading) .venue-enter::after {display:none}
body.v41 .offer-card {border-color:#dce4ef;border-radius:14px;box-shadow:0 5px 18px #1c355708}
body.v41 .offer-card-copy {background:#fffdf9}
body.v41.shelf-home #service.service-section {
  margin-top:36px!important; margin-bottom:36px; padding:32px!important;
  background:#e6edf7; border:1px solid #dce5f1; border-radius:16px;
}
body.v41.shelf-home .site-footer {background:#f8fafd!important}
body.v41 #memberCenterMask .member-center-content {background:#eef2f7!important}
body.v41 #memberCenterMask .member-panel {border-color:#dde5ef!important;box-shadow:0 3px 12px #18385b04!important}
body.v41 #memberCenterMask[data-view="overview"] .assets-balance-panel {
  background:linear-gradient(125deg,#102033,#1a344d)!important;
  border-color:#213d55!important; box-shadow:0 9px 22px #1020331a!important;
}
body.v41 #memberCenterMask[data-view="overview"] .assets-benefit-strip {
  background:#eaf0fb!important; border-color:#d7e3f5!important;
}
body.v41 #memberCenterMask[data-view="overview"] .assets-benefit-strip b,
body.v41 #memberCenterMask[data-view="overview"] .assets-benefit-strip em {color:#254c7c!important}
body.v41 #memberCenterMask[data-view="overview"] .assets-benefit-strip small {color:#617899!important}
body.v41 #memberCenterMask .wallet-platform,
body.v41 #memberCenterMask .mk-venue-grid>* {
  background:#f4f7fb!important; border:1px solid #e2e9f2!important; border-radius:9px!important;
}
body.v41 #memberCenterMask input:focus-visible,
body.v41 #memberCenterMask select:focus-visible {outline:2px solid #a7c7ef;outline-offset:2px}
@media(min-width:769px) {
  body.v41.shelf-home .game-tabs>button,body.v41.shelf-home .game-tabs>button.active {height:192px!important;min-height:192px!important}
  body.v41.shelf-home .game-tabs button>.venue-card-visual {max-height:190px!important}
  body.v41.shelf-home .game-tabs button[data-artwork="portrait"]>.venue-card-visual,
  body.v41.shelf-home .game-tabs button[data-poster="mg"]>.venue-card-visual {
    inset:0!important; width:100%!important; height:calc(100% - 64px)!important;
    max-height:none!important; object-fit:cover!important; object-position:center top!important;
  }
}
@media(max-width:768px) {
  body.v41.shelf-home .mobile-account-strip>button {
    padding:12px 14px!important; background:#fff!important; border:1px solid var(--ui-line)!important;
    border-radius:12px!important; min-height:64px!important;
  }
  body.v41.shelf-home .mobile-account-strip b {font-size:13px;color:#284764}
  body.v41.shelf-home .mobile-account-strip small {font-size:11px;color:#667a90}
  body.v41.shelf-home .quick-actions {padding:15px 5px!important;gap:0!important;margin-top:12px!important}
  body.v41.shelf-home .quick-action {padding:3px 1px!important;border-right:0!important;gap:7px!important}
  body.v41.shelf-home .quick-action-icon {display:grid!important;width:36px!important;height:36px!important;border-radius:11px!important}
  body.v41.shelf-home .quick-action b {font-size:10px!important}
  body.v41.shelf-home .notice-strip {padding:9px 10px!important;min-height:38px}
  body.v41.shelf-home .game-type-filters {
    display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important; overflow:visible!important; padding-bottom:18px!important;
  }
  body.v41.shelf-home .game-type-filters button {
    width:100%!important;min-width:0!important;max-width:none!important;
    height:58px!important;min-height:58px!important;gap:4px!important;
  }
  body.v41.shelf-home .game-type-filter-icon {width:20px!important;height:20px!important}
  body.v41.shelf-home .game-tabs {gap:12px!important}
  body.v41.shelf-home .game-tabs>button,body.v41.shelf-home .game-tabs>button.active {height:236px!important;min-height:236px!important}
  body.v41.shelf-home .game-tabs .venue-tab-title {font-size:13px!important}
  body.v41.shelf-home .game-tabs .venue-brand-plate {width:58px;height:34px;left:9px;top:9px}
  body.v41 #memberCenterMask[data-view="overview"] .assets-account>div {flex:1;grid-template-columns:auto auto;column-gap:8px}
  body.v41 #memberCenterMask[data-view="overview"] .assets-account h4 {grid-area:1/1/2/3;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:15px!important;line-height:1.4!important}
  body.v41 #memberCenterMask[data-view="overview"] .assets-account-meta>.member-badge {grid-area:2/1;font-size:10px!important}
  body.v41 #memberCenterMask[data-view="overview"] .assets-account-meta>span:last-child {grid-area:2/2;font-size:10px;white-space:nowrap}
  body.v41 #memberCenterMask[data-view="overview"] .assets-account {gap:10px!important;padding:14px!important}
  body.v41 #memberCenterMask .assets-account>.member-secondary {padding:0 6px!important}
  body.v41.shelf-home .mobile-bottom-nav {border-top-color:#dde5ef;box-shadow:0 -4px 20px #203b6009!important}
}
@media(prefers-reduced-motion:reduce) {
  body.v41.shelf-home .game-tabs>button,body.v41.shelf-home .game-tabs .venue-enter,body.v41.shelf-home .game-type-filters button {transition:none!important}
}
@media(max-width:380px) {
  body.v41.shelf-home .game-tabs .venue-tab-title {font-size:12px!important}
  body.v41.shelf-home .game-tabs .venue-tab-copy {left:10px!important;right:82px!important}
  body.v41.shelf-home .game-tabs .venue-enter {right:8px!important;min-width:64px!important;padding:0 8px!important;gap:4px}
  body.v41.shelf-home .game-tabs .venue-enter::after {flex-basis:12px;width:12px;height:12px}
  body.v41.shelf-home .game-tabs>button.loading .venue-enter {right:8px!important;min-width:64px!important;font-size:11px!important}
}
