.socials-comic{--social-bg:#160d20;--social-panel:#291a39;--social-ink:#fff7ee;--social-line:#dcc7ff;--social-shadow:#bd8ce1;background:var(--social-bg);color:var(--social-ink);padding:46px 24px 90px;position:relative;overflow:hidden}.light .socials-comic{--social-bg:#fff7ee;--social-panel:#fffaf5;--social-ink:#2d1846;--social-line:#2d1846;--social-shadow:#c694e9}.socials-content{z-index:1;max-width:1300px;margin:0 auto;position:relative}.socials-intro{text-align:center}.socials-label{color:#2d1846;background:#ffc3a1;padding:8px 24px;font-size:clamp(15px,2vw,25px);font-weight:900;line-height:1.1;display:inline-block;transform:rotate(-2deg)skew(-9deg);box-shadow:8px 8px #843eaa}.socials-intro h1{letter-spacing:-.055em;margin:20px 0 28px;font-size:clamp(40px,6vw,82px);font-weight:900;line-height:1.08}.socials-intro h1 em{color:#dcc7ff;text-shadow:5px 6px #6b328f;white-space:nowrap;font-style:italic}.light .socials-intro h1 em{color:#8b55b8;text-shadow:4px 5px #dcc7ff}.socials-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;display:grid}.socials-card{border:4px solid var(--social-line);background:var(--social-panel);min-width:0;min-height:200px;box-shadow:6px 6px 0 var(--social-shadow);color:var(--social-ink);text-align:center;border-radius:24px;flex-direction:column;justify-content:flex-end;align-items:center;padding:10px 6px 16px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.socials-card:hover,.socials-video-card:hover{box-shadow:3px 3px 0 var(--social-shadow);transform:translate(3px,3px)}.socials-card:focus-visible,.socials-video-card:focus-visible,.socials-channel-links a:focus-visible{outline-offset:5px;outline:3px solid #bc87df}.socials-sticker{-o-object-fit:contain;object-fit:contain;width:min(100%,130px);height:125px;margin:auto auto 4px;display:block}.socials-name{color:#ffc3a1;text-transform:uppercase;overflow-wrap:anywhere;font-size:clamp(12px,1.25vw,17px);font-weight:900;line-height:1.05}.light .socials-name{color:#704064}.socials-account{overflow-wrap:anywhere;max-width:100%;margin-top:6px;font-size:clamp(11px,1.1vw,15px);font-weight:750;line-height:1.15;display:block}.socials-divider{color:var(--social-ink);align-items:center;gap:14px;margin:44px 0 22px;display:flex}.socials-divider:before,.socials-divider:after{content:"";background:#c694e9;border-radius:5px;flex:1;height:4px}.socials-divider span{font-size:38px;line-height:1}.socials-video-heading{text-align:center;margin-bottom:28px}.socials-video-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(38px,5.8vw,72px);font-weight:900;line-height:1.05}.socials-video-heading h2 em{color:#bde8ce;text-shadow:3px 4px #416a5b;font-style:italic}.light .socials-video-heading h2 em{color:#437e62;text-shadow:3px 4px #bde8ce}.socials-video-heading p{margin:5px 0 0;font-size:clamp(16px,1.8vw,23px);font-weight:750;line-height:1.3}.socials-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.socials-video-card{min-width:0;color:var(--social-ink);background:var(--social-panel);border:4px solid var(--social-line);box-shadow:7px 7px 0 var(--social-shadow);border-radius:23px;flex-direction:column;padding:8px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.socials-thumbnail{aspect-ratio:16/9;background:#160d20;border-radius:12px;position:relative;overflow:hidden}.socials-thumbnail img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.socials-play{color:#2d1846;background:#dcc7ff;border:4px solid #2d1846;border-radius:50%;place-items:center;width:58px;height:58px;margin:auto;display:grid;position:absolute;inset:0}.socials-play svg{width:25px;height:25px;margin-left:3px}.socials-video-body{flex-direction:column;flex:1;align-items:flex-start;padding:10px 10px 3px;display:flex}.socials-channel{color:#2d1846;background:#ffc3a1;border-radius:4px;max-width:100%;padding:3px 15px;font-size:14px;font-weight:900;line-height:1.2;display:inline-block;transform:skew(-9deg)}.socials-channel-mari{background:#bde8ce}.socials-video-body h3{letter-spacing:-.025em;margin:8px 0;font-size:clamp(18px,1.65vw,24px);font-weight:900;line-height:1.12}.socials-video-body p{opacity:.8;margin:auto 0 0;padding-top:4px;font-size:15px}.socials-status{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:36px 0;display:flex}.socials-spinner{animation:1s linear infinite socials-spin}@keyframes socials-spin{to{transform:rotate(360deg)}}.socials-channel-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.socials-channel-links a{border:2px solid var(--social-line);color:var(--social-ink);background:var(--social-panel);border-radius:12px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.socials-dots{pointer-events:none;opacity:.75;background-image:radial-gradient(#c694e9 3px,#0000 3.5px);background-size:17px 17px;width:200px;height:150px;position:absolute}.socials-dots-top{top:-25px;left:-25px;-webkit-mask-image:radial-gradient(at 0 0,#000 25%,#0000 72%);mask-image:radial-gradient(at 0 0,#000 25%,#0000 72%)}.socials-dots-bottom{bottom:-25px;right:-25px;-webkit-mask-image:radial-gradient(at 100% 100%,#000 25%,#0000 72%);mask-image:radial-gradient(at 100% 100%,#000 25%,#0000 72%)}.socials-spark{font-size:40px;line-height:1;position:absolute}.socials-spark-top{top:30px;right:3%}.socials-spark-bottom{bottom:30px;left:2%}@media (width<=1100px){.socials-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.socials-name{font-size:16px}.socials-account{font-size:14px}}@media (width<=850px){.socials-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.socials-comic{padding:42px 18px 75px}.socials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.socials-card{min-height:190px}.socials-video-grid{grid-template-columns:1fr}.socials-intro h1{margin-bottom:25px}.socials-divider{margin-top:36px}.socials-dots{width:115px;height:100px}.socials-spark-top{font-size:28px;top:15px}}@media (prefers-reduced-motion:reduce){.socials-card,.socials-video-card{transition:none}}
