/* Isolated from legacy dialog/worker theme rules. No inline styles under CSP. */
body dialog.workshop-reward{box-sizing:border-box;width:min(520px,calc(100% - 28px));max-width:520px;max-height:calc(100dvh - 32px);padding:32px 26px 24px;border:2px ridge #bc9955;border-radius:9px;background:radial-gradient(ellipse at top,#4b402b,#1b241e 75%);color:#f5e2b7;box-shadow:0 15px 65px #0008;overflow:auto;text-align:center;margin:auto}
body dialog.workshop-reward::backdrop{background:#131a15b8;backdrop-filter:blur(3px)}
body dialog.workshop-reward .reward-scroll{position:relative;padding:24px 22px;margin:8px 5px 28px;background:linear-gradient(90deg,#d2b476,#fff0c8 12%,#fff0c8 88%,#d2b476);border-left:1px solid #947034;border-right:1px solid #947034;color:#402c13;box-shadow:0 10px 25px #0005;transform-origin:top;animation:crm-reward-unroll .7s ease-out both}
body dialog.workshop-reward .reward-scroll:before,body dialog.workshop-reward .reward-scroll:after{content:'';position:absolute;left:-8px;right:-8px;height:12px;border:1px solid #7c5c2c;border-radius:7px;background:linear-gradient(#ffedb7,#b68d45,#e7cc93)}
body dialog.workshop-reward .reward-scroll:before{top:-6px}body dialog.workshop-reward .reward-scroll:after{bottom:-6px}
body dialog.workshop-reward .reward-scroll h2{font:700 25px/1.3 Georgia,serif!important;color:#35230e!important;text-shadow:none!important;margin:8px 0 16px!important;padding:0!important;clear:none!important}
body dialog.workshop-reward .reward-scroll .reward-quote{font:600 20px/1.5 Georgia,serif!important;color:#402c13!important;text-shadow:none!important;margin:0 0 15px!important;overflow-wrap:anywhere}
body dialog.workshop-reward .reward-scroll .reward-context{font:600 13px/1.5 Arial,sans-serif!important;color:#59401f!important;text-shadow:none!important;margin:12px 0 0!important;overflow-wrap:anywhere}
body dialog.workshop-reward .reward-scroll .reward-caption{font:13px/1.5 Arial,sans-serif!important;color:#59401f!important;border-top:1px solid #b69b62;padding-top:12px;margin-top:12px;text-shadow:none!important}
body dialog.workshop-reward .reward-symbol{font:32px/1 Georgia,serif;display:block;color:#6c4717;margin-bottom:10px}
body dialog.workshop-reward .reward-banner-wrap{position:relative;padding:26px 20px 60px;margin:0 auto 24px;width:100%;background:linear-gradient(90deg,#253c2d,#456348,#253c2d);border-top:6px ridge #e0bd73;clip-path:polygon(0 0,100% 0,100% 100%,50% 91%,0 100%);box-shadow:inset 10px 0 #b6975344,inset -10px 0 #b6975344;animation:crm-reward-banner .85s cubic-bezier(.22,.72,.2,1) both}
body dialog.workshop-reward .reward-banner-wrap .reward-symbol{color:#f5d487;font-size:56px}
body dialog.workshop-reward .reward-banner-wrap h2{font:28px/1.2 Georgia,serif!important;color:#ffe7a0!important;margin:12px 0!important;padding:0!important;text-shadow:0 2px 4px #0007!important;clear:none!important}
body dialog.workshop-reward .reward-banner-wrap .reward-quote{color:#ffe7a0!important;font:700 23px/1.4 Georgia,serif!important;margin:12px 0!important}
body dialog.workshop-reward .reward-banner-wrap .reward-context,body dialog.workshop-reward .reward-banner-wrap .reward-caption{color:#f3dfb5!important;font:14px/1.5 Arial,sans-serif!important;margin:12px 0!important;overflow-wrap:anywhere}
body dialog.workshop-reward button.reward-continue{width:auto!important;max-width:100%;min-height:48px;padding:12px 20px!important;border:2px solid #c49c50!important;border-radius:5px;color:#ffe6a7!important;background:linear-gradient(#445035,#203022)!important;box-shadow:inset 0 0 0 3px #182318,inset 0 0 0 4px #907744,0 5px 10px #0006!important;font:600 15px/1.4 Arial,sans-serif!important;white-space:normal;text-shadow:0 1px #111}
body dialog.workshop-reward button.reward-continue:hover{filter:brightness(1.15)}body dialog.workshop-reward button.reward-continue:focus-visible{outline:3px solid #edbd52;outline-offset:4px}
@keyframes crm-reward-unroll{from{transform:scaleY(.06);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes crm-reward-banner{from{transform:translateY(-80px) scaleY(.6);opacity:0}75%{transform:translateY(5px);opacity:1}to{transform:none;opacity:1}}
@media(max-width:600px){body dialog.workshop-reward{padding:25px 14px 20px}body dialog.workshop-reward .reward-scroll{padding:22px 14px}body dialog.workshop-reward .reward-scroll h2{font-size:22px!important}body dialog.workshop-reward .reward-scroll .reward-quote{font-size:18px!important}body dialog.workshop-reward .reward-banner-wrap h2{font-size:25px!important}}
@media(prefers-reduced-motion:reduce){body dialog.workshop-reward *{animation:none!important;transition:none!important}}