/* Mobile-only refinements for navigation, pass artwork and shared rewards. */
@media(max-width:680px){
.mobile-head .mobile-brand{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:0;padding:0 4px;color:inherit;text-decoration:none}
.mobile-head .mobile-brand:focus-visible{outline:2px solid #90caf9;outline-offset:1px;border-radius:3px}
.mwt-progression-page .progression-panel{padding:22px 18px;min-width:0}
.mwt-progression-page .page-title{gap:12px;align-items:flex-start;flex-wrap:wrap}
.mwt-progression-page .progression-hero{grid-template-columns:65px minmax(0,1fr);gap:20px;padding:23px 18px;align-items:start}
.mwt-progression-page .progression-hero--text{grid-template-columns:1fr}
.mwt-progression-page .progression-hero--cover{grid-template-columns:1fr}
.mwt-progression-page .progression-hero:has(>.progression-pass-art){grid-template-columns:1fr}
.mwt-progression-page .progression-pass-art{width:min(264px,100%);max-width:100%;height:auto;min-height:0;aspect-ratio:8/5;margin:0 auto;justify-self:center;align-self:center}
.mwt-progression-page .progression-pass-art img{display:block;width:100%;height:100%;object-fit:contain}
.mwt-progression-page .progression-hero--cover .progression-pass-art{width:min(264px,100%);max-width:100%;height:auto;min-height:0;aspect-ratio:8/5;margin:0 auto;justify-self:center;align-self:center}
.mwt-progression-page .progression-hero--cover .progression-pass-art img{display:block;width:100%;height:100%;object-fit:cover}
.mwt-progression-page .progression-hero h2{font-size:21px;line-height:1.5}
.mwt-progression-page .progression-hero p{font-size:13px;line-height:1.9}
.mwt-progression-page .progression-level-emblem{width:65px;height:85px;min-width:0;margin-top:10px}
.mwt-progression-page .progression-level-emblem strong{font-size:36px}
.mwt-progression-page .progression-level-emblem small{font-size:10px}
.mwt-progression-page .progression-facts{gap:7px}
.mwt-progression-page .progression-facts>span{font-size:11px;padding:5px 7px;max-width:100%;overflow-wrap:anywhere}
.mwt-progression-page .progression-period{font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.mwt-progression-page .progression-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.mwt-progression-page .progression-filters>label:first-child{grid-column:1/-1}
.mwt-progression-page .progression-filters--stages{grid-template-columns:minmax(0,1fr)}
.mwt-progression-page .progression-filters--tasks{grid-template-columns:100px minmax(0,1fr)}
.mwt-progression-page .progression-filters--tasks>label:first-child{grid-column:auto}
.mwt-progression-page .progression-filters--tasks>label:last-child{grid-column:1/-1}
.mwt-progression-page .progression-filters input,.mwt-progression-page .progression-filters select{min-width:0;min-height:42px;width:100%;font-size:13px}
.mwt-progression-page .progression-table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto}
.mwt-progression-page .progression-table,.mwt-progression-page .progression-table tbody{display:block;width:100%;min-width:0;max-width:100%;table-layout:auto}
.mwt-progression-page .progression-table thead{position:absolute;display:block;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.mwt-progression-page .progression-table tbody>tr{display:block;width:100%;padding:15px;margin:0 0 16px;border:1px solid #304a58;border-radius:4px;background:#0e1b23}
.mwt-progression-page .progression-table tbody>tr>th{display:block;width:auto;max-width:100%;padding:0 0 12px;border-bottom:1px solid #2a424f}
.mwt-progression-page .progression-table tbody>tr>td{display:block;width:auto;max-width:100%;padding:13px 0 0;border:0}
.mwt-progression-page .progression-table td[data-label]::before{content:attr(data-label);display:block;font-size:12px;color:#8aa9ba;margin-bottom:9px}
.mwt-progression-page .progression-level-number::before{content:"等级 ";font-size:11px;font-weight:normal;margin-right:6px}
.mwt-progression-page .progression-stage-table .progression-level-number::before{content:"阶段 "}
.mwt-progression-page .progression-vip-grid,.mwt-progression-page .progression-task-grid,.mwt-progression-page .progression-rule-grid{grid-template-columns:minmax(0,1fr);gap:16px}
.mwt-progression-page .progression-task-card{padding:18px 16px;min-width:0}
.mwt-progression-page .progression-task-heading h3{font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.mwt-progression-page .progression-tabs{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
.mwt-progression-page .progression-tabs>button{padding:11px 16px;font-size:12px;min-height:44px;white-space:nowrap}
.mwt-progression-page .progression-pagination{gap:12px;flex-wrap:wrap}
.mwt-progression-page .progression-pagination>button{padding:10px 14px;min-height:40px}
.mwt-progression-page .progression-reward-list{gap:11px}
.mwt-progression-page .progression-reward>span{min-width:0;overflow-wrap:anywhere}
.mastery-page .mastery-panel{padding:20px 16px;min-width:0}
.mastery-page .mastery-bonus-grid,.mastery-page .mastery-task-grid,.mastery-page .mastery-task-filters{grid-template-columns:minmax(0,1fr);gap:14px}
.mastery-page .mastery-table-wrap{width:100%;min-width:0;max-width:100%}
.mastery-page .mastery-table,.mastery-page .mastery-table tbody{display:block;width:100%;min-width:0;max-width:100%}
.mastery-page .mastery-table thead{position:absolute;display:block;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.mastery-page .mastery-table tbody>tr{display:block;width:100%;padding:15px;border:1px solid #334d5b;border-radius:3px;margin:0 0 13px;background:#0f2029}
.mastery-page .mastery-table tbody>.mastery-bonus-row{background:#162720;border-color:#4c6155}
.mastery-page .mastery-table tbody>tr>th{display:block;width:auto;max-width:100%;padding:0 0 10px;border-bottom:1px solid #2c4553}
.mastery-page .mastery-table tbody>tr>th::before{content:"阶段 ";font-size:11px;font-weight:normal}
.mastery-page .mastery-table tbody>tr>td{display:block;width:auto;max-width:100%;padding:12px 0 0;border:0}
.mastery-page .mastery-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:7px;color:#83a4b8;font-size:12px}
.mastery-page .mastery-facts{gap:8px}
.mastery-page .mastery-facts>span{font-size:11px;padding:6px 8px}
.mastery-page .mastery-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.mastery-page .mastery-tabs>button{font-size:12px;padding:12px 17px;min-height:44px;white-space:nowrap}
}
body.mobile-preview-mode .mobile-head .mobile-brand{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:0;padding:0 4px;color:inherit;text-decoration:none}
body.mobile-preview-mode .mobile-head .mobile-brand:focus-visible{outline:2px solid #90caf9;outline-offset:1px;border-radius:3px}
body.mobile-preview-mode .mwt-progression-page .progression-panel{padding:22px 18px;min-width:0}
body.mobile-preview-mode .mwt-progression-page .page-title{gap:12px;align-items:flex-start;flex-wrap:wrap}
body.mobile-preview-mode .mwt-progression-page .progression-hero{grid-template-columns:65px minmax(0,1fr);gap:20px;padding:23px 18px;align-items:start}
body.mobile-preview-mode .mwt-progression-page .progression-hero--text{grid-template-columns:1fr}
body.mobile-preview-mode .mwt-progression-page .progression-hero--cover{grid-template-columns:1fr}
body.mobile-preview-mode .mwt-progression-page .progression-hero:has(>.progression-pass-art){grid-template-columns:1fr}
body.mobile-preview-mode .mwt-progression-page .progression-pass-art{width:min(264px,100%);max-width:100%;height:auto;min-height:0;aspect-ratio:8/5;margin:0 auto;justify-self:center;align-self:center}
body.mobile-preview-mode .mwt-progression-page .progression-pass-art img{display:block;width:100%;height:100%;object-fit:contain}
body.mobile-preview-mode .mwt-progression-page .progression-hero--cover .progression-pass-art{width:min(264px,100%);max-width:100%;height:auto;min-height:0;aspect-ratio:8/5;margin:0 auto;justify-self:center;align-self:center}
body.mobile-preview-mode .mwt-progression-page .progression-hero--cover .progression-pass-art img{display:block;width:100%;height:100%;object-fit:cover}
body.mobile-preview-mode .mwt-progression-page .progression-hero h2{font-size:21px;line-height:1.5}
body.mobile-preview-mode .mwt-progression-page .progression-hero p{font-size:13px;line-height:1.9}
body.mobile-preview-mode .mwt-progression-page .progression-level-emblem{width:65px;height:85px;min-width:0;margin-top:10px}
body.mobile-preview-mode .mwt-progression-page .progression-level-emblem strong{font-size:36px}
body.mobile-preview-mode .mwt-progression-page .progression-level-emblem small{font-size:10px}
body.mobile-preview-mode .mwt-progression-page .progression-facts{gap:7px}
body.mobile-preview-mode .mwt-progression-page .progression-facts>span{font-size:11px;padding:5px 7px;max-width:100%;overflow-wrap:anywhere}
body.mobile-preview-mode .mwt-progression-page .progression-period{font-size:11px;line-height:1.8;overflow-wrap:anywhere}
body.mobile-preview-mode .mwt-progression-page .progression-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
body.mobile-preview-mode .mwt-progression-page .progression-filters>label:first-child{grid-column:1/-1}
body.mobile-preview-mode .mwt-progression-page .progression-filters--stages{grid-template-columns:minmax(0,1fr)}
body.mobile-preview-mode .mwt-progression-page .progression-filters--tasks{grid-template-columns:100px minmax(0,1fr)}
body.mobile-preview-mode .mwt-progression-page .progression-filters--tasks>label:first-child{grid-column:auto}
body.mobile-preview-mode .mwt-progression-page .progression-filters--tasks>label:last-child{grid-column:1/-1}
body.mobile-preview-mode .mwt-progression-page .progression-filters input,body.mobile-preview-mode .mwt-progression-page .progression-filters select{min-width:0;min-height:42px;width:100%;font-size:13px}
body.mobile-preview-mode .mwt-progression-page .progression-table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto}
body.mobile-preview-mode .mwt-progression-page .progression-table,body.mobile-preview-mode .mwt-progression-page .progression-table tbody{display:block;width:100%;min-width:0;max-width:100%;table-layout:auto}
body.mobile-preview-mode .mwt-progression-page .progression-table thead{position:absolute;display:block;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
body.mobile-preview-mode .mwt-progression-page .progression-table tbody>tr{display:block;width:100%;padding:15px;margin:0 0 16px;border:1px solid #304a58;border-radius:4px;background:#0e1b23}
body.mobile-preview-mode .mwt-progression-page .progression-table tbody>tr>th{display:block;width:auto;max-width:100%;padding:0 0 12px;border-bottom:1px solid #2a424f}
body.mobile-preview-mode .mwt-progression-page .progression-table tbody>tr>td{display:block;width:auto;max-width:100%;padding:13px 0 0;border:0}
body.mobile-preview-mode .mwt-progression-page .progression-table td[data-label]::before{content:attr(data-label);display:block;font-size:12px;color:#8aa9ba;margin-bottom:9px}
body.mobile-preview-mode .mwt-progression-page .progression-level-number::before{content:"等级 ";font-size:11px;font-weight:normal;margin-right:6px}
body.mobile-preview-mode .mwt-progression-page .progression-stage-table .progression-level-number::before{content:"阶段 "}
body.mobile-preview-mode .mwt-progression-page .progression-vip-grid,body.mobile-preview-mode .mwt-progression-page .progression-task-grid,body.mobile-preview-mode .mwt-progression-page .progression-rule-grid{grid-template-columns:minmax(0,1fr);gap:16px}
body.mobile-preview-mode .mwt-progression-page .progression-task-card{padding:18px 16px;min-width:0}
body.mobile-preview-mode .mwt-progression-page .progression-task-heading h3{font-size:14px;line-height:1.8;overflow-wrap:anywhere}
body.mobile-preview-mode .mwt-progression-page .progression-tabs{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
body.mobile-preview-mode .mwt-progression-page .progression-tabs>button{padding:11px 16px;font-size:12px;min-height:44px;white-space:nowrap}
body.mobile-preview-mode .mwt-progression-page .progression-pagination{gap:12px;flex-wrap:wrap}
body.mobile-preview-mode .mwt-progression-page .progression-pagination>button{padding:10px 14px;min-height:40px}
body.mobile-preview-mode .mwt-progression-page .progression-reward-list{gap:11px}
body.mobile-preview-mode .mwt-progression-page .progression-reward>span{min-width:0;overflow-wrap:anywhere}
body.mobile-preview-mode .mastery-page .mastery-panel{padding:20px 16px;min-width:0}
body.mobile-preview-mode .mastery-page .mastery-bonus-grid,body.mobile-preview-mode .mastery-page .mastery-task-grid,body.mobile-preview-mode .mastery-page .mastery-task-filters{grid-template-columns:minmax(0,1fr);gap:14px}
body.mobile-preview-mode .mastery-page .mastery-table-wrap{width:100%;min-width:0;max-width:100%}
body.mobile-preview-mode .mastery-page .mastery-table,body.mobile-preview-mode .mastery-page .mastery-table tbody{display:block;width:100%;min-width:0;max-width:100%}
body.mobile-preview-mode .mastery-page .mastery-table thead{position:absolute;display:block;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
body.mobile-preview-mode .mastery-page .mastery-table tbody>tr{display:block;width:100%;padding:15px;border:1px solid #334d5b;border-radius:3px;margin:0 0 13px;background:#0f2029}
body.mobile-preview-mode .mastery-page .mastery-table tbody>.mastery-bonus-row{background:#162720;border-color:#4c6155}
body.mobile-preview-mode .mastery-page .mastery-table tbody>tr>th{display:block;width:auto;max-width:100%;padding:0 0 10px;border-bottom:1px solid #2c4553}
body.mobile-preview-mode .mastery-page .mastery-table tbody>tr>th::before{content:"阶段 ";font-size:11px;font-weight:normal}
body.mobile-preview-mode .mastery-page .mastery-table tbody>tr>td{display:block;width:auto;max-width:100%;padding:12px 0 0;border:0}
body.mobile-preview-mode .mastery-page .mastery-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:7px;color:#83a4b8;font-size:12px}
body.mobile-preview-mode .mastery-page .mastery-facts{gap:8px}
body.mobile-preview-mode .mastery-page .mastery-facts>span{font-size:11px;padding:6px 8px}
body.mobile-preview-mode .mastery-page .mastery-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
body.mobile-preview-mode .mastery-page .mastery-tabs>button{font-size:12px;padding:12px 17px;min-height:44px;white-space:nowrap}

/* The full site brand lives in the phone header; desktop keeps its sidebar. */
@media(max-width:820px){
.mobile-head{display:grid;grid-template-columns:44px minmax(0,1fr) 64px;gap:6px;padding:0 12px}
.mobile-head>.mobile-brand{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:44px;padding:0;color:inherit;text-decoration:none}
.mobile-head>.mobile-brand>img{display:block;flex:none;width:32px;height:24px;object-fit:contain}
.mobile-head>.mobile-brand>b{display:block;min-width:0;font-size:14px;line-height:1.25;white-space:nowrap}
.mobile-head>.mobile-brand small{display:block;margin-top:3px;color:#8b9b9f;font-size:8px;line-height:1.4;font-weight:400;white-space:nowrap}
.mobile-head>button{min-width:0;min-height:44px;white-space:nowrap}
#sidebar>.site-brand{display:none}
}
body.mobile-preview-mode .mobile-head{display:grid;grid-template-columns:44px minmax(0,1fr) 64px;gap:6px;padding:0 12px}
body.mobile-preview-mode .mobile-head>.mobile-brand{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:44px;padding:0;color:inherit;text-decoration:none}
body.mobile-preview-mode .mobile-head>.mobile-brand>img{display:block;flex:none;width:32px;height:24px;object-fit:contain}
body.mobile-preview-mode .mobile-head>.mobile-brand>b{display:block;min-width:0;font-size:14px;line-height:1.25;white-space:nowrap}
body.mobile-preview-mode .mobile-head>.mobile-brand small{display:block;margin-top:3px;color:#8b9b9f;font-size:8px;line-height:1.4;font-weight:400;white-space:nowrap}
body.mobile-preview-mode .mobile-head>button{min-width:0;min-height:44px;white-space:nowrap}
body.mobile-preview-mode #sidebar>.site-brand{display:none}
body.mobile-preview-mode #sidebar.open{top:60px;height:calc(100vh - 60px);height:calc(100dvh - 60px)}