/* A bounded dialog. Only its content scrolls. */
dialog.victory-lightbox[data-experience-celebration][open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;box-sizing:border-box;width:min(1000px,calc(100vw - 24px));height:min(820px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);margin:auto;overflow:hidden;padding:0}
dialog.victory-lightbox[data-experience-celebration]>.victory-lightbox-controls{position:static;height:52px;display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;background:#042b21}
dialog.victory-lightbox[data-experience-celebration]>.victory-lightbox-controls button{margin:4px 10px;flex:none;min-height:44px}
dialog.victory-lightbox[data-experience-celebration]>[data-host]{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding:12px;-webkit-overflow-scrolling:touch}
dialog.victory-lightbox[data-experience-celebration]>.victory-lightbox-next{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;min-width:0;background:#10382a;box-sizing:border-box}
dialog.victory-lightbox[data-experience-celebration]>.victory-lightbox-next>*{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:44px;padding:8px;font:700 12px/1.3 Arial;white-space:normal;text-align:center;overflow-wrap:anywhere;margin:0}
dialog.victory-lightbox[data-experience-celebration] .victory-content{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){
 dialog.victory-lightbox[data-experience-celebration][open]{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:16px}
 dialog.victory-lightbox[data-experience-celebration] .victory-brand{padding:12px 16px}
 dialog.victory-lightbox[data-experience-celebration] .victory-brand img{width:80px}
 dialog.victory-lightbox[data-experience-celebration] .victory-photo{height:220px;background-position:var(--campaign-position)}
 dialog.victory-lightbox[data-experience-celebration] .victory-content{margin:70px 0 0;padding:0 16px 16px}
 dialog.victory-lightbox[data-experience-celebration] h2{font-size:clamp(28px,8vw,42px);line-height:1.05;margin:10px 0}
 dialog.victory-lightbox[data-experience-celebration] .celebration-score{font-size:clamp(60px,19vw,84px);margin:0}
 dialog.victory-lightbox[data-experience-celebration] .victory-total{gap:12px}
 dialog.victory-lightbox[data-experience-celebration] .victory-total>div{padding:0}
 dialog.victory-lightbox[data-experience-celebration] .victory-total b{font-size:18px}
 dialog.victory-lightbox[data-experience-celebration] .victory-total small{margin-top:6px;max-width:140px;font-size:9px}
 dialog.victory-lightbox[data-experience-celebration] .victory-breakdown,dialog.victory-lightbox[data-experience-celebration] .victory-message{font:14px/1.45 Arial}
 dialog.victory-lightbox[data-experience-celebration] .victory-mission{margin:4px 0 10px;padding:5px 10px}
}
@media(max-height:450px){dialog.victory-lightbox[data-experience-celebration] .victory-content{margin:0;padding:12px 20px}dialog.victory-lightbox[data-experience-celebration] .victory-photo{opacity:.2}dialog.victory-lightbox[data-experience-celebration] .victory-signature{display:none}}
/* Intrinsic grid widths must never expand the modal beyond the viewport. */
dialog.victory-lightbox[data-experience-celebration][open]{min-width:0;max-width:calc(100% - 16px);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
dialog.victory-lightbox[data-experience-celebration]>.victory-lightbox-controls{position:absolute;inset:0 0 auto auto;height:52px;width:60px;background:transparent;border:0;z-index:20}
dialog.victory-lightbox[data-experience-celebration]>[data-host]{grid-row:1;width:100%;max-width:100%;overflow-x:hidden}
dialog.victory-lightbox[data-experience-celebration]>.victory-lightbox-next{grid-row:2;max-width:100%}
dialog.victory-lightbox[data-experience-celebration] .completion-celebration{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}
dialog.victory-lightbox[data-experience-celebration] .victory-brand{padding-right:64px;min-height:64px;gap:12px}
dialog.victory-lightbox[data-experience-celebration] .victory-content,dialog.victory-lightbox[data-experience-celebration] .victory-content>*{box-sizing:border-box;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
dialog.victory-lightbox[data-experience-celebration] .celebration-actions{display:flex;flex-wrap:wrap;gap:10px}
dialog.victory-lightbox[data-experience-celebration] .celebration-actions>*{min-width:0;max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}
@media(max-width:760px){
 dialog.victory-lightbox[data-experience-celebration] .victory-brand>span{font-size:8px}
 dialog.victory-lightbox[data-experience-celebration] .victory-content{margin-top:80px;padding:0 18px 18px}
 dialog.victory-lightbox[data-experience-celebration] .victory-breakdown{font-size:13px;line-height:1.5}
 dialog.victory-lightbox[data-experience-celebration] .celebration-actions>*{flex:1 1 100%;width:100%}
}
@media(max-height:450px){
 dialog.victory-lightbox[data-experience-celebration] .victory-brand{min-height:52px;padding-top:8px;padding-bottom:8px}
 dialog.victory-lightbox[data-experience-celebration] .victory-brand img{width:64px}
 dialog.victory-lightbox[data-experience-celebration] .victory-content{margin-top:0;padding:0 16px 16px}
 dialog.victory-lightbox[data-experience-celebration] .victory-photo{height:200px;opacity:.25}
 dialog.victory-lightbox[data-experience-celebration] h2{font-size:26px;line-height:1.05;margin:6px 0}
 dialog.victory-lightbox[data-experience-celebration] .celebration-score{font-size:54px;margin:0}
 dialog.victory-lightbox[data-experience-celebration] .victory-mission{margin:4px 0;padding:3px 8px}
}
