/* Original-game image skins; geometry and business-state selectors stay intact.
 * Native source/slices: docs/evidence/ui-integration-audit-20261022/assets-inventory.json.
 * This is the HTML modal fallback, not a Flash display-list window. */
.bp-entry,.bp-modal{font-family:SimSun,"宋体","Songti SC",serif;color:#e4dbc6;box-sizing:border-box}

.bp-entry{position:fixed;right:18px;top:146px;z-index:10020;width:64px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:2px solid #a7813d;border-radius:0;background:transparent;box-shadow:none;color:#f2d586;font-size:12px;cursor:pointer;text-shadow:0 0 1px #682300}

.bp-entry[hidden]{display:none}
.bp-entry .bp-portrait{width:38px;height:38px;object-fit:contain}
.bp-red-dot{display:none;position:absolute;right:-4px;top:-4px;width:12px;height:12px;background:#e44936;border:2px solid #ffcf77;border-radius:0;box-shadow:none}
.bp-entry.has-reward .bp-red-dot{display:block}

body.battle-pass-modal-open{overflow:hidden}
.bp-modal,.bp-modal *{box-sizing:border-box}
.bp-modal{--bp-scale:1;--bp-width:960px;--bp-height:580px;--bp-subwidth:600px;--bp-subheight:520px;--bp-hit:44px;position:fixed;inset:0;margin:0;padding:0;width:100%;height:100%;max-width:none;max-height:none;border:0;background:transparent;overflow:hidden;outline:0;font-size:12px;line-height:1.45;touch-action:pan-y;overscroll-behavior:contain}
.bp-modal:not([open]){display:none}
.bp-modal[open]{display:grid;place-items:center}
.bp-modal::backdrop{background:transparent;backdrop-filter:none}
.bp-submodal::backdrop{background:transparent;backdrop-filter:none}
.bp-frame{position:relative;width:calc(var(--bp-width)*var(--bp-scale));height:calc(var(--bp-height)*var(--bp-scale))}
.bp-shell{width:var(--bp-width);height:var(--bp-height);transform:scale(var(--bp-scale));transform-origin:top left;display:flex;flex-direction:column;overflow:hidden;border:2px solid #b18c49;outline:1px solid #141413;box-shadow:none;background:transparent;border-radius:0}
.bp-shell::after{content:"";pointer-events:none;position:absolute;inset:6px;border:1px solid #5d482a;border-radius:0}
.bp-titlebar{position:relative;flex:0 0 54px;display:flex;align-items:center;gap:15px;padding:5px 12px 5px 20px;background:transparent;border-bottom:2px solid #94723a;box-shadow:none}
.bp-titlebar h2{margin:0;font-size:12px;letter-spacing:3px;font-family:SimSun,"宋体","Songti SC",serif;color:#f4d889;text-shadow:0 0 1px #682300}
.bp-subtitle{color:#b2c8a6;font-size:12px;letter-spacing:2px}
.bp-button{font:inherit;min-height:var(--bp-hit,44px);min-width:var(--bp-hit,44px);border:1px solid #806641;border-radius:0;background:transparent;box-shadow:none;color:#e7d8b9;padding:5px 10px;cursor:pointer;white-space:normal;text-shadow:0 0 1px #682300;line-height:1.25}
.bp-button:hover:not(:disabled){filter:none;border-color:#e2b65c}
.bp-button:focus-visible,.bp-modal input:focus-visible,.bp-modal select:focus-visible{outline:2px solid #ffe195;outline-offset:2px}
.bp-button:disabled{cursor:default}
.bp-gold,.bp-claim{background:transparent;color:#24180b;border-color:#e5c078;box-shadow:none;text-shadow:0 0 1px #682300;font-weight:700}
.bp-titlebar .bp-close{order:10;margin-left:auto;min-width:44px;font-size:12px;color:#f4b66d;background:transparent;padding:0 5px;border-color:#a47b38}
.bp-summary{flex:0 0 43px;display:flex;align-items:center;gap:20px;padding:3px 15px;border-bottom:1px solid #624b2f;background:#17191699;font-size:12px}
.bp-level{font-family:SimSun,"宋体","Songti SC",serif;color:#f0c66e;font-size:12px}
.bp-exp{border:1px solid #8d703d;min-width:150px;padding:4px 10px;background:transparent;color:#f7e3ae;text-align:center}
.bp-catchup{margin-left:auto;color:#b7d99b}
.bp-body{display:flex;flex:1;min-height:0;padding:10px;gap:11px}
.bp-sidebar{flex:0 0 182px;border:1px solid #66502f;background:transparent;padding:14px 8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}
.bp-sidebar::before{content:none}
.bp-characters{width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;z-index:1}
.bp-character-card{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;color:#e6cd89;font-size:12px;gap:8px}
.bp-character-card .bp-character{height:182px;width:auto;image-rendering:pixelated;filter:none}
.bp-character-card .bp-portrait{display:none}
.bp-character-card>span{white-space:nowrap}
.bp-theme-line{color:#a3c98d;letter-spacing:2px;font-family:SimSun,"宋体","Songti SC",serif;font-size:12px;z-index:1;margin:20px 0}
.bp-sidebar>.bp-button{width:100%;z-index:1}
.bp-small{font-size:12px;color:#b2aa95;white-space:pre-line;margin:6px 0;line-height:1.6}
.bp-sidebar>.bp-small{text-align:center}
.bp-main{flex:1;min-width:0;display:flex;flex-direction:column}
.bp-tabs{display:flex;flex:0 0 45px;gap:4px;margin-bottom:7px;border-bottom:1px solid #a27b37}
.bp-tabs>.bp-button{min-width:125px;border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:12px;font-family:SimSun,"宋体","Songti SC",serif;font-weight:bold;background:transparent;border-color:#696044}
.bp-tabs>.bp-button[aria-pressed=true]{background:transparent;color:#271b0c;border-color:#f5ce78;text-shadow:0 0 1px #682300}
.bp-content{min-height:0;flex:1;display:flex;flex-direction:column;gap:7px;position:relative}
.bp-reward-grid{display:grid;grid-template-columns:repeat(var(--bp-columns,5),minmax(0,1fr));gap:5px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px}
.bp-level-column{min-width:0;display:flex;flex-direction:column;gap:5px;position:relative}
.bp-level-column>h3{flex:0 0 27px;display:flex;align-items:center;justify-content:center;margin:0;border:1px solid #76603c;border-radius:0;color:#ddc797;background:transparent;font-family:SimSun,"宋体","Songti SC",serif;font-size:12px;line-height:1}
.bp-level-column.is-milestone>h3{color:#ffe29c;border-color:#cba44e;box-shadow:none}
.bp-reward{flex:1;min-height:130px;border:1px solid #5b4d36;background:transparent;padding:5px;display:flex;flex-direction:column;gap:4px;text-align:center;min-width:0}
.bp-track-label{font-size:12px;color:#c3bdac;text-align:left;border-bottom:1px solid #ffffff0a;padding-bottom:2px}
.bp-reward[data-track=premium]{background:transparent}
.bp-reward[data-track=premium] .bp-track-label{color:#d6b874}
.bp-items{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;min-height:44px;flex:1;padding:1px 0}
.bp-item{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;max-width:100%;min-width:34px;vertical-align:middle}
.bp-item>img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated;border:1px solid #ad8b4a;background:#0c0d0d;box-shadow:none}
.bp-item-count{position:absolute;top:20px;right:0;color:#fff5cc;line-height:14px;font-size:12px;font-weight:bold;text-shadow:0 0 1px #682300}
.bp-item-name{display:none}
.bp-item-placeholder{width:34px;height:34px;background:#534629;border:1px solid #9c814a;color:#dece9d}
.bp-coupon{font-size:12px;display:flex;flex-direction:column;gap:2px;align-items:center}
.bp-coupon b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ae8b49;color:#dfc26b;background:#55432b;font-size:12px;font-family:SimSun,"宋体","Songti SC",serif}
.bp-claim{width:100%;font-size:12px;padding:4px 2px}
.bp-status{margin-top:auto;min-height:var(--bp-hit);display:flex;align-items:center;justify-content:center;color:#bcb59f;font-size:12px}
.bp-status-claimed{filter:saturate(.5);background:#24251f}
.bp-status-claimed .bp-items{opacity:.55}
.bp-status-claimed .bp-status{color:#b6c2a4}
.bp-status-level_locked .bp-items{opacity:.42}
.bp-status-level_locked{border-color:#4a4336}
.bp-status-claimable,.bp-status-choice_required{border-color:#d0ac59;box-shadow:none}
.bp-status-failed{border-color:#c07a55}
.bp-status-processing{border-color:#cab47c}
.bp-status-processing .bp-status{color:#f5d889}
.bp-row-error{display:block;font-size:12px;color:#f1ac8f;line-height:1.4}
.bp-unconnected{font-size:12px;color:#d6b27d}
.bp-locked-button{font-size:12px;width:100%;padding:3px;color:#d1b781}
.bp-pager{display:flex;align-items:center;gap:7px;flex:0 0 46px;font-size:12px}
.bp-pager>.bp-button:first-child,.bp-pager>.bp-button:nth-child(3){font-size:12px;padding:0 8px}
.bp-claim-count{font-size:12px;margin-left:auto}
.bp-pager>.bp-gold{margin-left:auto;max-width:160px}
.bp-tools{display:flex;gap:5px;flex:0 0 44px}
.bp-tools>.bp-button{font-size:12px;flex:1;min-height:44px}
.bp-error{position:relative;z-index:3;padding:8px 10px;border:1px solid #bd6d46;background:#41291f;color:#f4c3a5;line-height:1.5;flex-shrink:0}
.bp-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-color:#83704c #1d1c17;scrollbar-width:thin}
.bp-scroll::-webkit-scrollbar,.bp-reward-grid::-webkit-scrollbar{width:6px;height:6px}
.bp-scroll::-webkit-scrollbar-thumb,.bp-reward-grid::-webkit-scrollbar-thumb{background:#77613f}
.bp-task-tabs{display:flex;gap:5px;flex:0 0 44px}
.bp-task-tabs>.bp-button{flex:1}
.bp-task-tabs [aria-pressed=true]{border-color:#d0ac59;color:#efd794;background:#4d432e}
.bp-task-list{flex:1}
.bp-task{display:flex;align-items:center;gap:10px;min-height:69px;padding:9px;border:1px solid #5c4c32;margin-bottom:6px;background:transparent}
.bp-task>div{flex:1;min-width:0}
.bp-task strong{color:#d9c087;font-size:12px}
.bp-task p{margin:4px 0 0;font-size:12px;color:#bfb6a1}
.bp-task-xp{color:#e1cb82;font-size:12px;white-space:nowrap}
.bp-task-state{font-size:12px;width:95px;color:#aeaa98;text-align:right}
.bp-task.is-complete .bp-task-state{color:#a8c28f}
.bp-footnote{font-size:12px;color:#bbb098;margin:4px 2px;line-height:1.6;white-space:pre-line}
.bp-week-heading{font-size:12px;color:#d9c282;margin:9px 2px}
.bp-rules{padding:1px 12px 12px;flex:1;line-height:1.8}
.bp-rules h3{font-size:12px;color:#e0c78b;border-bottom:1px solid #655134;padding-bottom:4px;margin:13px 0 5px}
.bp-rules p{white-space:pre-line;font-size:12px;margin:0 0 10px;color:#c6bda8}
.bp-sub-frame{width:calc(var(--bp-subwidth)*var(--bp-scale));height:calc(var(--bp-subheight)*var(--bp-scale))}
.bp-sub-shell{width:var(--bp-subwidth);height:var(--bp-subheight)}
.bp-sub-shell .bp-titlebar{flex-basis:51px;padding-left:16px}
.bp-sub-shell .bp-titlebar h2{font-size:12px;letter-spacing:1px}
.bp-sub-content{padding:12px 16px;gap:9px}
.bp-sub-actions{display:flex;justify-content:center;gap:12px;flex-shrink:0;margin-top:auto;padding-top:4px}
.bp-sub-actions>.bp-button{min-width:140px}
.bp-choice-scroll{flex:1;padding-right:5px}
.bp-choice-scroll>.bp-items{justify-content:flex-start;flex:none;border-bottom:1px solid #6b5434;padding-bottom:8px;margin-bottom:9px}
.bp-choice-scroll>.bp-items .bp-item{flex-direction:row;gap:8px;padding-right:8px}
.bp-choice-scroll .bp-item-name{display:inline;font-size:12px;max-width:150px}
.bp-choice-scroll>.bp-items .bp-item-count{top:20px;left:22px;right:auto}
.bp-choice-group{border:1px solid #695134;margin:0 0 11px;padding:8px 10px}
.bp-choice-group legend{color:#e4cc89;font-size:12px;padding:0 7px}
.bp-choice-group .bp-small{margin-bottom:0}
.bp-radio{display:flex;align-items:center;gap:9px;min-height:var(--bp-hit);cursor:pointer;font-size:12px}
.bp-radio input{width:20px;height:20px;accent-color:#b7954a;flex-shrink:0}
.bp-allocation{display:flex;align-items:center;gap:7px;padding:3px 0;border-bottom:1px solid #71604033;min-height:var(--bp-hit)}
.bp-allocation>.bp-item{flex:none}
.bp-allocation>.bp-item .bp-item-name{display:none}
.bp-allocation>span:nth-child(2){flex:1;font-size:12px}
.bp-allocation>.bp-button{padding:0;flex:0 0 var(--bp-hit);font-size:12px}
.bp-modal input[type=number],.bp-modal select{font:inherit;border:1px solid #8d7348;background:#171a15;color:#eadbb5;border-radius:0;padding:5px 8px;min-height:var(--bp-hit)}
.bp-allocation input[type=number]{width:64px;text-align:center;appearance:textfield}
.bp-allocation input::-webkit-inner-spin-button{appearance:none}
.bp-allocation-total{display:block;color:#d9c384;text-align:right;font-size:12px;margin:8px 0}
.bp-choice-group>select{width:100%}
.bp-delivery{display:flex;align-items:center;gap:10px;color:#d5c59e;min-height:var(--bp-hit);font-size:12px;flex-shrink:0}
.bp-delivery select{flex:1}
.bp-choice-summary{font-size:12px;margin:0;color:#d2b988;min-height:16px;flex-shrink:0}
.bp-premium-layout{display:flex;align-items:center;gap:17px;flex:1;min-height:0}
.bp-premium-art{flex:0 0 150px;display:flex;justify-content:center;gap:0;align-items:flex-end;min-height:200px;border:1px solid #486238;background:transparent;padding:8px}
.bp-premium-art>.bp-character{width:78px;height:auto;image-rendering:pixelated}
.bp-premium-info{flex:1;min-width:0}
.bp-premium-info>p{padding:9px 0;margin:0;border-bottom:1px solid #6f5634;font-size:12px;color:#d9c9a4}
.bp-premium-info>p:first-child{font-size:12px;color:#edd18d}
.bp-premium-info .bp-warning{color:#e6b477;font-size:12px}
.bp-premium-info .bp-small{font-size:12px;padding:6px 0}
.bp-mail-list,.bp-sub-content>.bp-scroll{flex:1}
.bp-mail-row{padding:10px;border:1px solid #6c5434;background:#29251d;margin-bottom:9px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bp-mail-row h3{margin:0;font-size:12px;color:#e4ca87}
.bp-mail-row>.bp-items{justify-content:flex-start}
.bp-mail-row>.bp-button{margin-left:auto}
.bp-mail-row>.bp-status{min-height:20px}
.bp-mail-row>p{font-size:12px;margin:0;color:#b9af97}

.bp-modal[data-mobile=true] .bp-shell{border-radius:0}
.bp-modal[data-mobile=true] .bp-titlebar{flex-basis:43px;padding:0 7px 0 12px;gap:10px}
.bp-modal[data-mobile=true] .bp-titlebar h2{font-size:12px;letter-spacing:2px}
.bp-modal[data-mobile=true] .bp-subtitle{font-size:12px;letter-spacing:1px}
.bp-modal[data-mobile=true] .bp-summary{flex-basis:32px;padding:0 9px;gap:10px;font-size:12px}
.bp-modal[data-mobile=true] .bp-level{font-size:12px}
.bp-modal[data-mobile=true] .bp-exp{min-width:105px;padding:2px 7px}
.bp-modal[data-mobile=true] .bp-body{padding:5px;gap:5px}
.bp-modal[data-mobile=true] .bp-sidebar{flex-basis:max(122px,calc(var(--bp-hit) + var(--bp-hit) + 16px));padding:5px;justify-content:flex-start;gap:7px}

.bp-modal[data-mobile=true] .bp-characters{align-items:center;flex-direction:column;gap:9px;margin-top:4px}
.bp-modal[data-mobile=true] .bp-character-card{flex-direction:row;width:100%;gap:4px;justify-content:flex-start;font-size:12px}
.bp-modal[data-mobile=true] .bp-character-card .bp-character{display:none}
.bp-modal[data-mobile=true] .bp-character-card .bp-portrait{display:block;width:36px;height:36px;object-fit:contain;border:1px solid #90713b;background:#101b13}
.bp-modal[data-mobile=true] .bp-character-card>span{white-space:normal;max-width:65px}
.bp-modal[data-mobile=true] .bp-theme-line{font-size:12px;letter-spacing:1px;white-space:pre-wrap;margin:1px 0}
.bp-modal[data-mobile=true] .bp-sidebar>.bp-small{font-size:12px;line-height:1.4}
.bp-modal[data-mobile=true] .bp-sidebar>.bp-button{font-size:12px;min-height:var(--bp-hit);padding:5px 1px}
.bp-modal[data-mobile=true] .bp-tabs{flex-basis:44px;gap:3px;margin-bottom:3px}
.bp-modal[data-mobile=true] .bp-tabs>.bp-button{flex:1;min-width:0;font-size:12px;padding:2px}
.bp-modal[data-mobile=true] .bp-content{gap:3px}
.bp-modal[data-mobile=true] .bp-level-column{gap:3px}
.bp-modal[data-mobile=true] .bp-level-column>h3{flex-basis:21px;font-size:12px}
.bp-modal[data-mobile=true] .bp-reward-grid{gap:3px}
.bp-modal[data-mobile=true] .bp-reward{min-height:106px;padding:3px;gap:2px}
.bp-modal[data-mobile=true] .bp-track-label{font-size:12px;padding-bottom:0}
.bp-modal[data-mobile=true] .bp-items{gap:3px;min-height:34px}
.bp-modal[data-mobile=true] .bp-item>img,.bp-modal[data-mobile=true] .bp-coupon b{width:34px;height:34px}
.bp-modal[data-mobile=true] .bp-item-count{font-size:12px}
.bp-modal[data-mobile=true] .bp-claim{font-size:12px}
.bp-modal[data-mobile=true] .bp-status{font-size:12px}
.bp-modal[data-mobile=true] .bp-pager{flex-basis:44px;gap:3px;font-size:12px}
.bp-modal[data-mobile=true] .bp-pager>.bp-button:first-child,.bp-modal[data-mobile=true] .bp-pager>.bp-button:nth-child(3){font-size:12px;padding:0}
.bp-modal[data-mobile=true] .bp-pager>.bp-gold{font-size:12px;max-width:134px;padding:2px 6px}
.bp-modal[data-mobile=true] .bp-claim-count{font-size:12px;max-width:90px;line-height:1.4}
.bp-modal[data-mobile=true] .bp-tools{flex-basis:44px;gap:3px}
.bp-modal[data-mobile=true] .bp-tools>.bp-button{font-size:12px;padding:2px;min-height:var(--bp-hit)}
.bp-modal[data-mobile=true] .bp-footnote{font-size:12px;line-height:1.4;margin:2px}
.bp-modal[data-mobile=true] .bp-task{min-height:66px;padding:6px;gap:6px}
.bp-modal[data-mobile=true] .bp-task strong{font-size:12px}
.bp-modal[data-mobile=true] .bp-task p{font-size:12px}
.bp-modal[data-mobile=true] .bp-task-state{font-size:12px;width:78px}
.bp-modal[data-mobile=true] .bp-task-xp{font-size:12px}
.bp-modal[data-mobile=true] .bp-sub-content{padding:7px 11px;gap:5px}
.bp-modal[data-mobile=true] .bp-sub-shell .bp-titlebar h2{font-size:12px;letter-spacing:1px}
.bp-modal[data-mobile=true] .bp-choice-group{padding:5px 8px;margin-bottom:6px}
.bp-modal[data-mobile=true] .bp-allocation{gap:7px;padding:1px 0}
.bp-modal[data-mobile=true] .bp-sub-actions{padding-top:0;gap:8px}
.bp-modal[data-mobile=true] .bp-sub-actions>.bp-button{min-width:120px}
.bp-modal[data-mobile=true] .bp-premium-art{min-height:140px;flex-basis:120px}
.bp-modal[data-mobile=true] .bp-premium-art>.bp-character{width:60px}
.bp-modal[data-mobile=true] .bp-premium-info>p{padding:4px 0;font-size:12px}
.bp-modal[data-mobile=true] .bp-premium-info>p:first-child{font-size:12px}
.bp-modal[data-mobile=true] .bp-premium-layout{gap:12px}
.bp-modal[data-mobile=true] .bp-rules{padding:0 7px 8px}
.bp-modal[data-mobile=true] .bp-rules p{font-size:12px}
.bp-modal[data-mobile=true] .bp-rules h3{font-size:12px;margin-top:9px}

@media(max-width:600px){.bp-entry{right:10px;top:100px;width:52px;min-height:58px}
.bp-modal[data-mobile=true] .bp-sidebar{flex-basis:108px}
.bp-modal[data-mobile=true] .bp-subtitle{display:none}
.bp-modal[data-mobile=true] .bp-summary>span:nth-child(3){max-width:150px;font-size:12px}
.bp-modal[data-mobile=true] .bp-claim-count{display:none}
}

@media(prefers-reduced-motion:reduce){.bp-modal *{scroll-behavior:auto}
}


/* Names remain visible beside authentic icons, including on touch screens. */
.bp-reward .bp-item{width:36px;flex:0 0 36px}
.bp-reward .bp-item-name{display:block;width:36px;font-size:12px;line-height:1.2;overflow-wrap:anywhere;margin-top:3px;color:#d5cab2}
.bp-reward .bp-item-count{top:20px}
.bp-reward .bp-items{align-content:flex-start}
.bp-coupon{max-width:44px;line-height:1.2}
.bp-coupon>span{font-size:12px}

.bp-modal[data-mobile=true] .bp-sidebar>.bp-theme-line,.bp-modal[data-mobile=true] .bp-sidebar>.bp-small{display:none}
.bp-modal[data-mobile=true] .bp-sidebar>.bp-tools{display:grid;grid-template-columns:1fr 1fr;gap:4px;flex:none;width:100%;margin-top:auto}
.bp-modal[data-mobile=true] .bp-sidebar>.bp-tools>.bp-button{min-width:var(--bp-hit);min-height:var(--bp-hit);padding:3px 1px;line-height:1.3;font-size:12px}
.bp-modal[data-mobile=true] .bp-reward{display:grid;grid-template-columns:minmax(0,1fr) var(--bp-hit);grid-template-rows:auto 1fr;align-items:center;min-height:78px;gap:3px}
.bp-modal[data-mobile=true] .bp-track-label{grid-column:1/-1;grid-row:1}
.bp-modal[data-mobile=true] .bp-reward>.bp-items{grid-column:1;grid-row:2;min-height:44px;gap:3px;padding:0}
.bp-modal[data-mobile=true] .bp-reward .bp-item{width:34px;flex-basis:34px}
.bp-modal[data-mobile=true] .bp-reward .bp-item-name{width:34px;font-size:12px;line-height:1.15;margin-top:2px}
.bp-modal[data-mobile=true] .bp-reward>.bp-button,.bp-modal[data-mobile=true] .bp-reward>.bp-status{grid-column:2;grid-row:2;width:var(--bp-hit);min-height:var(--bp-hit);margin:0;padding:2px;line-height:1.25;font-size:12px;white-space:normal}
.bp-modal[data-mobile=true] .bp-reward>.bp-row-error{grid-column:1/-1;grid-row:3}
.bp-modal[data-mobile=true] .bp-reward .bp-coupon{font-size:12px;max-width:40px}
.bp-modal[data-mobile=true] .bp-reward .bp-unconnected{font-size:12px}
.bp-modal[data-mobile=true] .bp-summary{flex-basis:27px}
.bp-modal[data-mobile=true] .bp-pager>.bp-gold{max-width:143px}
.bp-modal[data-mobile=true] .bp-characters{margin-top:9px}
.bp-modal[data-mobile=true] .bp-sidebar>.bp-button{margin-top:5px}


.bp-exp{position:relative;isolation:isolate;overflow:hidden;background:#141812}
.bp-exp>span{position:relative;z-index:1;text-shadow:0 0 1px #682300}
.bp-exp>progress{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:100%;border:0;z-index:0;background:#171a15}
.bp-exp>progress::-webkit-progress-bar{background:#171a15}
.bp-exp>progress::-webkit-progress-value{background:transparent}
.bp-exp>progress::-moz-progress-bar{background:transparent}


.bp-mail-row .bp-item{width:60px}
.bp-mail-row .bp-item-name{display:block;font-size:12px;line-height:1.3;margin-top:3px;text-align:center;max-width:60px}
.bp-choice-summary{max-height:48px;overflow:auto;overscroll-behavior:contain}


/* Keep both tracks and their actions inside each visible page, not below its scroll edge. */
.bp-level-column{height:100%;min-height:0}
.bp-reward{min-height:0;overflow:hidden}
.bp-reward>.bp-items{min-height:0;overflow:auto;overscroll-behavior:contain}
.bp-reward>.bp-button,.bp-reward>.bp-status{flex-shrink:0}
.bp-modal[data-mobile=true] .bp-reward{min-height:0}
.bp-modal[data-mobile=true] .bp-reward>.bp-items{min-height:0;max-height:100%;align-content:flex-start}

.bp-titlebar .bp-close{min-width:var(--bp-hit)}


.bp-task-progress{display:flex;gap:5px;margin-top:5px}
.bp-task-progress>progress{height:5px;width:100%;flex:1;min-width:0;appearance:none;border:1px solid #75613c;background:#181b15}
.bp-task-progress>progress::-webkit-progress-bar{background:#181b15}
.bp-task-progress>progress::-webkit-progress-value{background:#a98a48}
.bp-task-progress>progress::-moz-progress-bar{background:#a98a48}


/* MWindow_background: 275x325, grid (48,29.25)-(226.95,307).
 * The pseudo border consumes no flex/grid space and keeps the original corners. */
.bp-entry,.bp-modal{font-family:SimSun,"宋体","Songti SC",serif;color:#eff4ff;font-size:12px}
.bp-modal{--bp-window:url("battle-pass-assets/native-ui/window.png");--bp-window-slice:29.25 48.05 18 48 fill;--bp-window-edge:29.25px 48.05px 18px 48px}
.bp-modal::backdrop{background:transparent;backdrop-filter:none}
.bp-submodal::backdrop{background:transparent}
.bp-shell{position:relative;isolation:isolate;border:0;outline:0;background:transparent;border-radius:0;box-shadow:none}
.bp-shell::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-style:solid;border-color:transparent;border-width:var(--bp-window-edge);border-image-source:var(--bp-window);border-image-slice:var(--bp-window-slice);border-image-width:var(--bp-window-edge);border-image-repeat:stretch}
.bp-shell::after{content:none}
.bp-sub-shell{--bp-window:url("battle-pass-assets/native-ui/small-window.png");--bp-window-slice:25.75 52.05 18 49.5 fill;--bp-window-edge:25.75px 52.05px 18px 49.5px}
/* 29px original title artwork; a larger transparent hit area remains usable on touch. */
.bp-titlebar,.bp-sub-shell .bp-titlebar,.bp-modal[data-mobile=true] .bp-titlebar{flex:0 0 44px;min-height:44px;align-items:flex-start;padding:5px 50px 0 15px;gap:12px;background:transparent;border:0;box-shadow:none;touch-action:none;cursor:move;user-select:none}
.bp-titlebar h2,.bp-sub-shell .bp-titlebar h2,.bp-modal[data-mobile=true] .bp-titlebar h2,.bp-modal[data-mobile=true] .bp-sub-shell .bp-titlebar h2{font-family:inherit;font-size:12px;font-weight:bold;letter-spacing:0;line-height:18px;color:#eff4ff;text-shadow:0 0 2px #000}
.bp-subtitle,.bp-modal[data-mobile=true] .bp-subtitle{font-size:12px;letter-spacing:0;color:#acadb2;line-height:18px}
/* MButton_up: 57x22, grid (7.15,7.15)-(49.7,15).
 * 22px visual height is centered inside the existing >=44 CSS-pixel target. */
:where(.bp-modal) .bp-button{--bp-button-image:url("battle-pass-assets/native-ui/button.png");--bp-button-over:url("battle-pass-assets/native-ui/button-over.png");--bp-button-down:url("battle-pass-assets/native-ui/button-down.png");--bp-button-disabled:url("battle-pass-assets/native-ui/button-disabled.png");--bp-button-slice:7.15 7.3 7 7.15 fill;--bp-button-edge:7.15px 7.3px 7px 7.15px;position:relative;isolation:isolate;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;font-family:inherit;font-size:12px;font-weight:normal;color:#fcf49c;text-shadow:0 0 1px #682300;touch-action:manipulation;transition:none}
:where(.bp-modal) .bp-button::before{content:"";position:absolute;left:0;right:0;top:50%;height:22px;transform:translateY(-50%);z-index:-1;pointer-events:none;box-sizing:border-box;border:solid transparent;border-width:var(--bp-button-edge);border-image-source:var(--bp-button-image);border-image-slice:var(--bp-button-slice);border-image-width:var(--bp-button-edge);border-image-repeat:stretch}
.bp-button:hover:not(:disabled){color:#ffffc3;filter:none;border-color:transparent}
:where(.bp-modal) .bp-button:hover:not(:disabled)::before{border-image-source:var(--bp-button-over)}
.bp-button:active:not(:disabled){color:#acadb2}
:where(.bp-modal) .bp-button:active:not(:disabled)::before{border-image-source:var(--bp-button-down)}
.bp-button:disabled{color:#939393;filter:none;opacity:1;cursor:default}
:where(.bp-modal) .bp-button:disabled::before{border-image-source:var(--bp-button-disabled)}
.bp-button:focus-visible,.bp-modal input:focus-visible,.bp-modal select:focus-visible{outline:1px solid #fcf49c;outline-offset:1px}
.bp-gold,.bp-claim,.bp-task-tabs [aria-pressed=true]{--bp-button-image:url("battle-pass-assets/native-ui/button-selected.png");--bp-button-over:url("battle-pass-assets/native-ui/button-selected-over.png");--bp-button-down:url("battle-pass-assets/native-ui/button-selected-down.png");--bp-button-disabled:url("battle-pass-assets/native-ui/button-selected-disabled.png");--bp-button-slice:6.75 8.55 5.5 9.6 fill;--bp-button-edge:6.75px 8.55px 5.5px 9.6px;background:transparent;border:0;box-shadow:none;color:#fcf49c;text-shadow:0 0 1px #682300;font-weight:normal}
/* MWindowCloseBtnF: 25x24, anchored at the original right inset. */
.bp-titlebar .bp-close{position:absolute;right:0;top:0;order:10;margin:0;width:var(--bp-hit);height:var(--bp-hit);min-width:var(--bp-hit);min-height:var(--bp-hit);padding:0;background:transparent;border:0;box-shadow:none;font-size:0;color:transparent;text-shadow:none;cursor:pointer;touch-action:manipulation}
.bp-titlebar .bp-close::before{inset:auto 6px auto auto;top:6px;transform:none;width:25px;height:24px;border:0;background:url("battle-pass-assets/native-ui/close.png") center/25px 24px no-repeat}
.bp-titlebar .bp-close:hover:not(:disabled)::before{background-image:url("battle-pass-assets/native-ui/close-over.png")}
.bp-titlebar .bp-close:active:not(:disabled)::before{background-image:url("battle-pass-assets/native-ui/close-down.png")}
.bp-titlebar .bp-close:disabled::before{background-image:url("battle-pass-assets/native-ui/close-disabled.png")}
.bp-titlebar .bp-close:hover:not(:disabled),.bp-titlebar .bp-close:active:not(:disabled){color:transparent}
/* MTabButtonF up/selectedUp preserve the original 22px visual strip. */
.bp-tabs{border:0;gap:4px;align-items:stretch}
.bp-tabs>.bp-button{--bp-button-image:url("battle-pass-assets/native-ui/tab.png");--bp-button-over:url("battle-pass-assets/native-ui/tab-over.png");--bp-button-down:url("battle-pass-assets/native-ui/tab-down.png");--bp-button-disabled:url("battle-pass-assets/native-ui/tab-disabled.png");--bp-button-slice:7.5 7 4.75 7.25 fill;--bp-button-edge:7.5px 7px 4.75px 7.25px;font:inherit;font-size:12px;font-weight:normal;background:transparent;border:0;border-radius:0;color:#fcf49c}
.bp-tabs>.bp-button[aria-pressed=true]{--bp-button-image:url("battle-pass-assets/native-ui/tab-selected.png");--bp-button-over:url("battle-pass-assets/native-ui/tab-selected-over.png");--bp-button-down:url("battle-pass-assets/native-ui/tab-selected-down.png");--bp-button-disabled:url("battle-pass-assets/native-ui/tab-selected-disabled.png");--bp-button-slice:9 8.25 3.5 8.75 fill;--bp-button-edge:9px 8.25px 3.5px 8.75px;background:transparent;border:0;color:#fcf49c;text-shadow:0 0 1px #682300}
.bp-summary{background:transparent;border-bottom:1px solid #514c48;color:#eff4ff}
.bp-level,.bp-theme-line,.bp-task strong,.bp-task-xp,.bp-week-heading,.bp-rules h3,.bp-mail-row h3,.bp-choice-group legend,.bp-premium-info>p:first-child{font-family:inherit;color:#fcf49c;font-size:12px;letter-spacing:0}
.bp-catchup,.bp-small,.bp-footnote,.bp-rules p,.bp-task p,.bp-task-state,.bp-choice-summary,.bp-mail-row>p{color:#acadb2}
.bp-sidebar{background:#282521;border:1px solid #514c48}
.bp-character-card .bp-character{filter:none}
.bp-character-card,.bp-track-label,.bp-reward[data-track=premium] .bp-track-label{color:#fcf49c}
.bp-level-column>h3{font-family:inherit;font-size:12px;background:#3b3632;border:1px solid #514c48;border-radius:0;color:#fcf49c;box-shadow:none}
.bp-level-column.is-milestone>h3{color:#ffffc3;border-color:#8d7d4e;box-shadow:none}
.bp-reward,.bp-reward[data-track=premium],.bp-task,.bp-mail-row,.bp-premium-art{background:#2b2723;border:1px solid #514c48;box-shadow:none}
.bp-status-claimed{background:#292622;filter:none}
.bp-status-level_locked{border-color:#514c48}
.bp-status-claimable,.bp-status-choice_required{border-color:#99834c;box-shadow:none}
.bp-status-failed,.bp-error{border-color:#a65343;background:#3c2924;color:#ffb2a3}
.bp-status-processing{border-color:#99834c}
.bp-premium-info>p{color:#eff4ff;border-color:#514c48}
.bp-premium-info .bp-warning{color:#fcf49c}
.bp-locked-button,.bp-unconnected,.bp-allocation-total,.bp-delivery,.bp-choice-summary{color:#fcf49c}
/* MGrid_background: 40x40, (8.5,9)-(34.5,34.4), without layout borders. */
.bp-item>img,.bp-item-placeholder,.bp-coupon b{position:relative;border:0;background:transparent url("battle-pass-assets/native-ui/item-slot.png") center/100% 100% no-repeat;box-shadow:none;padding:3px;color:#fcf49c}
.bp-item::before{content:"";position:absolute;left:50%;top:0;width:34px;height:34px;transform:translateX(-50%);box-sizing:border-box;pointer-events:none;z-index:1;border-style:solid;border-color:transparent;border-width:9px 5.5px 5.6px 8.5px;border-image:url("battle-pass-assets/native-ui/item-slot.png") 9 5.5 5.6 8.5 stretch}
.bp-choice-scroll>.bp-items .bp-item::before{left:0;transform:none}
.bp-item{isolation:isolate}
.bp-item-count{font-family:inherit;font-size:12px;color:#fff;line-height:14px;text-shadow:-1px -1px #000,1px 1px #000}
.bp-item-name,.bp-reward .bp-item-name{color:#eff4ff}
.bp-coupon b{font-family:inherit;font-size:12px;font-weight:normal}
.bp-modal input[type=number],.bp-modal select{font-family:inherit;border:1px solid #514c48;border-radius:0;background:#24211e;color:#eff4ff;box-shadow:none;touch-action:manipulation}
.bp-choice-group,.bp-rules h3,.bp-choice-scroll>.bp-items,.bp-allocation,.bp-premium-info>p{border-color:#514c48}
.bp-radio input{accent-color:#fcf49c}
/* SkillWindowBarF images; native progress value/ARIA remain unchanged. */
.bp-exp{position:relative;isolation:isolate;overflow:hidden;min-height:22px;background:transparent;border:0;color:#fff}
.bp-exp::before{content:"";box-sizing:border-box;position:absolute;left:0;right:0;top:50%;height:11px;transform:translateY(-50%);z-index:-1;border:solid transparent;border-width:4.15px 5.25px 4.25px 5.9px;border-image:url("battle-pass-assets/native-ui/progress-bg.png") 4.15 5.25 4.25 5.9 fill stretch;pointer-events:none}
.bp-exp>span{color:#fff;text-shadow:0 0 2px #000;font-size:12px}
.bp-exp>progress{appearance:none;-webkit-appearance:none;inset:auto 3px;top:50%;transform:translateY(-50%);width:calc(100% - 6px);height:5px;background:transparent;border:0;z-index:0}
.bp-exp>progress::-webkit-progress-bar{background:transparent url("battle-pass-assets/native-ui/progress-inner.png") center/100% 100% no-repeat}
.bp-exp>progress::-webkit-progress-value{background:transparent url("battle-pass-assets/native-ui/progress-fill.png") center/100% 100% no-repeat}
.bp-exp>progress::-moz-progress-bar{background:transparent url("battle-pass-assets/native-ui/progress-fill.png") center/100% 100% no-repeat}
.bp-task-progress>progress{height:11px;border:0;background:transparent url("battle-pass-assets/native-ui/progress-bg.png") center/100% 100% no-repeat}
.bp-task-progress>progress::-webkit-progress-bar{background:transparent url("battle-pass-assets/native-ui/progress-bg.png") center/100% 100% no-repeat}
.bp-task-progress>progress::-webkit-progress-value{background:transparent url("battle-pass-assets/native-ui/progress-fill.png") center/100% 100% no-repeat}
.bp-task-progress>progress::-moz-progress-bar{background:transparent url("battle-pass-assets/native-ui/progress-fill.png") center/100% 100% no-repeat}
/* Original NumberBgF, not a newly drawn CSS dot. */
.bp-red-dot{right:-4px;top:-4px;width:13px;height:13px;background:url("battle-pass-assets/native-ui/red-dot.png") center/13px 13px no-repeat;border:0;border-radius:0;box-shadow:none}
.bp-entry{border:0;background:transparent;box-shadow:none;border-radius:0;color:#fcf49c;font-size:12px;font-family:SimSun,"宋体","Songti SC",serif}
.bp-entry::before{content:"";box-sizing:border-box;position:absolute;top:3px;left:50%;transform:translateX(-50%);width:42px;height:42px;z-index:-1;border:solid transparent;border-width:9px 5.5px 5.6px 8.5px;border-image:url("battle-pass-assets/native-ui/item-slot.png") 9 5.5 5.6 8.5 fill stretch}
.bp-entry{isolation:isolate}
.bp-entry .bp-portrait{width:34px;height:34px}
.bp-scroll{scrollbar-color:#77706a #292622}
.bp-scroll::-webkit-scrollbar-thumb,.bp-reward-grid::-webkit-scrollbar-thumb{background:#77706a}
.bp-modal *, .bp-entry{animation:none;transition:none}

/* Selected tabs retain the same original disabled caption color. */
.bp-modal .bp-button:disabled{color:#939393;filter:none;opacity:1}

/* The fallback activity entry is fixed HUD, not a window-content button.
 * Modal button skins/states above intentionally exclude its item-slot pseudo. */
.bp-entry.bp-button{position:fixed}

/* U4/U6: screen-bounded HTML modal, readable mobile text and original skins.
 * Content may scroll locally; the window frame, close and footer actions stay
 * within the safe visual stage. No game/claim state or activity entry changes. */
.bp-titlebar h2,.bp-sub-shell .bp-titlebar h2,.bp-modal[data-mobile=true] .bp-titlebar h2,.bp-modal[data-mobile=true] .bp-sub-shell .bp-titlebar h2{position:absolute;left:44px;right:44px;top:5px;margin:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;line-height:18px}
.bp-titlebar>.bp-subtitle{position:absolute;left:44px;right:44px;top:25px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.bp-modal .bp-item{min-width:72px;min-height:max(62px,var(--bp-hit));cursor:help}
.bp-modal .bp-item:focus-visible{outline:1px solid #fcf49c;outline-offset:1px}
.bp-modal .bp-item-name,.bp-modal .bp-reward .bp-item-name,.bp-modal .bp-mail-row .bp-item-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;word-break:normal;white-space:normal;width:72px;max-width:100%;max-height:2.6em;line-height:1.3;margin:2px 0 0;text-align:center;font-size:12px}
.bp-modal .bp-reward .bp-item{width:72px;flex:0 0 72px}
.bp-modal .bp-choice-scroll>.bp-items .bp-item{min-width:120px;min-height:44px}
.bp-modal .bp-choice-scroll>.bp-items .bp-item-name{width:120px;max-width:150px;text-align:left;flex:1}
.bp-modal .bp-allocation>.bp-item{min-width:var(--bp-hit);min-height:var(--bp-hit)}
.bp-modal .bp-allocation>.bp-item .bp-item-name{display:none}
.bp-modal .bp-allocation>span:nth-child(2){min-width:72px;overflow-wrap:break-word}
.bp-name-tooltip{position:fixed;z-index:20;box-sizing:border-box;width:max-content;max-width:320px;max-height:120px;overflow:auto;padding:7px 10px;border:1px solid #8d7d4e;background:#282521;color:#eff4ff;font-family:SimSun,"宋体","Songti SC",serif;font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-shadow:0 0 2px #000;pointer-events:none}
.bp-sub-content{min-height:0;overflow:hidden}
.bp-sub-content>.bp-scroll,.bp-choice-scroll,.bp-premium-layout{min-height:0;overflow:auto;overscroll-behavior:contain}
.bp-sub-actions{flex:0 0 auto;min-height:var(--bp-hit);margin-top:0}
.bp-sub-actions>.bp-button{min-height:var(--bp-hit)}
.bp-sub-content>.bp-footnote{flex:none;max-height:52px;overflow:auto}
.bp-modal[data-mobile=true] .bp-titlebar,.bp-modal[data-mobile=true] .bp-sub-shell .bp-titlebar{flex:0 0 36px;min-height:36px;padding:0 44px;cursor:move}
.bp-modal[data-mobile=true] .bp-titlebar>.bp-subtitle{display:none}
.bp-modal[data-mobile=true] .bp-summary{flex:0 0 24px;min-height:24px;padding:0 6px;gap:7px;overflow:hidden}
.bp-modal[data-mobile=true] .bp-summary>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-modal[data-mobile=true] .bp-exp{min-width:95px;flex:none}
.bp-modal[data-mobile=true] .bp-body{flex-direction:column;min-height:0;padding:4px 6px 6px;gap:4px}
.bp-modal[data-mobile=true] .bp-sidebar{flex:0 0 auto;min-height:44px;max-height:60px;width:100%;padding:2px 4px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;overflow-x:auto;overflow-y:hidden}
.bp-modal[data-mobile=true] .bp-characters{width:144px;flex:0 0 144px;display:flex;flex-direction:row;align-items:center;gap:4px;margin:0}
.bp-modal[data-mobile=true] .bp-character-card{width:70px;flex:0 0 70px;gap:3px;align-items:center;font-size:12px}
.bp-modal[data-mobile=true] .bp-character-card .bp-character{display:none}
.bp-modal[data-mobile=true] .bp-character-card .bp-portrait{display:block;width:24px;height:24px;flex:0 0 24px}
.bp-modal[data-mobile=true] .bp-character-card>span{width:43px;max-width:43px;line-height:1.2;white-space:normal}
.bp-modal[data-mobile=true] .bp-sidebar>.bp-button{width:108px;flex:0 0 108px;min-height:var(--bp-hit);margin:0;padding:2px}
.bp-modal[data-mobile=true] .bp-sidebar>.bp-tools{display:flex;width:auto;flex:0 0 auto;gap:2px;margin:0}
.bp-modal[data-mobile=true] .bp-sidebar>.bp-tools>.bp-button{width:48px;flex:0 0 48px;min-width:var(--bp-hit);min-height:var(--bp-hit);padding:2px;line-height:1.2}
.bp-modal[data-mobile=true] .bp-main{flex:1;min-height:0;width:100%}
.bp-modal[data-mobile=true] .bp-tabs{flex:0 0 var(--bp-hit);margin-bottom:2px}
.bp-modal[data-mobile=true] .bp-content{min-height:0;gap:2px}
.bp-modal[data-mobile=true] .bp-reward-grid{flex:1;min-height:0;overflow:auto;align-items:stretch;padding:1px;gap:4px}
.bp-modal[data-mobile=true] .bp-level-column{height:auto;min-height:290px;gap:3px}
.bp-modal[data-mobile=true] .bp-level-column>h3{flex:0 0 20px}
.bp-modal[data-mobile=true] .bp-reward{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:3px;gap:3px}
.bp-modal[data-mobile=true] .bp-track-label{flex:none;min-height:14px;font-size:12px}
.bp-modal[data-mobile=true] .bp-reward>.bp-items{flex:1;min-height:62px;max-height:none;justify-content:center;align-content:flex-start;overflow:auto;padding:0;gap:3px}
.bp-modal[data-mobile=true] .bp-reward .bp-item{width:72px;flex-basis:72px;min-height:62px}
.bp-modal[data-mobile=true] .bp-reward .bp-item-name{width:72px;font-size:12px;line-height:1.3;max-height:2.6em}
.bp-modal[data-mobile=true] .bp-reward>.bp-button,.bp-modal[data-mobile=true] .bp-reward>.bp-status{flex:0 0 var(--bp-hit);width:100%;min-height:var(--bp-hit);margin:0;padding:2px;line-height:1.25;white-space:normal}
.bp-modal[data-mobile=true] .bp-reward>.bp-row-error{flex:none}
.bp-modal[data-mobile=true] .bp-pager{flex:0 0 var(--bp-hit);min-height:var(--bp-hit);gap:3px}
.bp-modal[data-mobile=true] .bp-pager>.bp-button{flex-shrink:0}
.bp-modal[data-mobile=true] .bp-claim-count{display:none}
.bp-modal[data-mobile=true] .bp-pager>.bp-gold{max-width:none;width:126px;margin-left:auto}
.bp-modal[data-mobile=true] .bp-sub-content{padding:4px 8px 8px;gap:4px}
.bp-modal[data-mobile=true] .bp-sub-actions{min-height:var(--bp-hit);padding:0;gap:6px}
.bp-modal[data-mobile=true] .bp-sub-actions>.bp-button{min-width:var(--bp-hit);flex:1}
.bp-modal[data-mobile=true] .bp-delivery{min-height:var(--bp-hit);gap:5px}
.bp-modal[data-mobile=true] .bp-choice-summary{max-height:34px;min-height:16px;overflow:auto;flex:none}
.bp-modal[data-mobile=true] .bp-premium-art{display:none}
.bp-modal[data-mobile=true] .bp-premium-layout{flex:1;align-items:flex-start}
.bp-modal[data-mobile=true] .bp-premium-info{width:100%}
.bp-modal[data-mobile=true] .bp-premium-info>p{padding:5px 0}
.bp-modal[data-mobile=true] .bp-task-tabs{flex-shrink:0}
.bp-modal[data-mobile=true] .bp-task-list{min-height:0}
.bp-modal[data-mobile=true] .bp-rules{min-height:0}
.bp-modal .bp-item-count{right:calc(50% - 17px)}
.bp-modal .bp-choice-scroll>.bp-items .bp-item-count{right:auto}
.bp-modal[data-mobile=true] input[type=number],.bp-modal[data-mobile=true] select{font-size:16px}

/* V3: mobile CSS interface. Original desktop frame/skin and reward semantics
 * remain above; physical metrics never inherit Flash's stage text scale. */
.bp-modal[data-mobile=true]{--bp-hit:var(--hysj-ui-button-small,32px);font-size:var(--hysj-ui-font-body,12px)}
.bp-modal[data-mobile=true] .bp-button{white-space:nowrap;overflow-wrap:normal;word-break:normal;min-width:var(--bp-hit);min-height:var(--bp-hit);font-size:var(--hysj-ui-font-body,12px);padding:0 var(--hysj-ui-space-small,4px)}
.bp-modal[data-mobile=true] .bp-titlebar,.bp-modal[data-mobile=true] .bp-sub-shell .bp-titlebar{flex:0 0 var(--bp-hit);min-height:var(--bp-hit);padding:0 76px}
.bp-modal[data-mobile=true] .bp-titlebar h2,.bp-modal[data-mobile=true] .bp-sub-shell .bp-titlebar h2{left:76px;right:76px;top:7px;line-height:18px;font-size:var(--hysj-ui-font-title,14px);letter-spacing:0}
.bp-modal[data-mobile=true] .bp-close{width:var(--bp-hit);height:var(--bp-hit)}
.bp-modal[data-mobile=true] .bp-close::before{top:4px;right:4px}
.bp-modal[data-mobile=true] .bp-mobile-avatars{position:absolute;left:4px;top:0;display:flex;gap:var(--hysj-ui-space-small,4px);height:var(--bp-hit)}
.bp-modal[data-mobile=true] .bp-avatar-button{width:var(--bp-hit);height:var(--bp-hit);padding:2px;display:grid;place-items:center}
.bp-modal[data-mobile=true] .bp-avatar-button>.bp-portrait{width:28px;height:28px;object-fit:contain}
.bp-modal[data-mobile=true] .bp-more{position:absolute;right:36px;top:0;z-index:10}
.bp-modal[data-mobile=true] .bp-more>button{width:var(--bp-hit);height:var(--bp-hit);font-size:var(--hysj-ui-font-title,14px)}
.bp-modal[data-mobile=true] .bp-more-menu{position:absolute;right:0;top:calc(var(--bp-hit) + 4px);display:grid;grid-template-columns:repeat(2,minmax(64px,1fr));gap:var(--hysj-ui-space-small,4px);padding:var(--hysj-ui-space-small,4px);height:auto;min-height:0;background:#282521;border:1px solid #8d7d4e;box-shadow:none}
.bp-modal[data-mobile=true] .bp-more-menu[hidden]{display:none}
.bp-modal[data-mobile=true] .bp-more-menu>.bp-button{width:auto;min-width:64px;height:var(--bp-hit);flex:none}
.bp-modal[data-mobile=true] .bp-summary{flex:0 0 var(--bp-hit);min-height:var(--bp-hit);gap:var(--hysj-ui-space-large,8px);padding:0 var(--hysj-ui-space-large,8px);overflow:visible;white-space:nowrap;font-size:var(--hysj-ui-font-body,12px)}
.bp-modal[data-mobile=true] .bp-summary>span,.bp-modal[data-mobile=true] .bp-summary>.bp-level{flex:none;white-space:nowrap;max-width:none;font-size:var(--hysj-ui-font-body,12px);overflow:visible;text-overflow:clip}
.bp-modal[data-mobile=true] .bp-summary>.bp-exp{width:96px;min-width:96px;padding:2px 4px}
.bp-modal[data-mobile=true] .bp-summary>.bp-catchup{margin-left:auto}
.bp-modal[data-mobile=true] .bp-summary>.bp-gold{flex:none;width:auto;max-width:none;margin:0;min-height:var(--bp-hit)}
.bp-modal[data-mobile=true] .bp-body{padding:var(--hysj-ui-space-small,4px) var(--hysj-ui-space-large,8px);gap:0;min-height:0}
.bp-modal[data-mobile=true] .bp-tabs{flex:0 0 var(--bp-hit);height:var(--bp-hit);margin:0 0 var(--hysj-ui-space-small,4px);gap:var(--hysj-ui-space-small,4px)}
.bp-modal[data-mobile=true] .bp-content{min-height:0;gap:0}
.bp-modal[data-mobile=true] .bp-reward-grid{overflow:hidden;grid-auto-rows:minmax(0,1fr);gap:var(--hysj-ui-space-small,4px);padding:0;min-height:0}
.bp-modal[data-mobile=true] .bp-level-column{display:grid;grid-template-rows:16px repeat(2,minmax(0,1fr));height:100%;min-height:0;gap:2px}
.bp-modal[data-mobile=true] .bp-level-column>h3{min-height:0;margin:0;line-height:14px;font-size:var(--hysj-ui-font-small,11px)}
.bp-modal[data-mobile=true] .bp-reward{display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:var(--bp-hit) minmax(0,1fr);gap:0;padding:0 2px 2px;min-height:0;overflow:hidden}
.bp-modal[data-mobile=true] .bp-reward>.bp-track-label{grid-column:1;grid-row:1;align-self:center;border:0;margin:0;padding:0;text-align:left;white-space:nowrap;font-size:var(--hysj-ui-font-small,11px);line-height:12px}
.bp-modal[data-mobile=true] .bp-reward>.bp-button,.bp-modal[data-mobile=true] .bp-reward>.bp-status{grid-column:2;grid-row:1;align-self:center;justify-self:end;flex:none;width:auto;min-width:var(--bp-hit);height:var(--bp-hit);min-height:var(--bp-hit);padding:0 4px;margin:0;font-size:var(--hysj-ui-font-small,11px);line-height:12px;white-space:nowrap}
.bp-modal[data-mobile=true] .bp-reward>.bp-items{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap;align-items:flex-start;align-content:flex-start;justify-content:center;gap:var(--hysj-ui-space-small,4px);min-height:0;max-height:none;overflow:visible;padding:0}
.bp-modal[data-mobile=true] .bp-reward .bp-item{width:36px;min-width:32px;min-height:50px;flex:0 1 36px;justify-content:flex-start;cursor:help}
.bp-modal[data-mobile=true] .bp-reward .bp-item>img,.bp-modal[data-mobile=true] .bp-reward .bp-item-placeholder{width:28px;height:28px;flex:none}
.bp-modal[data-mobile=true] .bp-reward .bp-item-name{width:36px;max-width:100%;margin:0;line-height:11px;font-size:var(--hysj-ui-font-small,11px);max-height:22px;word-break:normal;overflow-wrap:anywhere}
.bp-modal[data-mobile=true] .bp-reward .bp-item-count{top:15px;right:calc(50% - 14px);font-size:var(--hysj-ui-font-small,11px);line-height:12px}
.bp-modal[data-mobile=true] .bp-reward .bp-coupon{width:36px;flex:0 1 36px;min-width:32px;gap:0;line-height:11px;font-size:var(--hysj-ui-font-small,11px)}
.bp-modal[data-mobile=true] .bp-reward .bp-coupon>b{width:28px;height:28px;flex:none;font-size:var(--hysj-ui-font-body,12px)}
.bp-modal[data-mobile=true] .bp-reward .bp-coupon>span{max-width:36px;font-size:var(--hysj-ui-font-small,11px);line-height:11px}
.bp-modal[data-mobile=true] .bp-reward>.bp-row-error{position:static;grid-column:1;grid-row:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;max-height:26px;margin:0 2px 0 0;font-size:var(--hysj-ui-font-small,11px);line-height:12px;cursor:help}
.bp-modal[data-mobile=true] .bp-reward:has(>.bp-row-error)>.bp-track-label{visibility:hidden}
.bp-modal[data-mobile=true] .bp-shell>.bp-pager{flex:0 0 var(--bp-hit);height:var(--bp-hit);min-height:var(--bp-hit);gap:var(--hysj-ui-space-small,4px);margin:0 var(--hysj-ui-space-large,8px) var(--hysj-ui-space-small,4px);font-size:var(--hysj-ui-font-body,12px)}
.bp-modal[data-mobile=true] .bp-pager>.bp-gold{width:auto;max-width:none;margin-left:auto}
.bp-modal[data-mobile=true] .bp-pager>.bp-button{min-width:var(--bp-hit);height:var(--bp-hit);flex-shrink:0}
.bp-modal[data-mobile=true] .bp-task-tabs{flex:0 0 var(--bp-hit);height:var(--bp-hit);gap:var(--hysj-ui-space-small,4px)}
.bp-modal[data-mobile=true] .bp-task{min-height:60px;padding:var(--hysj-ui-space-small,4px);gap:var(--hysj-ui-space-small,4px)}
.bp-modal[data-mobile=true] .bp-sub-content{gap:var(--hysj-ui-space-small,4px);padding:var(--hysj-ui-space-small,4px) var(--hysj-ui-space-large,8px) var(--hysj-ui-space-large,8px);font-size:var(--hysj-ui-font-body,12px)}
.bp-modal[data-mobile=true] .bp-sub-actions{height:var(--bp-hit);min-height:var(--bp-hit);flex-shrink:0;gap:var(--hysj-ui-space-large,8px)}
.bp-modal[data-mobile=true] .bp-sub-actions>.bp-button{min-height:var(--bp-hit);height:var(--bp-hit);white-space:nowrap}
.bp-modal[data-mobile=true] .bp-delivery{height:var(--bp-hit);min-height:var(--bp-hit);gap:var(--hysj-ui-space-small,4px)}
.bp-modal[data-mobile=true] .bp-modal input,.bp-modal[data-mobile=true] select{min-height:var(--bp-hit)}
.bp-modal[data-mobile=true] .bp-premium-info>p{padding:4px 0;font-size:var(--hysj-ui-font-body,12px);line-height:16px}
.bp-modal[data-mobile=true] .bp-character-description{flex:1;display:grid;align-content:center;margin:0;padding:var(--hysj-ui-space-large,8px);font-size:var(--hysj-ui-font-body,12px);line-height:1.5}
.bp-modal[data-mobile=true] .bp-choice-scroll{display:flex;flex-direction:column;gap:2px;overflow:auto}
.bp-modal[data-mobile=true] .bp-choice-scroll>.bp-items{flex:none;display:flex;flex-wrap:nowrap;min-height:36px;height:36px;justify-content:flex-start;gap:8px;padding:0}
.bp-modal[data-mobile=true] .bp-choice-scroll>.bp-items .bp-item{display:grid;grid-template-columns:28px minmax(0,1fr);width:auto;flex:0 1 150px;min-width:100px;min-height:32px;height:36px;gap:4px}
.bp-modal[data-mobile=true] .bp-choice-scroll>.bp-items .bp-item>img{width:28px;height:28px}
.bp-modal[data-mobile=true] .bp-choice-scroll>.bp-items .bp-item-name{width:auto;min-width:0;max-width:none;font-size:var(--hysj-ui-font-small,11px);line-height:12px;margin:0}
.bp-modal[data-mobile=true] .bp-choice-scroll>.bp-items .bp-item-count{left:14px;top:16px;font-size:var(--hysj-ui-font-small,11px)}
.bp-modal[data-mobile=true] .bp-choice-group{position:relative;flex:none;margin:0;padding:0 4px 2px}
.bp-modal[data-mobile=true] .bp-choice-group legend{font-size:var(--hysj-ui-font-small,11px);line-height:12px;padding:0 4px}
.bp-modal[data-mobile=true] .bp-choice-group>.bp-radio{height:var(--bp-hit);min-height:var(--bp-hit);font-size:var(--hysj-ui-font-small,11px);padding-right:36px;gap:4px}
.bp-modal[data-mobile=true] .bp-choice-group>.bp-small{display:none}
.bp-modal[data-mobile=true] .bp-choice-help{position:absolute;right:4px;top:0;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;font-size:var(--hysj-ui-font-small,11px)}
.bp-modal[data-mobile=true] .bp-allocations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--hysj-ui-space-large,8px);row-gap:0}
.bp-modal[data-mobile=true] .bp-allocations>.bp-allocation{display:grid;grid-template-columns:minmax(0,1fr) 32px 44px 32px;gap:4px;padding:0;min-height:32px;height:32px}
.bp-modal[data-mobile=true] .bp-allocations>.bp-allocation>.bp-item{display:none}
.bp-modal[data-mobile=true] .bp-allocations>.bp-allocation>span:nth-child(2){min-width:0;max-width:none;font-size:var(--hysj-ui-font-small,11px);line-height:12px}
.bp-modal[data-mobile=true] .bp-allocations>.bp-allocation input{min-width:0;width:44px;min-height:32px;height:32px;padding:0;font-size:16px}
.bp-modal[data-mobile=true] .bp-allocations>.bp-allocation>.bp-button{width:32px;height:32px;min-height:32px;min-width:32px;padding:0}
.bp-modal[data-mobile=true] .bp-choice-group>.bp-allocation-total{margin:0;line-height:12px;font-size:var(--hysj-ui-font-small,11px)}
.bp-modal[data-mobile=true] .bp-choice-group>select{height:32px;min-height:32px;padding:0 40px 0 4px;font-size:16px}
.bp-modal[data-mobile=true] .bp-choice-summary{max-height:26px;min-height:12px;font-size:var(--hysj-ui-font-small,11px);line-height:12px;flex-shrink:0}

/* Fit the two full reward tracks even with a 21px home-indicator safe inset. */
.bp-modal[data-mobile=true] .bp-summary{gap:var(--hysj-ui-space-small,4px)}
.bp-modal[data-mobile=true] .bp-body{padding-top:0;padding-bottom:0}
.bp-modal[data-mobile=true] .bp-level-column{grid-template-rows:12px repeat(2,minmax(0,1fr));row-gap:0}
.bp-modal[data-mobile=true] .bp-level-column>h3{line-height:11px}
.bp-modal[data-mobile=true] .bp-reward{padding-bottom:0}
.bp-modal[data-mobile=true] .bp-reward .bp-item{min-height:46px}
.bp-modal[data-mobile=true] .bp-reward .bp-item>img,.bp-modal[data-mobile=true] .bp-reward .bp-item-placeholder{width:24px;height:24px}
.bp-modal[data-mobile=true] .bp-reward .bp-item-count{top:12px;right:calc(50% - 12px)}
.bp-modal[data-mobile=true] .bp-reward .bp-coupon>b{width:24px;height:24px}
.bp-modal[data-mobile=true] .bp-reward .bp-coupon{position:relative;min-height:46px}
.bp-modal[data-mobile=true] .bp-reward .bp-coupon>.bp-coupon-value{position:absolute;right:4px;top:12px;max-width:none;color:#fff5cc;text-shadow:0 0 1px #000;white-space:nowrap;font-size:var(--hysj-ui-font-small,11px);font-weight:bold}
.bp-modal[data-mobile=true] .bp-reward .bp-coupon>.bp-coupon-name{line-height:11px}
.bp-modal[data-mobile=true] .bp-choice-modes{display:grid;grid-template-columns:1fr 1fr;gap:var(--hysj-ui-space-small,4px);padding-right:36px}
.bp-modal[data-mobile=true] .bp-choice-modes>.bp-radio{height:32px;min-height:32px;font-size:var(--hysj-ui-font-small,11px);line-height:12px;gap:4px}
.bp-modal[data-mobile=true][data-kind=choice] .bp-choice-scroll>.bp-items{display:none}
.bp-modal[data-mobile=true][data-kind=choice] .bp-sub-content{padding-top:2px;padding-bottom:2px;gap:2px}
.bp-modal[data-mobile=true][data-kind=choice] .bp-choice-summary{max-height:24px;min-height:12px;font-size:var(--hysj-ui-font-small,11px);line-height:12px}

/* X5: a reward cell is a preview, never an independent scroll viewport.
   Full inventory is available in one explicit details window. */
.bp-modal .bp-reward>.bp-items,.bp-modal[data-mobile=true] .bp-reward>.bp-items{overflow:hidden;flex-wrap:nowrap;align-items:flex-start;justify-content:center;min-height:0;max-height:none}
.bp-modal:not([data-mobile=true]) .bp-reward .bp-item{width:52px;flex:0 1 52px;min-width:0}
.bp-modal:not([data-mobile=true]) .bp-reward .bp-item-name{width:52px}
.bp-modal .bp-more-rewards{flex:0 0 32px;min-width:32px;width:32px;height:32px;min-height:32px;margin:0;padding:0;align-self:center;font-size:12px;white-space:nowrap}
.bp-reward-details{padding:8px}
.bp-reward-details>.bp-items{max-height:none;overflow:visible;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;gap:12px}
.bp-reward-details .bp-item{width:100px;flex:0 0 100px;min-height:80px}
.bp-modal:not([data-mobile=true]) .bp-titlebar .bp-close{width:32px;height:32px;min-width:32px;min-height:32px;right:0;top:0}
.bp-modal:not([data-mobile=true]) .bp-titlebar .bp-close::before{top:1px;right:6px}
.bp-character-card .bp-character,.bp-premium-art>.bp-character{image-rendering:auto}
.bp-modal:not([data-mobile=true]) .bp-sidebar{border:0;background:transparent}
.bp-modal:not([data-mobile=true]) .bp-character-card{position:relative;isolation:isolate}
.bp-modal:not([data-mobile=true]) .bp-character-card::before{content:none}
/* The fallback occupies a top activity slot without a second caption. */
#bp-activity-launcher .bp-activity-cell>[data-testid=bp-entry]>span{display:none}
#bp-activity-launcher [data-testid=bp-entry]>span{display:none}

.bp-activity-cell.bp-desktop-fallback{position:fixed;top:16px;right:240px;z-index:9;width:42px;height:42px;min-width:42px;min-height:42px;padding:3px;border:0;background:url("battle-pass-assets/native-ui/item-slot.png") center/42px 42px no-repeat;display:flex;align-items:center;justify-content:center;isolation:isolate}
.bp-desktop-fallback>span{display:none}
.bp-desktop-fallback .bp-portrait{width:36px;height:36px;object-fit:contain}
.bp-desktop-fallback:hover{filter:brightness(1.15)}
.bp-desktop-fallback.has-reward .bp-red-dot{display:block}
.bp-desktop-fallback[hidden]{display:none!important}
/* Reserve the full icon plus two name lines; scroll belongs to the reward grid. */
.bp-modal:not([data-mobile=true]) .bp-reward>.bp-items{flex:0 0 72px;height:72px;min-height:72px;padding:0;overflow:hidden;align-items:flex-start}

/* Y5: ordinary desktop activity window. Only its real frame owns pointers.
   The opaque RGB is sampled from original Bitmap1 center (47,41,39,215);
   the byte-exact original nine-slice still supplies its material and borders. */
.bp-modal{z-index:10030;pointer-events:none}
.bp-modal>.bp-frame{pointer-events:auto}
.bp-modal[data-mobile=true]{pointer-events:auto}
.bp-modal::backdrop,.bp-submodal::backdrop{background:transparent;backdrop-filter:none}
.bp-shell,.bp-sub-shell{background-color:#2f2927}
/* Match Bitmap1's transparent rounded corners and omit its one-pixel black
   perimeter. The opaque interior and all original nine-slice art stay intact. */
.bp-shell{clip-path:inset(1px round 7px)}
.bp-task-title{display:block;padding:0;min-width:0;min-height:32px;max-width:100%;border:0;background:none;color:#fcf49c;font:inherit;font-weight:bold;text-align:left;text-decoration:underline;text-underline-offset:2px;cursor:pointer;touch-action:manipulation}
.bp-task-title:hover:not(:disabled){color:#fff4c8}
.bp-task-title:focus-visible{outline:1px solid #ffe195;outline-offset:1px}
.bp-task-title:disabled{cursor:default;text-decoration:none;color:inherit;opacity:1}
/* This local shield is inside the main window, never browser top layer. */
.bp-submodal{position:fixed;inset:auto;pointer-events:auto;overflow:hidden;background:rgba(0,0,0,.18);z-index:2}
.bp-submodal[open]{display:block}
.bp-submodal>.bp-sub-frame{pointer-events:auto}