.ss{--ss-radius:clamp(18px,3.5cqw,28px);--ss-surface:radial-gradient(120% 95% at 50% 0%,#1a2f55 0%,#0e1b33 46%,#070b1a 100%);--ss-border:rgba(0,212,255,.16);--ss-shadow:none;--ss-haze:rgba(0,212,255,.2);--ss-pool:rgba(0,255,191,.18);position:relative;width:100%;margin-inline:auto;container-type:inline-size;isolation:isolate;overflow:hidden;border-radius:var(--ss-radius);background:var(--ss-surface);box-shadow:inset 0 0 0 1px var(--ss-border),var(--ss-shadow);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ss[data-theme=light],[data-theme=light] .ss{--ss-border:rgba(14,27,51,.14);--ss-shadow:0 28px 56px -24px rgba(14,27,51,.5),0 3px 8px rgba(14,27,51,.12)}.ss-hero{aspect-ratio:16/9;width:min(100%,calc((100svh - var(--ss-reserve, 160px)) * 16 / 9))}.ss-compact{aspect-ratio:1600/686}.ss-only-narrow{display:none}@media (max-width:640px){.ss-compact,.ss-hero{aspect-ratio:3/2}.ss-hero{width:min(100%,calc((100svh - var(--ss-reserve, 160px)) * 3 / 2))}.ss-only-wide{display:none}.ss-only-narrow{display:inline}}.ss:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 26% at 50% 96%,var(--ss-pool) 0,rgba(0,255,191,0) 72%),radial-gradient(ellipse 62% 56% at 50% 44%,var(--ss-haze) 0,rgba(0,212,255,0) 76%)}.ss-poster,.ss:before{position:absolute;inset:0}.ss-poster{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ss-canvas{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1)}.ss[data-live] .ss-canvas{opacity:1}.ss[data-live] .ss-poster{opacity:0;transition:opacity 0s linear .6s}.ss[data-live] .ss-tag-poster{opacity:0}.ss-tag{position:absolute;left:0;top:0;z-index:2;white-space:nowrap;pointer-events:none;padding:2px 9px;border-radius:999px;background:rgba(7,11,26,.9);border:1px solid rgba(0,255,191,.7);color:#f0f0f8;font-family:var(--font-dm-sans),ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:clamp(11px,2.1cqw,13px);line-height:1.35}.ss-canvas .ss-tag{will-change:transform;transition:opacity .2s ease}.ss-tag-poster{transition:opacity .3s ease}.ss-city{position:absolute;left:3cqw;bottom:3cqw;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px;border-radius:999px;background:rgba(14,27,51,.88);border:1px solid rgba(0,212,255,.35);color:#f0f0f8;font-family:var(--font-dm-sans),ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:.8125rem;line-height:1.4;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-city svg{color:#00d4ff;flex:none}@media (prefers-reduced-motion:reduce){.ss-canvas,.ss-canvas .ss-tag,.ss-tag-poster{transition:none}}