/* Gagzoo core render styles. Shared by the extension and the server share page (copied at build). */
.gzr-root,.gzr-fx{position:absolute;inset:0;transform-origin:50% 50%;pointer-events:none}
/* Items carry z-index 1..n; particles, arrows and the flash must sit above them */
.gzr-fx{overflow:hidden;z-index:900}
.gzr-parts{position:absolute;inset:0}
.gzr-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:901}
.gzr-vignette{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.92) 100%)}
.gzr-tbc{position:absolute;left:4%;bottom:7%;padding:.35em 2.4em .35em .9em;font:italic 700 calc(var(--gzr-u) * 3.4)/1 Georgia,'Times New Roman',serif;color:#3b2a14;background:linear-gradient(#e9cf8f,#c8a45a);clip-path:polygon(0 0,82% 0,100% 50%,82% 100%,0 100%);filter:drop-shadow(0 .1em .1em rgba(0,0,0,.4));white-space:nowrap;animation:gzr-tbc-in .35s cubic-bezier(.2,.9,.3,1) both}
@keyframes gzr-tbc-in{from{transform:translateX(-130%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.gzr-tbc{animation:none !important}}
.gzr-part{position:absolute;left:0;top:0;will-change:transform;line-height:1}

.gzr-it{position:absolute;left:0;top:0;will-change:transform;transform-origin:50% 50%;line-height:normal;direction:ltr}
.gzr-it.gzr-sel{outline:3px dashed #ffd93d;outline-offset:6px;border-radius:12px}
.gzr-sticker{width:calc(var(--gzr-u) * 13)}
.gzr-sticker img{width:100%;display:block;pointer-events:none;filter:drop-shadow(0 calc(var(--gzr-u) * .4) 0 rgba(0,0,0,.25))}
.gzr-gif{width:calc(var(--gzr-u) * 24)}
.gzr-gif img{width:100%;display:block;pointer-events:none;border-radius:calc(var(--gzr-u) * .8);box-shadow:0 calc(var(--gzr-u) * .4) 0 rgba(0,0,0,.25)}
.gzr-prop-shades{width:calc(var(--gzr-u) * 20)}
.gzr-prop-shades svg{width:100%;display:block;pointer-events:none}
.gzr-fb{font-size:calc(var(--gzr-u) * 10.5);line-height:1;display:block;text-align:center}

.gzr-txt{font-size:calc(var(--gzr-u) * 5.5);line-height:1.12;max-width:calc(var(--gzr-u) * 62);width:max-content;text-align:center;white-space:pre-wrap;word-break:break-word;margin:0}
.gzr-st-shout{font-family:'GZ Bangers','GZ Rubik',Impact,sans-serif;font-weight:400;letter-spacing:.03em;color:#ffd93d;
  -webkit-text-stroke:.07em #1d1340;paint-order:stroke fill;text-shadow:.07em .07em 0 #1d1340;font-size:calc(var(--gzr-u) * 7)}
.gzr-st-shout.gzr-he{font-family:'GZ Rubik',sans-serif;font-weight:900}
/* Text over any video frame carries its own contrast (BUG-032, WCAG 1.4.3): a dark outline, or a box with 4.5:1 against
   the fill. OgImageRenderer mirrors these colours: bump OgImageService.Version when they change. */
.gzr-st-bubble{font-family:'GZ Fredoka','GZ Rubik',sans-serif;font-weight:700;color:#d1106e;-webkit-text-stroke:.14em #fff;paint-order:stroke fill;filter:drop-shadow(0 .06em 0 rgba(0,0,0,.35))}
.gzr-st-glow{font-family:'GZ Fredoka','GZ Rubik',sans-serif;font-weight:600;color:#fff;-webkit-text-stroke:.12em #1d1340;paint-order:stroke fill;filter:drop-shadow(0 0 .12em #3db8ff) drop-shadow(0 0 .3em #a64dff)}
.gzr-st-shaky{font-family:'GZ Rubik',sans-serif;font-weight:900;color:#b6ff3b;-webkit-text-stroke:.08em #1d1340;paint-order:stroke fill}
.gzr-st-rainbow{font-family:'GZ Fredoka','GZ Rubik',sans-serif;font-weight:700;
  background:linear-gradient(90deg,#ff4d4d,#ff8a3d,#ffd93d,#3ddc84,#3db8ff,#a64dff,#ff4d4d);background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(max(.05em,1px) 0 0 #0b0618) drop-shadow(min(-.05em,-1px) 0 0 #0b0618) drop-shadow(0 max(.05em,1px) 0 #0b0618) drop-shadow(0 min(-.05em,-1px) 0 #0b0618)}
.gzr-st-speech,.gzr-st-thought{font-family:'GZ Fredoka','GZ Rubik',sans-serif;font-weight:600;color:#1d1340;background:#fff;
  border:.12em solid #1d1340;padding:.35em .6em;border-radius:1em;font-size:calc(var(--gzr-u) * 4.4);position:relative}
.gzr-st-speech::after{content:"";position:absolute;left:18%;bottom:-.62em;width:.9em;height:.9em;background:#fff;
  border-right:.12em solid #1d1340;border-bottom:.12em solid #1d1340;transform:skewX(25deg) rotate(45deg)}
.gzr-st-thought{border-radius:1.4em}
.gzr-st-thought::before,.gzr-st-thought::after{content:"";position:absolute;background:#fff;border:.12em solid #1d1340;border-radius:50%}
.gzr-st-thought::before{width:.6em;height:.6em;left:16%;bottom:-.75em}
.gzr-st-thought::after{width:.35em;height:.35em;left:9%;bottom:-1.25em}

.gzr-st-meme{font-family:'GZ Anton','GZ Rubik',Impact,sans-serif;font-weight:400;text-transform:uppercase;color:#fff;-webkit-text-stroke:.1em #000;paint-order:stroke fill;font-size:calc(var(--gzr-u) * 6.5);letter-spacing:.01em;max-width:calc(var(--gzr-u) * 90)}
.gzr-st-meme.gzr-he{font-family:'GZ Rubik',sans-serif;font-weight:900}
.gzr-st-subtitle{font-family:'GZ Rubik',sans-serif;font-weight:700;color:#ffe14d;-webkit-text-stroke:max(.07em,2.4px) #000;paint-order:stroke fill;font-size:calc(var(--gzr-u) * 4.2);max-width:calc(var(--gzr-u) * 84);text-shadow:0 .05em .12em rgba(0,0,0,.6)}
.gzr-st-news{display:flex;align-items:stretch;width:calc(var(--gzr-u) * 78);max-width:none;font-family:'GZ Rubik',sans-serif;font-weight:900;font-size:calc(var(--gzr-u) * 3.6);text-align:start;background:#fff;color:#111;box-shadow:0 .15em .4em rgba(0,0,0,.45);padding-inline-end:.6em;white-space:nowrap;overflow:hidden;align-items:center;line-height:1}
.gzr-st-news::before{content:attr(data-label);background:#d4001a;color:#fff;padding:.45em .6em;margin-inline-end:.6em;flex:none;align-self:stretch;display:flex;align-items:center}
.gzr-st-slam{font-family:'GZ Rubik',sans-serif;font-weight:900;text-transform:uppercase;color:#ff2d2d;-webkit-text-stroke:.08em #fff;paint-order:stroke fill;text-shadow:.06em .06em 0 #000;font-size:calc(var(--gzr-u) * 8)}
/* Banners */
.gzr-st-ribbon,.gzr-st-sign,.gzr-st-neon,.gzr-st-caution,.gzr-st-sticky{font-size:calc(var(--gzr-u) * 3.6);max-width:calc(var(--gzr-u) * 70)}
.gzr-it:has(> .gzr-st-ribbon){filter:drop-shadow(0 calc(var(--gzr-u) * .4) calc(var(--gzr-u) * .3) rgba(0,0,0,.45))}
.gzr-st-ribbon{font-family:'GZ Rubik',sans-serif;font-weight:900;color:#fff;background:linear-gradient(#d81e2a,#a8121c);padding:.4em 1.6em;clip-path:polygon(0 0,100% 0,95% 50%,100% 100%,0 100%,5% 50%);text-shadow:0 .06em 0 rgba(0,0,0,.35)}
.gzr-st-sign{font-family:'GZ Rubik',sans-serif;font-weight:900;color:#fff8e6;padding:.45em .9em;border:.16em solid #4a2e10;border-radius:.3em;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 .12em,transparent .12em .5em),linear-gradient(#8a5a2b,#6b4420);text-shadow:0 .07em 0 #3d250c;box-shadow:0 .25em .5em rgba(0,0,0,.45)}
.gzr-st-neon{font-family:'GZ Fredoka','GZ Rubik',sans-serif;font-weight:600;color:#fff;padding:.35em .8em;border:.12em solid #ff4fd8;border-radius:.5em;background:rgba(20,0,30,.62);box-shadow:0 0 .35em #ff4fd8,inset 0 0 .35em #ff4fd8;text-shadow:0 0 .1em #fff,0 0 .3em #ff4fd8,0 0 .6em #ff4fd8}
.gzr-st-caution{font-family:'GZ Rubik',sans-serif;font-weight:900;text-transform:uppercase;color:#111;background:#ffd400;padding:.2em .9em;border:.4em solid;border-image:repeating-linear-gradient(45deg,#ffd400 0 .5em,#111 .5em 1em) 1;box-shadow:0 .2em .45em rgba(0,0,0,.4);white-space:nowrap}
.gzr-st-sticky{font-family:'GZ Fredoka','GZ Rubik',sans-serif;font-weight:600;color:#3a2f00;background:linear-gradient(#fff59a,#ffe75a);padding:.8em .9em;min-width:calc(var(--gzr-u) * 14);max-width:calc(var(--gzr-u) * 26);font-size:calc(var(--gzr-u) * 3);border-bottom-right-radius:1.2em .4em;box-shadow:.12em .25em .4em rgba(0,0,0,.35)}
.gzr-snd{font-family:'GZ Bangers','GZ Rubik',Impact,sans-serif;font-size:calc(var(--gzr-u) * 6);color:#fff;-webkit-text-stroke:.07em #1d1340;paint-order:stroke fill;
  padding:.45em .7em;white-space:nowrap;position:relative;z-index:0}
.gzr-snd::before{content:"";position:absolute;inset:0;z-index:-1;background:#ff8a3d;
  clip-path:polygon(50% 0,61% 22%,85% 8%,78% 33%,100% 40%,80% 56%,95% 82%,68% 74%,58% 100%,46% 78%,22% 95%,25% 68%,0 62%,18% 45%,4% 20%,30% 26%)}
.gzr-snd.gzr-he{font-family:'GZ Rubik',sans-serif;font-weight:900}

/* Brand end card (GZCore.EndCard): fills the picture after the video ends */
.gzr-end{position:absolute;inset:0;z-index:2150;background:#5a2ad0 center/cover no-repeat;cursor:pointer;container-type:inline-size;font-family:'GZ Fredoka','GZ Rubik',system-ui,sans-serif}
.gzr-end[hidden]{display:none}
.gzr-end--run{animation:gzr-end-in .35s ease both}
@keyframes gzr-end-in{from{opacity:0}to{opacity:1}}
.gzr-end-cta{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;white-space:nowrap}
.gzr-end-btn{border:0;border-radius:999px;padding:.6em 1.2em;font:700 clamp(12px,2.4cqw,22px) 'GZ Fredoka','GZ Rubik',system-ui,sans-serif;cursor:pointer}
.gzr-end-btn--y{background:#ffd93d;color:#1d1340;box-shadow:0 4px 0 rgba(0,0,0,.3)}
.gzr-end-btn--w{background:rgba(255,255,255,.92);color:#1d1340}
.gzr-end-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.gzr-end-skip{position:absolute;right:3%;top:4%;font-size:clamp(10px,1.8cqw,16px);color:#fff;background:rgba(0,0,0,.45);padding:.35em .8em;border-radius:999px}
.gzr-end-ring{position:absolute;left:3%;top:4%;width:clamp(26px,5cqw,46px);aspect-ratio:1;border-radius:50%;
  background:conic-gradient(#ffd93d 0 var(--gzr-end-p,0%),rgba(255,255,255,.3) 0);-webkit-mask:radial-gradient(circle,transparent 56%,#000 58%);mask:radial-gradient(circle,transparent 56%,#000 58%)}
.gzr-end--run .gzr-end-ring{animation:gzr-end-ring var(--gzr-end-ms,5000ms) linear forwards}
@property --gzr-end-p{syntax:'<percentage>';inherits:false;initial-value:0%}
@keyframes gzr-end-ring{to{--gzr-end-p:100%}}
@media (prefers-reduced-motion:reduce){.gzr-end--run{animation:none}}
