*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}#sponsorCanvas{position:relative;width:100%;height:100%;overflow:hidden}#sponsorScene{position:absolute;transform-origin:0 0}
.sponsor-frame{position:relative;display:flex;flex-direction:column;gap:14px;padding:var(--padding);color:var(--text);background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:0 14px 36px var(--shadow),0 0 28px var(--glow);overflow:hidden;isolation:isolate}
.sponsor-frame::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 12% 0,var(--tint),transparent 70%)}
.sponsor-frame[data-preset="studio"]{border-top-color:var(--accent)}.sponsor-frame[data-preset="glass"]{backdrop-filter:blur(var(--blur));background:linear-gradient(145deg,#ffffff09,transparent 75%),var(--surface)}.sponsor-frame[data-preset="neon"]{border-color:var(--accent);box-shadow:0 0 30px var(--glow),inset 0 0 25px var(--tint),0 14px 36px var(--shadow)}.sponsor-frame[data-preset="split"]{border-left:5px solid var(--accent)}.sponsor-frame[data-preset="minimal"]{background:transparent;border:0;box-shadow:none}.sponsor-frame[data-preset="minimal"]::before{display:none}.sponsor-frame[data-preset="outline"]{background:transparent;border-color:var(--accent)}
.sponsor-frame[data-shape="rectangle"]{border-radius:0}.sponsor-frame[data-shape="pill"]{border-radius:999px;padding-inline:max(var(--padding),40px)}.sponsor-frame[data-shape="angled"]{border-radius:0;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}.sponsor-frame[data-shape="circle"]{border-radius:50%;padding:22%;gap:10px}
.sponsor-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;flex:0 0 auto}.sponsor-header strong{display:flex;align-items:center;gap:8px;min-width:0;font-size:10px;font-weight:600;letter-spacing:.18em;line-height:1.4}.sponsor-header strong span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sponsor-header i{width:5px;height:5px;flex:0 0 auto;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}.sponsor-header small{font-size:9px;font-family:ui-monospace,monospace;letter-spacing:.1em;color:var(--text);opacity:.45;white-space:nowrap}.sponsor-frame[data-layout="vertical"] .sponsor-header{flex-direction:column;align-items:flex-start;gap:7px}
.sponsor-window{position:relative;flex:1;min-height:0;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.sponsor-window[data-mode="scroll"]{justify-content:flex-start;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.sponsor-frame[data-layout="vertical"] .sponsor-window[data-mode="scroll"]{justify-content:center;align-items:flex-start;mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent)}
.sponsor-track{display:flex;align-items:center;flex:0 0 auto;gap:var(--gap);will-change:transform}.sponsor-frame[data-layout="vertical"] .sponsor-track{flex-direction:column}.sponsor-logo{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;flex:0 0 auto;min-width:0;overflow:hidden;border-radius:var(--tile-radius);background:var(--tile);padding:8px}.sponsor-logo img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;transform:scale(var(--logo-scale));transform-origin:center;flex:1;user-select:none}.sponsor-logo figcaption{flex:0 0 auto;max-width:100%;font-size:var(--font-size);line-height:1.4;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sponsor-logo[data-mono="true"] img{filter:grayscale(1) brightness(0) invert(1)}.sponsor-logo[data-error="true"]::after{content:'Logo unavailable';position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#999}.sponsor-logo[data-error="true"] img{visibility:hidden}
.sponsor-single{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.sponsor-single .sponsor-logo{margin:0;max-width:100%;max-height:100%}.sponsor-frame[data-mode="carousel"] .sponsor-window{justify-content:flex-start}.sponsor-frame[data-layout="vertical"][data-mode="carousel"] .sponsor-window{justify-content:center;align-items:flex-start}.sponsor-frame[data-mode="carousel"] .sponsor-track{gap:var(--carousel-gap)}
.sponsor-footer{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0}.sponsor-progress{flex:1;height:2px;border-radius:3px;background:#ffffff12;overflow:hidden}.sponsor-progress i{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left center;transform:scaleX(0)}.sponsor-footer small{flex:0 0 auto;font-size:8px;color:var(--text);opacity:.4;font-family:ui-monospace,monospace}
.sponsor-sheen{position:absolute;inset:-70% auto -70% -60%;width:30%;background:linear-gradient(90deg,transparent,#ffffff07,transparent);transform:rotate(25deg);pointer-events:none;z-index:2;animation:sponsorSheen 11s ease-in-out infinite}.sponsor-frame[data-shape="circle"] .sponsor-header small,.sponsor-frame[data-shape="circle"] .sponsor-footer small{display:none}@keyframes sponsorSheen{0%,65%{left:-60%}95%,100%{left:150%}}
.sponsor-frame[data-mode="carousel"] .sponsor-logo[data-slot="side"]{opacity:.55}.sponsor-frame[data-mode="carousel"] .sponsor-logo[data-slot="center"]{box-shadow:inset 0 -2px var(--accent);background:linear-gradient(0deg,var(--tint),transparent 75%),var(--tile)}
@media(prefers-reduced-motion:reduce){.sponsor-sheen{animation:none;display:none}.sponsor-track{will-change:auto}}