.mobile-menu,.mobile-tabbar{display:none}
.membership-shortcut{display:none}
body.menu-open{overflow:hidden}
@media(max-width:1200px){
    .site-header .main-nav{display:none}
    .mobile-menu{
        --menu-entry:-100%;position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;
        width:100%;height:100dvh;max-width:none;max-height:none;margin:0;
        padding:0;border:0;border-radius:0;
        background:var(--bg);color:var(--text);box-shadow:var(--shadow);overflow-y:auto;overscroll-behavior:contain;
    }
    [dir=rtl] .mobile-menu{--menu-entry:100%}
    .mobile-menu[open]{display:flex;flex-direction:column;animation:menu-enter .3s cubic-bezier(.22,.7,.2,1) both}
    .mobile-menu.is-closing{animation:menu-leave .18s ease-in both}
    .mobile-menu::backdrop{background:#09132380;backdrop-filter:blur(5px);animation:menu-backdrop .25s ease both}
    .mobile-menu.is-closing::backdrop{animation:menu-backdrop .18s ease reverse both}
    .mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 22px 20px;padding-top:max(24px,env(safe-area-inset-top))}
    .mobile-menu-head .brand{min-width:0;flex-shrink:1}
    .mobile-menu-head .brand>span:not(.site-logo-switch){font-size:17px}
    .mobile-menu-head .icon-button{width:40px;height:40px;background:var(--surface)}
    .mobile-menu-intro{position:relative;isolation:isolate;overflow:hidden;margin:0 18px 16px;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--soft);flex-shrink:0}
    .mobile-menu-intro:after{content:'';position:absolute;z-index:-1;width:150px;height:150px;border:24px solid var(--blue);opacity:.07;border-radius:50%;inset-inline-end:-70px;bottom:-85px}
    .mobile-menu-kicker{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:9px;letter-spacing:1.8px;direction:ltr;justify-content:flex-start}
    [dir=rtl] .mobile-menu-kicker{justify-content:flex-end}
    .mobile-menu-kicker i{font-size:18px}
    .mobile-menu-intro h2{font-size:23px;line-height:1.5;margin:12px 0 6px;letter-spacing:-.5px}
    .mobile-menu-intro p{font-size:11px;color:var(--muted);margin:0}
    .mobile-menu-links{display:grid;gap:4px;padding:0 18px}
    .mobile-menu-links>a,.mobile-menu-links>button{display:flex;align-items:center;gap:13px;width:100%;min-height:52px;padding:7px 12px;border:1px solid transparent;border-radius:15px;background:transparent;text-align:start;font-size:13px;font-weight:500;transition:background .18s,color .18s}
    .mobile-menu-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;color:var(--muted);font-size:19px}
    .mobile-menu-arrow{margin-inline-start:auto;font-size:11px;color:var(--muted);opacity:.6}
    .mobile-menu-links>[aria-current],.mobile-menu-links>a:hover,.mobile-menu-links>button:hover{background:var(--surface);border-color:var(--line);color:var(--blue)}
    .mobile-menu-links>[aria-current] .mobile-menu-icon{background:var(--soft);color:var(--blue)}
    .mobile-menu-footer{display:grid;gap:10px;margin-top:auto;padding:22px 24px max(20px,env(safe-area-inset-bottom))}
    .mobile-menu-join{display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:16px;background:var(--blue);color:var(--surface);padding:14px 20px;font-size:14px;font-weight:600}
    .mobile-menu-account{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border:0;background:none;font-size:12px;color:var(--muted)}
    .mobile-menu-account[aria-current]{color:var(--blue)}
}
@media(max-width:767px){
    .site-footer{display:none}
    .membership-shortcut{display:block;position:relative;flex-shrink:0}
    .membership-shortcut summary{list-style:none;cursor:pointer}
    .membership-shortcut summary::-webkit-details-marker{display:none}
    .membership-shortcut summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
    .membership-shortcut details[open]>summary{color:var(--blue);background:var(--soft)}
    .membership-dropdown{position:absolute;inset-inline-end:-42px;top:calc(100% + 16px);width:min(290px,calc(100vw - 32px));max-height:min(400px,65dvh);overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:16px;z-index:30}
    .membership-dropdown>strong{display:block;font-size:12px;padding:0 4px 12px;color:var(--muted)}
    .membership-dropdown>a{display:flex;align-items:center;gap:10px;padding:11px 5px;border-radius:12px;font-size:13px}
    .membership-dropdown>a:hover{background:var(--soft)}
    .membership-dropdown>a>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
    .membership-dropdown>a>i:last-child{margin-inline-start:auto;color:var(--blue)}
    .membership-player-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--soft);color:var(--blue);font-size:18px}
    .membership-dropdown p{font-size:12px;color:var(--muted)}
    body{padding-bottom:calc(94px + env(safe-area-inset-bottom))}
    .mobile-tabbar{position:fixed;z-index:25;inset-inline:12px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:2px;min-height:72px;padding:7px 5px 8px;border:1px solid var(--line);border-radius:24px;background:var(--surface);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);box-shadow:0 8px 32px #0913231c}
    .mobile-tabbar>a,.mobile-tabbar>button{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:0;min-height:54px;padding:0 1px;border:0;background:none;border-radius:14px;color:var(--muted);font-size:10px;font-weight:500;line-height:1.5;white-space:nowrap}
    .mobile-tab-icon{display:grid;place-items:center;width:43px;height:30px;border-radius:12px;font-size:21px;transition:background .2s,color .2s}
    .mobile-tabbar>[aria-current]{color:var(--blue);font-weight:700}
    .mobile-tabbar>[aria-current] .mobile-tab-icon{background:var(--soft);color:var(--blue)}
    .mobile-tabbar>.mobile-tab-join{color:var(--text);font-weight:600}
    .mobile-tab-join .mobile-tab-icon{width:52px;height:52px;margin-top:-26px;margin-bottom:1px;border:4px solid var(--surface);border-radius:50%;background:var(--blue);color:var(--surface);box-shadow:0 4px 12px #09132320;font-size:23px}
    .mobile-tabbar>a:active .mobile-tab-icon,.mobile-tabbar>button:active .mobile-tab-icon{transform:scale(.94)}
    body.menu-open .mobile-tabbar,body.sheet-open .mobile-tabbar{visibility:hidden}
    html{scroll-padding-bottom:110px}
}
.mobile-menu-copyright{padding-top:15px;margin:0;text-align:center;font-size:10px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:370px){.nav-shell{gap:8px}.nav-actions{gap:6px}.site-header .brand>span:not(.site-logo-switch){font-size:14px}.brand small{font-size:6px;letter-spacing:1px}.site-header .brand .site-logo-img{max-width:100px}}
@keyframes menu-enter{from{transform:translateX(var(--menu-entry))}to{transform:translateX(0)}}
@keyframes menu-leave{from{transform:translateX(0)}to{transform:translateX(var(--menu-entry))}}
@keyframes menu-backdrop{from{opacity:0}to{opacity:1}}