/* Two supply cards keep portrait proportions, including wide and landscape screens. */
.reward-choice.reward-vertical[data-choice-kind=supply] .reward-hand{max-width:420px}
/* Use the existing safe area. Noninteractive, short-lived, with no new modal or layout shift. */
.difficulty-banner-host{
 position:absolute;z-index:180;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));
 top:calc(env(safe-area-inset-top,0px) + 12px);pointer-events:none;
}
.difficulty-banner-host:empty{display:none}
.difficulty-banner{
 position:relative;box-sizing:border-box;max-width:440px;margin:0 auto;overflow:hidden;
 padding:12px 16px 13px;border:1px solid #bc866b;border-left:4px solid #e8b482;border-radius:10px;
 color:#fff1de;background:linear-gradient(110deg,#422c29,#332828);box-shadow:0 7px 24px #21181340;
 animation:difficulty-banner-arrive .24s cubic-bezier(.2,.8,.2,1) both,difficulty-banner-leave .22s ease-in 3.58s forwards;
}
.difficulty-banner[data-level="2"]{border-left-color:#eca576}
.difficulty-banner[data-level="3"]{border-left-color:#ed8a72}
.difficulty-banner-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;line-height:16px;color:#e8c3a6;letter-spacing:.08em}
.difficulty-banner-heading b{font-size:12px;letter-spacing:0;color:#ffe5c1}
.difficulty-banner-title{display:block;font-size:20px;line-height:28px;font-weight:750;margin:3px 0 2px;color:#fff1de}
.difficulty-banner-detail{font-size:14px;line-height:21px;margin:0;color:#ffdab4;overflow-wrap:anywhere}
.difficulty-banner-note{font-size:12px;line-height:18px;margin:3px 0 0;color:#e2c9b9;overflow-wrap:anywhere}
.difficulty-banner-edge{position:absolute;left:0;right:0;bottom:0;height:2px;background:#edb987;transform-origin:left;animation:difficulty-banner-time 3.8s linear forwards}
@keyframes difficulty-banner-arrive{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes difficulty-banner-leave{to{opacity:0;transform:translateY(-5px)}}
@keyframes difficulty-banner-time{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.difficulty-banner-still,.difficulty-banner-still .difficulty-banner-edge{animation:none}
body.adventure-mode .difficulty-banner-host,body.runner-mode .difficulty-banner-host,body.pve-card-screen-open .difficulty-banner-host{display:none!important}
@media(prefers-reduced-motion:reduce){.difficulty-banner,.difficulty-banner-edge{animation:none}}