/* Text stays in the normal layout; artwork, reels and bounded effects keep their masks. */
:where(h1,h2,h3,h4,h5,p,small,label,legend,summary,blockquote,dt,dd,code){overflow-wrap:anywhere}
:where(.button,.text-button,.hub-badge,.invoice-status,.profile-catalog-choice){white-space:normal;overflow-wrap:anywhere;line-height:1.5;max-width:100%}
.button{height:auto;flex-shrink:0}.button>.icon{flex-shrink:0}
:is(.hub-actions,.invoice-toolbar,.invoice-heading,.invoice-due,.invoice-card>div:first-child,.invoice-submissions article>div:first-child,.review-section-head,.section-heading){flex-wrap:wrap}
:is(.activity-row,.coupon-card,.notification-item,.chat-message,.case-message,.service-card,.account-card,.reward-card,.booster-summary,.booster-detail-bio,.hub-form,.profile-wizard-content,.profile-wizard-preview,.invoice-fact,.invoice-parties)>:not(img):not(svg){min-width:0}
:is(.activity-row,.invoice-card-bottom,.chat-tabs,.review-controls){flex-wrap:wrap}
.activity-row>div{flex:1 1 180px}.activity-row>span{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.hub-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-meta dt,.hub-meta dd,.invoice-fact,.invoice-fact strong{min-width:0;max-width:100%}
.booster-service-summary .booster-rank-end strong{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;max-width:none;padding:2px 3px 2px 0}
.booster-rank{min-width:0;max-width:100%;white-space:normal}.booster-rank-end{min-width:0}.booster-rank-end .cod-rank-icon{flex-shrink:0}.booster-rank-end strong{line-height:1.45;padding-block:2px}
.booster-summary h2,.booster-detail-heading h1,.hub-profile-preview-name{line-height:1.3;padding:2px 3px 3px 0;overflow-wrap:anywhere}
.booster-banner-stat{flex-basis:max(25%,220px);min-width:0;max-width:100%;padding:22px}
.booster-banner-stat .booster-completed-stat{width:100%;min-width:0;grid-template-columns:45px minmax(0,1fr);overflow:visible;gap:14px;padding:5px 4px;align-items:center}
.booster-completed-stat>div{min-width:0;max-width:100%;gap:5px}.booster-completed-stat strong{line-height:1.15;overflow-wrap:anywhere}
.booster-banner-stat .booster-completed-stat>div>span{max-width:none;padding:2px 4px 3px 0;line-height:1.6;white-space:normal;overflow:visible;font-size:12px}
.booster-banner-stat .completed-verified{right:2px;top:0}.booster-banner-stat .booster-completed-stat strong{font-size:clamp(28px,3.4vw,48px);padding-right:20px}
.profile-wizard-steps{grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}.profile-wizard-steps button span{display:block}.profile-wizard-steps button{min-width:0;overflow-wrap:anywhere}
.profile-wizard-footer{flex-wrap:wrap}.profile-wizard-footer>button{max-width:100%}
.profile-unlocks,.case-price,.invoice-stats,.case-plan-grid{min-width:0}.case-price>span,.invoice-stat{min-width:0}.case-price strong,.invoice-stat strong,.account-card>strong,.invoice-amount>strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.profile-rich-editor,.booster-rich{overflow-wrap:anywhere}.booster-rich :is(p,li,h2,h3,h4){max-width:100%}
.live-drop>div{min-width:0}.live-drop span{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.5}
/* Fixed header slots remain stable while their copy can wrap. */
.header-user{height:78px;min-height:78px}.header-user-copy{min-width:0;overflow:visible}
#header-account .header-user-copy>span:not(.booster-badge),.header .header-user-copy>span:not(.booster-badge){white-space:normal;overflow:visible;text-overflow:clip;max-width:100%;overflow-wrap:anywhere;font-size:11px;line-height:1.35}
#header-account .header-user-copy>small,.header .header-user-copy>small{white-space:normal;overflow:visible;text-overflow:clip;max-width:100%;font-size:9px;line-height:1.4;overflow-wrap:anywhere}
.header .header-user-copy>.booster-badge{line-height:1.45;padding-block:2px;max-width:100%;white-space:normal}
.live-presence{overflow:visible}.live-presence span{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4}
.daily-menu-toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;font:inherit;cursor:pointer}.daily-menu-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0}
.daily-menu-toggle:focus-visible{outline:2px solid #55a8fa;outline-offset:5px;border-radius:6px}.daily-menu .nav-link{display:flex;align-items:center;gap:10px;white-space:normal}.daily-menu .nav-link svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8}
.inventory-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:40px 0 28px}.inventory-heading h1{font:700 clamp(34px,4vw,56px)/1.2 var(--display);margin:15px 0}.inventory-heading p{color:#6882a5;line-height:1.7;font-size:14px;max-width:650px}.inventory-stats{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 26px}.inventory-stats>span{display:grid;gap:7px;border:1px solid #cfdef8;border-radius:16px;padding:17px 22px;background:linear-gradient(130deg,#fff,#eef5ff);color:#647d9f;font-size:12px}.inventory-stats strong{font-size:25px;color:#4362bc;overflow-wrap:anywhere}.inventory-empty{border:1px dashed #b8ccee;border-radius:24px;padding:40px 24px;text-align:center;background:#f5faff}.inventory-empty svg{width:48px;height:48px;fill:none;stroke:#7b9eca;stroke-width:1.6}.inventory-empty h2{font-size:24px}.inventory-empty p{color:#6f85a6;line-height:1.8}.inventory-error{border-color:#e2a7b5}.inventory-error p{overflow-wrap:anywhere}
#view-inventory .case-inventory{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px}#view-inventory .case-inventory article{display:grid;grid-template-columns:86px minmax(0,1fr);gap:18px;padding:25px;background:linear-gradient(145deg,#fff,#edf6ff 60%,#f0ebff);border:1px solid #c9dafa;border-radius:24px;min-width:0}#view-inventory .case-inventory article>img{width:86px;height:86px;object-fit:contain}#view-inventory .case-inventory-copy{min-width:0}#view-inventory .case-inventory-copy strong{display:block;font-size:21px;line-height:1.4}#view-inventory .case-inventory-copy p{line-height:1.6;margin:9px 0}#view-inventory .case-open-controls{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap}#view-inventory .case-open-controls label{min-width:120px;flex:1;display:grid;gap:9px;color:#627c9f;font-size:12px}#view-inventory .case-open-controls select{width:100%;min-height:46px;padding:11px 14px;border:1px solid #c8d9f5;border-radius:12px;background:#fff;color:#294b78;font:inherit}#view-inventory .case-open-controls .button{min-height:46px}.inventory-case-kind{color:#6e87ae;font-size:11px}
@media(max-width:800px){.booster-detail-heading{flex-wrap:wrap}.booster-banner-stat{flex-basis:100%}.booster-banner-stat .booster-completed-stat{display:grid;grid-template-columns:45px minmax(0,1fr);max-width:280px}.booster-banner-stat .booster-completed-stat strong{font-size:38px}.inventory-heading{align-items:start;flex-direction:column}.inventory-heading .button{align-self:start}}
@media(max-width:700px){.header .header-inner{grid-template-rows:156px 42px;min-height:198px}.header-user{height:72px;min-height:72px}.header .header-user-copy>span:not(.booster-badge){font-size:10px}.header .header-user-copy>small{font-size:8px}.profile-wizard-steps{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.profile-wizard-steps button{font-size:10px}.invoice-filters{flex-wrap:wrap}.inventory-heading{padding-top:26px}}
@media(max-width:450px){.hub-meta{grid-template-columns:minmax(0,1fr)}.booster-rank{gap:8px}.booster-rank-end{flex-wrap:wrap}.profile-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-style-grid label{min-width:0}.profile-wizard-footer .button{flex:1 1 120px}.case-price{grid-template-columns:1fr}.inventory-stats>span{flex:1;min-width:0;padding:14px}#view-inventory .case-inventory article{padding:20px;grid-template-columns:66px minmax(0,1fr);gap:14px}#view-inventory .case-inventory article>img{width:66px;height:66px}#view-inventory .case-open-controls .button{flex:1 1 100px}.live-drop{max-width:calc(100vw - 32px)}}

#view-inventory .case-inventory article{border-top:3px solid var(--case-color)}.public-header{height:auto;min-height:96px}.public-header nav{flex-shrink:0}.public-header-actions{min-width:0}@media(min-width:561px) and (max-width:1100px){.public-header{flex-wrap:wrap;gap:14px 20px;padding-top:14px;padding-bottom:14px}.public-header nav{margin-left:auto}.public-header-actions{margin-left:auto}}@media(max-width:560px){.public-header{min-height:76px}}

@media(min-width:701px) and (max-width:1100px){.header .header-user{width:178px;max-width:178px;height:84px;min-height:84px}.header .header-inner{grid-template-rows:90px 48px;min-height:138px}.header .header-user-copy>span:not(.booster-badge){font-size:10px;line-height:1.3}.header .header-user-copy>small{font-size:8px;line-height:1.4}.header .header-user-copy{gap:1px}}
