/* Public progression references, scoped away from account and vehicle layouts. */
.mwt-progression-page{min-width:0}.mwt-progression-page .progression-panel{background:#000;border:1px solid #243943;border-radius:4px;padding:26px;margin-bottom:26px;min-width:0}.mwt-progression-page h2{font-size:21px;line-height:1.5;margin:0 0 14px}.mwt-progression-page h3{font-size:16px;line-height:1.6;margin:0 0 10px}.mwt-progression-page p{color:#b0c3cd;font-size:14px;line-height:1.9;margin:0 0 15px}.mwt-progression-page .progression-hero{display:grid;grid-template-columns:132px minmax(0,1fr);gap:28px;align-items:center;padding:30px}.mwt-progression-page .progression-hero--text{grid-template-columns:1fr}.progression-level-emblem{width:125px;height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#172b35;border:1px solid #5d7b89;border-radius:5px;color:#e6c47f}.progression-level-emblem small{font-size:12px;color:#a8c0cc}.progression-level-emblem strong{font-size:55px;line-height:1.3}.progression-eyebrow{display:block;color:#93b0c0;font-size:12px;margin-bottom:8px}.mwt-progression-page .progression-hero h2{font-size:25px;color:#f2f6f8;margin-bottom:10px}.mwt-progression-page .progression-hero p{margin-bottom:12px}.progression-facts{display:flex;gap:8px 12px;flex-wrap:wrap;margin-top:15px}.progression-facts>span{font-size:12px;color:#d9e6ed;background:#172b35;border:1px solid #344f5d;border-radius:3px;padding:6px 10px}.mwt-progression-page .progression-period{font-size:12px;color:#94b0c0;margin:16px 0 0}.progression-pass-art{background:#13242d;border-radius:4px;min-height:132px;display:flex;align-items:center;justify-content:center;overflow:hidden}.progression-pass-art img{display:block;width:100%;height:132px;object-fit:contain}.progression-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.progression-section-heading h2{margin:0}.progression-section-heading>span{font-size:12px;color:#99b6c7}.mwt-progression-page .progression-note{font-size:12px;line-height:1.8;color:#8faab9}.progression-filters{display:grid;grid-template-columns:minmax(0,1fr) 160px 160px;gap:13px;margin:20px 0 24px}.progression-filters>label{display:block;min-width:0}.progression-filters label>span{display:block;color:#9eb8c6;font-size:12px;margin-bottom:8px}.progression-filters input,.progression-filters select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #405c6a;border-radius:3px;background:#12232c;color:#dbe8ee;padding:11px 12px;font-size:13px;line-height:1.5}.progression-filters input::placeholder{color:#7693a4}.progression-filters--stages{grid-template-columns:minmax(0,1fr) 180px}.progression-filters--tasks{grid-template-columns:120px 155px minmax(0,1fr)}.progression-table-wrap{min-width:0;overflow:auto}.progression-table{width:100%;border-collapse:collapse;table-layout:fixed;color:#d4e4ed;font-size:13px}.progression-table th,.progression-table td{padding:17px 14px;text-align:left;vertical-align:top;border-bottom:1px solid #263f4b;overflow-wrap:anywhere}.progression-table thead th{font-size:12px;background:#14262f;color:#abc5d3;border-top:1px solid #3c5664;font-weight:normal}.progression-table th:first-child{width:68px}.progression-table th:nth-child(2){width:146px}.progression-table tbody>tr:hover{background:#101b21}.progression-table tbody>tr:last-child>th,.progression-table tbody>tr:last-child>td{border-bottom:0}.progression-level-number{display:inline-flex;align-items:center;justify-content:center;min-width:33px;min-height:30px;padding:2px 6px;background:#1b313d;color:#ecc878;border:1px solid #3c5664;border-radius:3px;font-weight:600;font-size:15px}.progression-reward-list{display:flex;flex-direction:column;gap:13px}.progression-reward{display:flex;align-items:center;gap:11px;min-width:0;color:#dbe8ee}.progression-reward img{width:40px;height:40px;object-fit:contain;flex:0 0 40px;display:block;background:#14262e;border-radius:3px;padding:3px;box-sizing:border-box}.progression-reward>span{min-width:0}.progression-reward strong{font-size:13px;font-weight:500;line-height:1.65;display:block;overflow-wrap:anywhere}.progression-reward small{font-size:12px;color:#a6bfcd;display:block;margin-top:3px}.mwt-progression-page a.progression-reward:hover strong{color:#ff8c80}.progression-reward--small{gap:8px}.progression-reward--small img{width:28px;height:28px;flex-basis:28px;padding:2px}.progression-reward--small strong,.progression-reward--small small{font-size:11px}.progression-compensation{margin-top:13px;padding-top:10px;border-top:1px dashed #2a424f;font-size:11px;color:#8fabbc}.progression-compensation summary{cursor:pointer;line-height:1.8}.mwt-progression-page .progression-compensation p{font-size:11px;line-height:1.8;margin:7px 0 0;color:#9fb7c6}.progression-pending{color:#91a6b1;font-size:12px;line-height:1.8}.mwt-progression-page .progression-slot-copy{font-size:13px;line-height:1.8;margin:0}.mwt-progression-page .progression-slot-copy.progression-pending{font-size:12px;color:#91a6b1}.progression-tabs{display:flex;gap:6px;overflow-x:auto;padding:0 2px 13px;margin:0 0 20px;border-bottom:1px solid #42606f;scrollbar-width:thin;scrollbar-color:#486977 #172a34}.progression-tabs>button{flex:0 0 auto;background:#112129;color:#a9c4d2;border:1px solid #38515f;border-radius:3px;padding:12px 19px;font-size:13px;white-space:nowrap;cursor:pointer}.progression-tabs>button[aria-selected=true]{color:#fff;border-color:#f35a4d;background:#4a1e19}.progression-vip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:24px}.progression-vip-card{min-width:0;border:1px solid #493a58;background:#20182a;border-radius:4px;padding:22px}.progression-vip-card h3{margin:15px 0}.progression-vip-card>.progression-note{display:block;margin-top:18px}.progression-badge{display:inline-block;font-size:11px;color:#c4d6e0;border:1px solid #4a6574;border-radius:3px;background:#172a34;padding:3px 8px;white-space:nowrap}.progression-badge--vip{color:#e6b4ff;border-color:#79578d;background:#34203e}.progression-badge--premium{color:#e5c98b;border-color:#8a6d36;background:#342b19}.progression-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.progression-task-card{min-width:0;background:#112129;border:1px solid #334e5c;border-radius:4px;padding:21px}.progression-task-heading{display:flex;align-items:start;justify-content:space-between;gap:13px}.progression-task-heading h3{font-size:15px;min-width:0}.mwt-progression-page .progression-task-condition{font-size:13px;color:#d0e1eb;margin:5px 0 18px;overflow-wrap:anywhere;white-space:normal}.progression-pool{display:flex;flex-direction:column;gap:15px}.progression-pool-group>small{font-size:11px;color:#809eaf;display:block;margin-bottom:9px}.progression-pool-group>div{display:flex;gap:12px 16px;flex-wrap:wrap}.progression-pool-group .progression-reward{max-width:100%}.mwt-progression-page .progression-result-count{font-size:12px;color:#8eacbd;margin:0 0 18px;scroll-margin-top:85px}.progression-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:26px}.progression-pagination>button{border:1px solid #496574;background:#192e39;border-radius:3px;color:#d8e6ee;padding:10px 16px;font-size:12px;cursor:pointer}.progression-pagination>button:disabled{opacity:.35;cursor:default}.progression-pagination>span{font-size:12px;color:#a0bbc9}.progression-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.progression-rule-grid>section{background:#112129;border:1px solid #314b58;padding:22px;border-radius:3px;min-width:0}.progression-season-index{margin-top:26px;padding-top:22px;border-top:1px solid #2c4551}.progression-season-index ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 22px;margin:18px 0 0;padding:0}.progression-season-index li{font-size:13px;color:#aec4d1;line-height:1.7;border-bottom:1px solid #243c48;padding-bottom:10px}.progression-related{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px;margin-bottom:26px;background:#10202a;border:1px solid #385361;border-left:3px solid #e45346;border-radius:3px}.progression-related strong{font-size:16px;color:#dfeaf1}.progression-related>span{font-size:12px;color:#ff958c}.mwt-progression-page .progression-source{font-size:11px;line-height:1.8;color:#819dac;margin:25px 0 0}.mwt-progression-page .progression-empty{padding:30px 0;font-size:13px;color:#a3bdcd}.mwt-progression-page .pass-return{display:inline-flex;align-items:center;gap:6px;border:1px solid #455a64;border-radius:3px;padding:9px 12px;font-size:13px;color:#cfd8dc;white-space:nowrap}.mwt-progression-page :focus-visible{outline:2px solid #c2dce9;outline-offset:3px}
@media(max-width:1100px){.progression-vip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progression-table th:nth-child(2){width:116px}.progression-table td,.progression-table th{padding:15px 10px}.progression-filters{grid-template-columns:minmax(0,1fr) 135px 135px}.progression-filters--stages{grid-template-columns:minmax(0,1fr) 160px}.progression-filters--tasks{grid-template-columns:100px 130px minmax(0,1fr)}}
@media(max-width:820px){.progression-task-grid{grid-template-columns:1fr}.progression-rule-grid{grid-template-columns:1fr}.progression-filters{grid-template-columns:minmax(0,1fr) 135px}.progression-filters>label:first-child{grid-column:1/-1}.progression-filters--stages>label:first-child{grid-column:auto}.progression-filters--tasks{grid-template-columns:100px minmax(0,1fr)}.progression-filters--tasks>label:first-child{grid-column:auto}.progression-filters--tasks>label:last-child{grid-column:1/-1}}
@media(max-width:680px){.mwt-progression-page .progression-panel{padding:22px 18px}.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:17px;padding:23px 18px;align-items:start}.mwt-progression-page .progression-hero--text{grid-template-columns:1fr}.mwt-progression-page .progression-hero h2{font-size:21px}.mwt-progression-page .progression-hero p{font-size:13px}.progression-level-emblem{width:65px;height:85px;margin-top:10px}.progression-level-emblem strong{font-size:36px}.progression-level-emblem small{font-size:10px}.progression-pass-art{min-height:85px;margin-top:10px}.progression-pass-art img{height:85px}.progression-facts{gap:7px}.progression-facts>span{font-size:11px;padding:5px 7px}.mwt-progression-page .progression-period{font-size:11px;line-height:1.8;overflow-wrap:anywhere}.progression-filters{grid-template-columns:1fr 1fr;gap:13px}.progression-filters--stages{grid-template-columns:1fr}.progression-filters--stages>label:first-child{grid-column:1/-1}.progression-filters--tasks{grid-template-columns:100px minmax(0,1fr)}.progression-table,.progression-table thead,.progression-table tbody{display:block;width:100%}.progression-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.progression-table tbody>tr{display:block;border:1px solid #304a58;border-radius:4px;padding:15px;margin:0 0 16px;background:#0e1b23}.progression-table th:first-child,.progression-table th:nth-child(2){width:auto}.progression-table tbody>tr>th{display:block;padding:0 0 12px;border-bottom:1px solid #2a424f}.progression-table tbody>tr>td{display:block;padding:13px 0 0;border:0}.progression-table td[data-label]:before{content:attr(data-label);display:block;font-size:11px;color:#799aaf;margin-bottom:9px}.progression-table .progression-reward-list{gap:11px}.progression-level-number:before{content:'等级 ';font-size:11px;font-weight:normal;margin-right:6px}.progression-stage-table .progression-level-number:before{content:'阶段 '}.progression-vip-grid{grid-template-columns:1fr}.progression-task-card{padding:18px 16px}.progression-task-heading h3{font-size:14px}.progression-pool-group>div{gap:10px 13px}.progression-tabs>button{padding:11px 16px;font-size:12px}.progression-season-index ul{grid-template-columns:repeat(2,minmax(0,1fr))}.progression-related{align-items:flex-start;flex-direction:column;gap:9px;padding:20px}.mwt-progression-page h2{font-size:19px}.progression-rule-grid>section{padding:18px}.progression-pagination{gap:12px}.progression-pagination>button{padding:10px 14px}}

/* Preserve the external cover's 2:1 ratio at the detail artwork's existing height. */
.mwt-progression-page .progression-hero--cover{grid-template-columns:264px minmax(0,1fr)}
.progression-hero--cover .progression-pass-art{width:264px;height:132px;min-height:132px;margin:0}
.progression-hero--cover .progression-pass-art img{width:100%;height:100%;object-fit:cover}
.mwt-progression-page .progression-period--status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
@media(max-width:680px){.mwt-progression-page .progression-hero--cover{grid-template-columns:1fr}.progression-hero--cover .progression-pass-art{width:170px;height:85px;min-height:85px}}
body.mobile-preview-mode .mwt-progression-page .progression-hero--cover{grid-template-columns:1fr}
body.mobile-preview-mode .progression-hero--cover .progression-pass-art{width:264px;max-width:100%;height:132px}