.special{position:fixed;inset:0;z-index:80;display:grid;place-items:center;opacity:0;transition:opacity .4s ease;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(ellipse 70% 60% at 42% 38%,rgba(106,114,200,.55),transparent 70%),linear-gradient(#141846fa,#0e1033fc)}.special.on{opacity:1}.sp-in{position:relative;width:min(1120px,100%);height:min(700px,100%);display:grid;grid-template-columns:1fr minmax(130px,21%);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"tv anchor" "say say";transform:translateY(14px);transition:transform .5s ease}.special.on .sp-in{transform:none}.sp-bar{position:absolute;z-index:2;left:calc(var(--sx) + 2%);top:calc(var(--sy) + 3.2%);display:flex;align-items:center;gap:.5em;margin:0;padding:.3em .7em .3em .35em;border-radius:8px;background:#0e1033c7;color:var(--cream);font-size:clamp(12px,1.7vw,22px);letter-spacing:.08em}.sp-tag{padding:.1em .5em;border-radius:5px;background:var(--coral);color:#fff;font-weight:700}.sp-live{display:inline-flex;align-items:center;gap:6px;margin-left:4px;font-size:.7em;font-weight:700;color:#ffb4a8}.sp-live:before{content:"";width:.6em;height:.6em;border-radius:50%;background:var(--coral)}.sp-tv{grid-area:tv;position:relative;align-self:center;justify-self:center;width:min(100%,calc((100dvh - 210px) * var(--r,1.685)));transition:filter .6s ease}.sp-rd{display:block;width:100%;height:100%}.special.sp-gift .sp-tv{filter:drop-shadow(0 0 18px rgba(255,213,138,.75))}.sp-guests{position:absolute;left:var(--sx);top:var(--sy);width:var(--sw);height:var(--sh);overflow:hidden;pointer-events:none}.special .sp-g{position:absolute;left:auto;bottom:6%;height:42%;transform:none}.sp-g.l{left:4%}.sp-g.r{right:4%;transform:scaleX(-1)}.special .walker-svg{height:100%;width:auto}.sp-cap{position:absolute;z-index:2;left:var(--sx);width:var(--sw);bottom:calc(100% - var(--sy) - var(--sh) + 1%);margin:0;display:flex;align-items:center;gap:.6em;padding:.45em .9em;background:#0e1033db;color:var(--cream);font-size:clamp(13px,1.9vw,24px);font-weight:700}.sp-cap-tag{padding:.1em .5em;border-radius:4px;background:var(--coral);color:#fff;font-size:.8em}.special .sp-anchor{grid-area:anchor;position:relative;left:auto;bottom:auto;align-self:end;justify-self:center;height:min(48dvh,360px);margin-bottom:-28px;z-index:1;transform:none}.sp-anchor .walker-svg{transform:scaleX(-1)}.sp-anchor.sp-person img{display:block;height:100%;width:auto;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}.special .sp-anchor.sp-person{--ah:min(62dvh,480px);height:var(--ah);justify-self:start;transform:translate(calc(var(--ah)*-.3))}.sp-say{grid-area:say;position:relative;z-index:2;margin:0;min-height:5.2em;padding:22px 26px 20px;border:4px solid #6A72C8;border-radius:20px;background:var(--cream);color:var(--ink);font-size:clamp(17px,2vw,24px);line-height:1.6;cursor:pointer;outline-offset:4px}.sp-who{position:absolute;top:-16px;left:22px;margin:0;padding:2px 14px;border-radius:999px;background:#451f87;color:var(--cream);font-family:var(--hand);font-size:16px}.sp-text{margin:0;white-space:pre-line}.sp-next{position:absolute;right:20px;bottom:10px;color:#6a72c8;font-size:14px;animation:sp-next 1.1s ease-in-out infinite alternate}@keyframes sp-next{to{transform:translateY(4px)}}.sp-acts{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 0}.sp-mute{grid-column:1/-1;justify-self:end;display:inline-flex;align-items:center;gap:8px;margin:10px 4px 0;color:#fff9efcc;font-size:14px;cursor:pointer}.sp-mute input{width:18px;height:18px;accent-color:var(--coral);margin:0}.sp-close{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:#fff9ef24;color:var(--cream);font-size:26px;line-height:1;cursor:pointer}@media(max-width:720px),(max-aspect-ratio:4/5){.sp-in{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"tv" "anchor" "say";height:auto;align-content:center}.sp-tv{width:100%;align-self:start}.special .sp-anchor{justify-self:end;height:min(30dvh,240px);margin:6px 4px -22px 0}.special .sp-anchor.sp-person{--ah:min(34dvh,270px);justify-self:end;margin:calc(var(--ah)*-.6) -24px -22px 0;transform:none}.sp-say{padding:22px 18px 18px}}.sp-beam{mix-blend-mode:screen}.sp-hover{animation:sp-hover 3.4s ease-in-out infinite alternate}@keyframes sp-hover{to{transform:translateY(-10px)}}.special .sp-tv:has(.sp-hover){filter:drop-shadow(0 18px 40px rgba(0,0,0,.35))}@media(prefers-reduced-motion:reduce){.special,.sp-in,.sp-tv{transition:none}.sp-next,.sp-hover{animation:none}}
