.cinema{isolation:isolate;color:#eff0f2;background:#020203;place-items:center;min-height:100svh;padding:24px;display:grid;position:relative;overflow:clip}.cinema-atmosphere{z-index:0;pointer-events:none;background:radial-gradient(at 50% 76%,#5c101f26,#0000 57%),radial-gradient(at 50% -30%,#3c435327,#0000 62%);position:absolute;inset:0}.cinema-background-portraits{z-index:1;pointer-events:none;position:absolute;inset:13% 3%}.cinema-ghost{aspect-ratio:.7;width:19%;max-width:270px;transform:translateY(-50%) rotate(var(--ghost-angle));opacity:.38;animation:cinema-ghost-drift 10s ease-in-out var(--ghost-delay) infinite alternate;position:absolute;top:50%;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 16% 67%,#0000);mask-image:linear-gradient(#0000,#000 16% 67%,#0000)}.cinema-ghost img{object-fit:cover;filter:grayscale(.85)brightness(.58);width:100%;height:100%;display:block}.cinema-ghost:after{content:"";background:linear-gradient(#0004,#4b142016 50%,#080207b3);position:absolute;inset:0}.cinema-ghost>span{z-index:1;bottom:21%;text-align:center;color:#c7bbc3;font-size:13px;position:absolute;inset-inline:8px}.cinema-ghost-0{--ghost-angle:-12deg;top:47%;left:0}.cinema-ghost-1{--ghost-angle:-6deg;opacity:.22;top:59%;left:18%}.cinema-ghost-2{--ghost-angle:6deg;opacity:.22;top:44%;right:18%}.cinema-ghost-3{--ghost-angle:12deg;top:51%;right:0}.cinema-profile-entry{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;width:180px;height:180px;transition:transform .22s var(--ease), box-shadow .22s ease;background:#090c12;border:0;border-radius:50%;padding:0;display:block;position:relative;box-shadow:0 0 0 1px #e8f5ff30,0 0 50px #4aade90b}.cinema-profile-entry .avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.cinema-profile-entry .avatar-decoration{pointer-events:none}.cinema-profile-entry:focus-visible{outline-offset:15px;outline:2px solid #d5e6f4}.cinema-profile-entry:active{transform:scale(.98)}.cinema.is-paused .cinema-ghost{animation-play-state:paused}@media (hover:hover) and (pointer:fine){.cinema-profile-entry:hover{transform:scale(1.035);box-shadow:0 0 0 1px #e8f5ff5c,0 0 60px #4aade91c}}@keyframes cinema-ghost-drift{0%{transform:translateY(-52%) rotate(var(--ghost-angle))}to{transform:translateY(-47%) rotate(var(--ghost-angle))}}@media (width<=640px){.cinema-profile-entry{width:150px;height:150px}.cinema-background-portraits{inset:18% 0 15%}.cinema-ghost{opacity:.27;width:33%;height:255px}.cinema-ghost-0{top:45%;left:-16%}.cinema-ghost-1{opacity:.14;top:67%;left:0}.cinema-ghost-2{opacity:.14;top:32%;right:0}.cinema-ghost-3{top:48%;right:-16%}.cinema-ghost>span{display:none}}@media (prefers-reduced-motion:reduce){.cinema *,.cinema :before,.cinema :after{transition:none!important;animation:none!important}}