/* 大象体育 v4.6.0：参考现代体育门户的首屏层级，并统一桌面与 H5 交互尺寸。 */

/* Header: keep the supplied Daxiang mark, but crop its square artwork into a compact masthead. */
.shelf-home .site-header{
  background:rgba(252,253,255,.92);
  border-bottom:1px solid rgba(61,83,155,.1);
  box-shadow:0 10px 30px rgba(18,36,84,.08);
  backdrop-filter:blur(20px) saturate(1.25)
}
.shelf-home .brand{display:flex;width:190px;height:66px;align-items:center;gap:9px;overflow:hidden;text-decoration:none}
.shelf-home .brand-art{display:block;width:70px;height:56px;flex:0 0 70px;overflow:hidden}
.shelf-home .brand-art .brand-logo{display:block;width:82px;height:82px;max-width:none;transform:translate(-6px,-1px);filter:drop-shadow(0 5px 11px rgba(36,95,220,.2))}
.shelf-home .brand-copy{display:flex;min-width:0;flex-direction:column;color:#122044;line-height:1}
.shelf-home .brand-copy b{font-size:20px;font-weight:900;letter-spacing:.05em;white-space:nowrap}
.shelf-home .brand-copy small{margin-top:7px;color:#5372c9;font-size:7px;font-weight:850;letter-spacing:.18em;white-space:nowrap}
.shelf-home .main-nav a{color:#65718b}
.shelf-home .main-nav a:hover,.shelf-home .main-nav a.active{color:#176fdb}
.shelf-home .main-nav a.active::after{background:linear-gradient(90deg,#22c6ef,#3769ed)}
.shelf-home .header-actions .ghost-button{border-color:#dce3f3;color:#40506f;background:rgba(255,255,255,.72)}
.shelf-home .header-actions .primary-button{background:linear-gradient(135deg,#28c9ed,#2371ee);box-shadow:0 9px 22px rgba(36,111,226,.24)}
.shelf-home .member-chip{border-color:#dce3f3;background:#fff;color:#172440}
.shelf-home .member-chip small{color:#6b7894}
.shelf-home .mega-menu{background:rgba(255,255,255,.98);border-color:#e3e8f3;color:#172440;box-shadow:0 22px 46px rgba(18,36,84,.13)}
.shelf-home .mega-copy p,.shelf-home .mega-card small{color:#748098}
.shelf-home .mega-card{border-color:#e5e9f2;background:#f9fbff}

/* Desktop hero: larger visual priority without inheriting the reference site's clipped layout. */
@media(min-width:981px){
  .shelf-home .hero{padding-top:18px}
  .shelf-home .hero-slides{grid-template-columns:minmax(0,1.86fr) minmax(300px,.72fr);grid-template-rows:repeat(2,170px);gap:14px}
  .shelf-home .hero-slide{border-radius:20px;box-shadow:0 16px 38px rgba(18,37,83,.16)}
  .shelf-home .hero-slide.hero-primary .hero-content,.shelf-home .hero-slide.hero-primary .hero-content.light{width:58%;padding:34px 38px}
  .shelf-home .hero-slide.hero-primary .hero-heading{margin:8px 0 17px;font-size:38px;line-height:1.08;text-shadow:0 4px 18px rgba(7,25,63,.28)}
  .shelf-home .hero-slide.hero-primary .hero-kicker{font-size:9px}
  .shelf-home .hero-slide.hero-primary .hero-buttons .large{min-height:44px;padding:0 20px;font-size:13px}
  .shelf-home .hero-slide.hero-secondary .hero-content,.shelf-home .hero-slide.hero-secondary .hero-content.light{width:68%;padding:18px 20px}
  .shelf-home .hero-slide.hero-secondary .hero-heading{margin:5px 0 12px;font-size:21px}
  .shelf-home .hero-slide.hero-secondary .hero-buttons .large{min-height:40px;padding:0 15px;font-size:11px}
}

/* Immersive, original stadium treatment for login and registration. */
.modal-mask{
  isolation:isolate;
  overflow:clip;
  background:
    radial-gradient(ellipse at 50% 8%,rgba(30,116,255,.5),transparent 45%),
    linear-gradient(180deg,rgba(10,45,106,.78),rgba(3,18,48,.96)),
    linear-gradient(120deg,#103978,#071b3c 62%,#04152f);
  backdrop-filter:blur(5px)
}
.modal-mask::before,.modal-mask::after{content:"";position:absolute;z-index:-1;pointer-events:none}
.modal-mask::before{inset:0;background:repeating-linear-gradient(82deg,transparent 0 9%,rgba(64,133,255,.08) 9.2% 9.7%,transparent 10% 18%);mask-image:linear-gradient(#000,transparent 58%)}
.modal-mask::after{left:50%;bottom:-35vh;width:min(1120px,92vw);height:62vh;border:2px solid rgba(94,164,255,.17);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 80px rgba(50,118,225,.04),0 0 120px rgba(32,108,240,.12)}
.auth-modal-card{
  z-index:1;
  width:min(470px,100%);
  max-height:calc(100dvh - 32px);
  padding:0;
  overflow:auto;
  border:1px solid rgba(113,181,255,.32);
  border-radius:30px;
  background:linear-gradient(180deg,rgba(41,91,160,.96),rgba(13,42,84,.97));
  color:#fff;
  box-shadow:0 28px 90px rgba(0,9,31,.5),inset 0 1px rgba(255,255,255,.12);
  scrollbar-width:thin;
  scrollbar-color:rgba(105,180,255,.45) transparent
}
.auth-modal-card.register-mode{width:min(500px,100%)}
.auth-modal-card .register-benefits{display:none!important}
.auth-modal-card .auth-modal-layout{display:block}
.auth-modal-card .modal-close{position:sticky;z-index:8;top:12px;display:grid;width:42px;height:42px;margin:12px 12px -54px auto;place-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(4,24,57,.42);color:#fff;backdrop-filter:blur(10px)}
.auth-modal-card.register-mode .modal-close{background:rgba(4,24,57,.42);color:#fff}
.auth-modal-card .auth-form-panel{padding:24px 34px 26px}
.auth-modal-card .modal-brand-mark{display:block;width:126px;height:126px;margin:-8px auto -7px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,21,65,.35))}
.auth-modal-card .auth-venue-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 8px 16px}
.auth-modal-card .auth-venue-strip span{display:grid;min-width:0;height:64px;place-items:center;padding:6px 3px 5px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06))}
.auth-modal-card .auth-venue-strip img{width:34px;height:28px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.22))}
.auth-modal-card .auth-venue-strip small{max-width:100%;overflow:hidden;color:rgba(237,245,255,.82);font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.auth-modal-card .auth-form-panel h2{color:#fff;font-size:26px;letter-spacing:.02em}
.auth-modal-card .auth-form-panel>p{margin:6px 0 18px;color:rgba(222,235,255,.72);font-size:12px}
.auth-modal-card .auth-form-panel label{margin-bottom:12px;color:#eaf2ff;font-size:12px}
.auth-modal-card .auth-form-panel input{height:48px;border-color:rgba(177,209,255,.2);background:rgba(255,255,255,.1);color:#fff;font-size:16px;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.auth-modal-card .auth-form-panel input::placeholder{color:rgba(220,234,255,.48)}
.auth-modal-card .auth-form-panel input:focus{border-color:#55cfff;background:rgba(255,255,255,.14);box-shadow:0 0 0 4px rgba(54,190,255,.14)}
.auth-modal-card .password-field button{top:15px;min-width:48px;height:34px;background:rgba(119,178,255,.13);color:#a9dbff}
.auth-modal-card .auth-field-help,.auth-modal-card .password-strength small{color:rgba(213,229,255,.62)}
.auth-modal-card .password-strength>span{background:rgba(255,255,255,.13)}
.auth-modal-card .auth-agreement{color:rgba(225,237,255,.72)}
.auth-modal-card .auth-agreement button{color:#59d8ff}
.auth-modal-card #modalSubmit{min-height:48px;border-radius:13px;background:linear-gradient(180deg,#48dbed,#1683f5);box-shadow:0 12px 24px rgba(0,98,234,.28)}
.auth-modal-card .auth-switch{color:rgba(222,235,255,.68)}
.auth-modal-card .auth-switch button{min-height:40px;color:#5bdcff}
.auth-modal-card .member-secondary{display:block;min-height:42px;margin:3px auto 0;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#dfeaff}
.auth-modal-card .modal-extra{color:rgba(205,222,249,.5);line-height:1.55}
.auth-modal-card.register-mode .modal-brand-mark{width:104px;height:104px;margin:-5px auto -6px}
.auth-modal-card.register-mode .auth-venue-strip{margin-bottom:12px}
.auth-modal-card.register-mode .auth-venue-strip span{height:58px}
.auth-modal-card.register-mode .auth-form-panel>p{margin-bottom:12px}

/* Member center v4.6 overview: the markup is shared by desktop and H5. */
#memberCenterMask .member-nav-group{display:grid;gap:5px}
#memberCenterMask .member-nav-group+.member-nav-group{margin-top:18px}
#memberCenterMask .member-nav-label{padding:0 13px 5px;color:#9aa4b7;font-size:10px;font-weight:800;letter-spacing:.12em}
#memberCenterMask .assets-page{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}
#memberCenterMask .assets-account{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid #e4e9f2;border-radius:18px;background:#fff}
#memberCenterMask .assets-avatar{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#466de1,#52b8f0);color:#fff;font-size:21px;font-weight:900;box-shadow:0 10px 22px rgba(57,105,211,.2)}
#memberCenterMask .assets-avatar img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
#memberCenterMask .assets-account h4{margin:0 0 7px;color:#24314a;font-size:17px}
#memberCenterMask .assets-account-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#8a95a8;font-size:11px}
#memberCenterMask .member-badge{padding:4px 8px;border-radius:999px;background:#e8f7f0;color:#23805e;font-size:10px;font-weight:800}
#memberCenterMask .assets-balance-panel{position:relative;overflow:hidden;padding:26px 28px;border-radius:20px;background:linear-gradient(135deg,#3158ca,#2489e9 68%,#31b9e4);color:#fff;box-shadow:0 18px 38px rgba(42,92,203,.2)}
#memberCenterMask .assets-balance-panel::after{content:"";position:absolute;right:-80px;top:-95px;width:250px;height:250px;border:38px solid rgba(255,255,255,.07);border-radius:50%;pointer-events:none}
#memberCenterMask .assets-balance-panel>*{position:relative;z-index:1}
#memberCenterMask .assets-balance-top{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.8);font-size:13px}
#memberCenterMask .assets-balance-top span{margin-right:auto}
#memberCenterMask .assets-balance-top button{min-width:42px;min-height:34px;padding:0 8px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.1);color:#fff;font-size:11px}
#memberCenterMask .assets-balance-value{display:block;margin:19px 0 5px;font-size:42px;line-height:1.15;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
#memberCenterMask .assets-balance-meta{display:flex;gap:12px;color:rgba(255,255,255,.66);font-size:11px}
#memberCenterMask .assets-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:24px}
#memberCenterMask .assets-actions .member-primary,#memberCenterMask .assets-actions .member-secondary{min-width:0;min-height:44px;justify-content:center;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.13);color:#fff}
#memberCenterMask .assets-actions .member-primary{background:#fff;color:#315ccb}
#memberCenterMask .assets-page>section:not(.assets-balance-panel){padding:22px;border:1px solid #e4e9f2;border-radius:20px;background:#fff}
#memberCenterMask .assets-page>section:nth-of-type(2){grid-column:2}
#memberCenterMask .assets-page>section:nth-of-type(3){grid-column:1/-1}
#memberCenterMask .assets-wallet-rows{display:grid;gap:9px}
#memberCenterMask .assets-wallet-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border-radius:13px;background:#f6f8fc}
#memberCenterMask .assets-wallet-row div{min-width:0}
#memberCenterMask .assets-wallet-row span,#memberCenterMask .assets-wallet-row small{display:block}
#memberCenterMask .assets-wallet-row span{color:#34415a;font-size:13px;font-weight:750}
#memberCenterMask .assets-wallet-row small{margin-top:4px;color:#8994a8;font-size:10px}
#memberCenterMask .assets-wallet-row strong{flex:none;color:#315cca;font-size:17px;font-variant-numeric:tabular-nums}
#memberCenterMask .assets-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#memberCenterMask .assets-shortcut{display:flex;min-height:58px;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e4e9f2;border-radius:13px;background:#f9faff;color:#4b586f;font-size:12px;font-weight:700;text-align:left}
#memberCenterMask .assets-shortcut:hover{border-color:#a9b8e9;background:#f4f6ff}
#memberCenterMask .assets-shortcut-icon{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:10px;background:#eaf0ff;color:#4565ca;font-size:11px;font-weight:900}
/* Every venue carries its own artwork on desktop as well as H5. */
.shelf-home .game-tabs button{background:linear-gradient(145deg,hsl(var(--venue-hue,220) 76% 97%),hsl(var(--venue-hue-alt,250) 68% 92%))}
.shelf-home .game-tabs button::before{z-index:0;background:linear-gradient(90deg,rgba(255,255,255,.94) 0 43%,rgba(255,255,255,.34) 64%,transparent 100%),radial-gradient(circle at 92% 8%,hsl(var(--venue-hue,220) 84% 58%/.16) 0 35%,transparent 36%)}
.shelf-home .game-tabs button.active{background:linear-gradient(145deg,hsl(var(--venue-hue,220) 70% 95%),hsl(var(--venue-hue-alt,250) 68% 82%))}
.shelf-home .game-tabs button.active::before{background:linear-gradient(90deg,rgba(34,48,112,.96) 0 43%,rgba(38,55,130,.52) 66%,rgba(29,42,103,.2) 100%),radial-gradient(circle at 92% 8%,hsl(var(--venue-hue,220) 88% 64%/.28) 0 38%,transparent 39%)}
.shelf-home .game-tabs .venue-card-cover{display:none}
.shelf-home .game-tabs button>.venue-card-visual{position:absolute;z-index:1;right:-4%;bottom:-12%;display:block;width:66%;height:122%;object-fit:contain;object-position:right bottom;pointer-events:none;filter:drop-shadow(0 8px 12px rgba(35,48,92,.16));transition:transform .24s ease,filter .24s ease}
.shelf-home .game-tabs button:hover>.venue-card-visual{transform:translateY(-2px) scale(1.025);filter:drop-shadow(0 10px 15px rgba(35,48,92,.2))}
.shelf-home .game-tabs button>.game-tab-icon:not(.venue-card-visual),.shelf-home .game-tabs button>.venue-tab-copy{position:relative;z-index:2}
.shelf-home .game-tabs button>.venue-tab-copy{max-width:48%}

/* H5 ergonomics: prevent iOS focus zoom and restore reachable touch targets. */
@media(max-width:680px){
  .shelf-home{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  html:has(body.modal-open),body.modal-open{overflow:hidden!important}
  .shelf-home .mobile-app-banner,.shelf-home .mobile-app-banner:not([hidden]){display:none!important}
  .shelf-home .mobile-app-banner[hidden]{display:none!important}
  .shelf-home .header-inner{height:56px;min-height:56px}
  .shelf-home .brand{width:132px;height:54px;gap:5px}
  .shelf-home .brand-art{width:52px;height:43px;flex-basis:52px}
  .shelf-home .brand-art .brand-logo{width:62px;height:62px;transform:translate(-5px,0)}
  .shelf-home .brand-copy b{font-size:15px}
  .shelf-home .brand-copy small{margin-top:4px;font-size:5px}
  .shelf-home .header-actions .ghost-button.auth-guest,.shelf-home .header-actions .primary-button.auth-guest{min-width:48px!important;min-height:44px!important;height:44px!important;padding-inline:11px!important;font-size:12px}
  .shelf-home main{display:flex;flex-direction:column}
  .shelf-home main>.hero{order:1}
  .shelf-home main>.notice-strip{display:grid;order:2;height:40px;margin:7px 11px 0;padding:0 11px;border-radius:11px;grid-template-columns:auto 1fr auto}
  .shelf-home .notice-strip strong{display:none}
  .shelf-home .notice-strip .notice-icon{width:28px;height:28px}
  .shelf-home .notice-strip .notice-more{min-height:40px}
  .shelf-home main>.mobile-account-strip{display:block;order:3;margin:8px 11px 0}
  .shelf-home .mobile-account-strip button{min-height:64px;border-radius:15px;background:linear-gradient(135deg,#edf6ff,#f7fbff);border:1px solid rgba(54,115,215,.13)}
  .shelf-home .mobile-account-strip b{font-size:15px}
  .shelf-home .mobile-account-strip em{min-height:40px;display:flex;align-items:center;padding:0 10px;border-radius:10px;background:#e5efff;color:#246fda}
  .shelf-home main>.quick-actions{display:grid;order:4;margin:8px 11px 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .shelf-home .quick-action{display:flex;min-width:0;min-height:76px;padding:8px 3px;flex-direction:column;justify-content:center;gap:3px;border-radius:13px;text-align:center}
  .shelf-home .quick-action-icon{width:36px;height:36px;border-radius:11px}
  .shelf-home .quick-action-icon img{width:23px;height:23px}
  .shelf-home .quick-action b{align-self:center;font-size:11px}
  .shelf-home .quick-action small{display:none}
  .shelf-home main>.game-section{order:5}
  .shelf-home main>#live{order:6}
  .shelf-home main>.download-section{order:7;display:none!important}
  .shelf-home main>.service-section{order:8;display:none!important}
  .shelf-home .site-footer{display:none!important}
  .shelf-home a[href="#download"]{display:none!important}
  .shelf-home .category-rail{display:none}
  .shelf-home .hero{padding-top:8px}
  .shelf-home .hero-slide,.shelf-home .hero-slide.hero-primary{height:126px}
  .shelf-home .hero-slide .hero-kicker{display:none}
  .shelf-home .hero-slide.hero-primary .hero-content,.shelf-home .hero-slide.hero-primary .hero-content.light,.shelf-home .hero-slide.hero-secondary .hero-content,.shelf-home .hero-slide.hero-secondary .hero-content.light{padding:10px 13px}
  .shelf-home .hero-slide .hero-buttons .large{min-height:44px;padding-inline:13px;font-size:10px}
  .shelf-home .game-section{display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:8px;padding:18px 11px 0}
  .shelf-home .game-section .venue-heading{grid-column:1/-1;display:flex;width:100%;align-items:flex-end;margin:0 0 10px;padding:0}
  .shelf-home .venue-heading-copy{min-width:0}
  .shelf-home .venue-heading h2{font-size:20px}
  .shelf-home .venue-heading .section-kicker,.shelf-home .venue-heading p{display:none}
  .shelf-home .venue-health{gap:5px}
  .shelf-home .venue-health span{min-width:48px;padding:7px 8px;border-radius:10px}
  .shelf-home .venue-health b{font-size:15px}
  .shelf-home .venue-health small{font-size:7px}
  .shelf-home .venue-browser{grid-column:1/-1;display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  .shelf-home .venue-toolbar{display:none}
  .shelf-home .game-type-filters{display:flex;grid-column:1;grid-row:1;position:sticky;top:64px;align-self:start;max-height:calc(100dvh - 136px);margin:0;padding:0;flex-direction:column;flex-wrap:nowrap;gap:6px;overflow-y:auto;border:0;border-radius:0;background:transparent;box-shadow:none;scrollbar-width:none}
  .shelf-home .game-type-filters::-webkit-scrollbar{display:none}
  .shelf-home .game-type-filters button{box-sizing:border-box;width:100%;min-width:0;height:58px;min-height:58px;flex:0 0 58px;padding:4px 2px;flex-direction:column;gap:1px;overflow:hidden;border:1px solid rgba(102,134,191,.11);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.78));box-shadow:0 5px 14px rgba(35,64,121,.055)}
  .shelf-home .game-type-filters button:hover{border-color:rgba(91,126,190,.18);background:linear-gradient(180deg,#fff,rgba(245,249,255,.92))}
  .shelf-home .game-type-filters button.active,.shelf-home .game-type-filters button.active:hover{border-color:transparent;background:linear-gradient(150deg,#43b9f5,#3476ed);color:#fff;box-shadow:0 8px 17px rgba(45,113,226,.24)}
  .shelf-home .game-type-filter-icon{width:27px;height:27px;flex:0 0 27px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(38,73,139,.16))}
  .shelf-home .game-type-filter-copy,.shelf-home .game-type-filter-copy b{display:block}
  .shelf-home .game-type-filter-copy b{font-size:10px}
  .shelf-home .game-type-filter-copy small{display:none}
  .shelf-home .venue-shelf-shell{grid-column:2;grid-row:1;min-width:0}
  .shelf-home .game-tabs{display:grid;grid-template-columns:1fr;gap:8px;margin:0;padding:0 0 5px;overflow:visible;scroll-snap-type:none}
  .shelf-home .game-tabs button{position:relative;isolation:isolate;width:100%;height:118px;min-width:0;flex:none;padding:12px;justify-content:flex-start;align-items:center;gap:10px;overflow:hidden;border:1px solid hsl(var(--venue-hue,220) 52% 86%);border-radius:16px;scroll-snap-align:none;background:linear-gradient(145deg,hsl(var(--venue-hue,220) 76% 97%),hsl(var(--venue-hue-alt,250) 68% 92%));box-shadow:0 8px 20px rgba(40,66,124,.08)}
  .shelf-home .game-tabs .venue-card-cover{display:none}
  .shelf-home .game-tabs button::before{z-index:0;background:linear-gradient(90deg,rgba(255,255,255,.82) 0 38%,rgba(255,255,255,.16) 66%,transparent 100%),radial-gradient(circle at 94% 14%,hsl(var(--venue-hue,220) 84% 58%/.17) 0 26%,transparent 27%)}
  .shelf-home .game-tabs button.active{border-color:hsl(var(--venue-hue,220) 72% 58%);background:linear-gradient(145deg,hsl(var(--venue-hue,220) 82% 96%),hsl(var(--venue-hue-alt,250) 73% 89%));box-shadow:0 0 0 2px hsl(var(--venue-hue,220) 75% 62%/.13),0 10px 22px rgba(40,66,124,.11)}
  .shelf-home .game-tabs button.active::before{background:linear-gradient(90deg,rgba(255,255,255,.9) 0 38%,rgba(255,255,255,.2) 66%,transparent 100%),radial-gradient(circle at 94% 14%,hsl(var(--venue-hue,220) 88% 54%/.2) 0 28%,transparent 29%)}
  .shelf-home .game-tabs button>.venue-card-visual{position:absolute;z-index:1;right:-3%;bottom:-7%;display:block;width:62%;height:112%;object-fit:contain;object-position:right bottom;pointer-events:none;filter:drop-shadow(0 8px 10px rgba(42,58,103,.12))}
  .shelf-home .game-tabs .game-tab-icon:not(.venue-card-cover):not(.venue-card-visual){position:absolute;z-index:3;left:12px;right:auto;top:11px;bottom:auto;display:grid;width:42px;height:29px;flex:none;margin:0;padding:4px;place-items:center;border:1px solid rgba(255,255,255,.84);border-radius:9px;background:rgba(255,255,255,.78);object-fit:contain;box-shadow:0 4px 12px rgba(42,58,103,.08)}
  .shelf-home .game-tabs .venue-monogram{padding:0;color:hsl(var(--venue-hue,220) 68% 38%);font-size:15px;font-weight:900}
  .shelf-home .game-tabs button>.venue-tab-copy{position:absolute;z-index:2;left:12px;bottom:12px;width:54%;min-width:0;padding:0;color:#26344d;text-align:left;text-shadow:none}
  .shelf-home .game-tabs .venue-tab-copy b{max-width:100%;color:#17233e;font-size:14px}
  .shelf-home .game-tabs .venue-tab-copy small{display:inline-flex;width:auto;max-width:100%;margin-top:5px;padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.62);color:#64728c;font-size:9px}
  .shelf-home .game-tabs button.active .venue-tab-copy b{color:#17233e}
  .shelf-home .game-tabs button.active .venue-tab-copy small{color:#64728c}
  .shelf-home .venue-enter{display:none}
  .shelf-home .venue-shelf-progress{display:none}
  .shelf-home .member-center-tabs button{min-height:44px}
  .modal-mask{padding:10px;place-items:center;overflow:clip;overscroll-behavior:none}
  .auth-modal-card,.auth-modal-card.register-mode{width:100%;max-height:calc(100dvh - 20px);border-radius:24px}
  .auth-modal-card .auth-form-panel{padding:18px 17px 20px}
  .auth-modal-card .modal-brand-mark{width:100px;height:100px;margin:-8px auto -8px}
  .auth-modal-card .auth-venue-strip{gap:6px;margin:0 0 13px}
  .auth-modal-card .auth-venue-strip span{height:58px;border-radius:12px}
  .auth-modal-card .auth-venue-strip img{width:30px;height:25px}
  .auth-modal-card .auth-form-panel h2{font-size:23px}
  .auth-modal-card .auth-form-panel input{height:48px;font-size:16px}
  .auth-modal-card .auth-form-panel label{margin-bottom:10px}
  .auth-modal-card .modal-close{min-width:44px!important;min-height:44px!important}
}

@media(min-width:560px) and (max-width:680px){
  .shelf-home .game-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shelf-home .game-tabs button{height:116px}
}

@media(max-width:420px){
  .shelf-home .game-section{grid-template-columns:52px minmax(0,1fr);column-gap:7px}
  .shelf-home .venue-browser{grid-template-columns:52px minmax(0,1fr);gap:7px}
  .shelf-home .game-type-filters button{width:100%;min-width:0}
  .shelf-home .game-tabs button{height:110px;padding:10px}
  .shelf-home .game-tabs .game-tab-icon:not(.venue-card-cover):not(.venue-card-visual){left:10px;top:9px;width:39px;height:27px}
  .shelf-home .game-tabs button>.venue-tab-copy{left:10px;bottom:10px;width:56%}
}

@media(max-width:720px){
  #memberCenterMask .member-center-head{min-height:72px;padding:calc(12px + env(safe-area-inset-top)) 16px 11px}
  #memberCenterMask .member-center-close{width:44px;height:44px}
  #memberCenterMask .member-center-tabs{display:flex;min-height:72px;padding:7px 10px 8px;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity}
  #memberCenterMask .member-center-tabs::-webkit-scrollbar{display:none}
  #memberCenterMask .member-nav-group{display:contents}
  #memberCenterMask .member-nav-group+.member-nav-group{margin:0}
  #memberCenterMask .member-nav-label{display:none}
  #memberCenterMask .member-center-tabs button{flex:0 0 76px;min-height:56px;padding:7px 3px;scroll-snap-align:start}
  #memberCenterMask .member-center-content{padding:16px 13px calc(26px + env(safe-area-inset-bottom))}
  #memberCenterMask .assets-page{grid-template-columns:1fr;gap:12px}
  #memberCenterMask .assets-account,#memberCenterMask .assets-balance-panel,#memberCenterMask .assets-page>section:nth-of-type(2),#memberCenterMask .assets-page>section:nth-of-type(3){grid-column:1}
  #memberCenterMask .assets-account{padding:14px;border-radius:15px}
  #memberCenterMask .assets-avatar{width:42px;height:42px;flex-basis:42px;border-radius:13px;font-size:18px}
  #memberCenterMask .assets-account h4{font-size:15px}
  #memberCenterMask .assets-account .member-secondary{min-height:40px;padding-inline:11px}
  #memberCenterMask .assets-balance-panel{padding:22px 20px;border-radius:18px}
  #memberCenterMask .assets-balance-value{margin-top:16px;font-size:36px}
  #memberCenterMask .assets-actions{margin-top:20px}
  #memberCenterMask .assets-actions .member-primary,#memberCenterMask .assets-actions .member-secondary{min-height:46px;padding:8px}
  #memberCenterMask .assets-page>section:not(.assets-balance-panel){padding:17px;border-radius:16px}
  #memberCenterMask .assets-wallet-row{padding:13px}
  #memberCenterMask .assets-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #memberCenterMask .assets-shortcut{min-height:54px;padding:9px;font-size:11px}
  #memberCenterMask .assets-shortcut-icon{width:30px;height:30px;flex-basis:30px}
}

@media(max-height:720px){
  .auth-modal-card .auth-form-panel{padding-top:14px;padding-bottom:18px}
  .auth-modal-card .modal-brand-mark{width:84px;height:84px;margin:-6px auto -7px}
  .auth-modal-card .auth-venue-strip{margin-bottom:11px}
  .auth-modal-card .auth-venue-strip span{height:54px}
  .auth-modal-card .auth-form-panel>p{margin-bottom:12px}
}

@media(prefers-reduced-motion:reduce){.modal-mask,.auth-modal-card{transition:none}}