@font-face{font-family:robert-medium;src:url(/fonts/robert-medium.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:general;src:url(/fonts/general.woff2)format("woff2");font-weight:400;font-style:normal}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#04030a;width:100%;height:100%;overflow:hidden}#infinite-grid-menu-canvas{cursor:grab;outline:none;width:100%;height:100%;position:relative;overflow:hidden}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{z-index:10;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#a78bfa33;border:1px solid #a78bfa80;border-radius:50px;align-items:center;gap:6px;height:50px;padding:0 18px;transition:all .2s;display:flex;position:absolute;left:50%;box-shadow:0 0 14px #a78bfa40}.action-button:hover{background:#a78bfa66;box-shadow:0 0 24px #a78bfa80;transform:translate(-50%)scale(1.12)!important}.face-title{-webkit-user-select:none;user-select:none;color:#fff;text-shadow:0 0 20px #a78bfab3,0 0 40px #a78bfa4d,0 2px 8px #000c;z-index:10;font-family:robert-medium,sans-serif;font-size:2.5rem;font-weight:600;position:absolute;top:50%;left:4rem}.action-button-label{-webkit-user-select:none;user-select:none;letter-spacing:.18em;text-transform:uppercase;color:#a78bfa;margin:0;font-family:general,monospace;font-size:.58rem}.action-button-icon{-webkit-user-select:none;user-select:none;color:#a78bfa;margin:0;font-size:18px;position:relative;top:1px}.face-title{position:absolute;top:50%;transform:translateY(-50%)}.face-title.active{visibility:visible;opacity:1;pointer-events:auto;transition:all .5s;transform:translateY(-50%)}.face-title.inactive{visibility:hidden;pointer-events:none;opacity:0;transition:all .1s}.face-description{-webkit-user-select:none;user-select:none;letter-spacing:.05em;color:#d4d4d8;text-align:right;z-index:10;text-shadow:0 0 16px #a78bfa80,0 2px 8px #000000e6;max-width:25ch;font-family:general,monospace;font-size:1rem;line-height:1.5;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.face-description.active{visibility:visible;opacity:1;pointer-events:auto;transition:all .5s;transform:translateY(-50%)}.face-description.inactive{visibility:hidden;pointer-events:none;opacity:0;transition:all .1s;transform:translate(20px,-50%)}.action-button.active{visibility:visible;opacity:1;pointer-events:auto;transition:all .5s;bottom:8rem;transform:translate(-50%)scale(1)}.action-button.inactive{visibility:hidden;opacity:0;pointer-events:none;transition:all .1s;bottom:-80px;transform:translate(-50%)scale(0)}@media (width<=1024px){.face-title{font-size:1.8rem;left:1rem;transform:translateY(-50%)}.face-description{font-size:.8rem;right:1rem}}@media (width<=768px){.face-title,.face-description,.face-hint{pointer-events:none!important}.face-hint{text-align:center;font-size:.62rem!important;top:calc(12% + 42px)!important;left:50%!important;transform:translate(-50%)!important}.face-title{text-align:center;width:100%;top:12%;bottom:auto;left:50%;transform:translate(-50%)!important}.face-title.active{transform:translate(-50%)!important}.face-title.inactive{transform:translate(-50%,-20px)!important}.face-description{text-align:center;width:90%;top:auto;bottom:28%;right:50%;transform:translate(50%)!important}.face-description.active{transform:translate(50%)!important}.face-description.inactive{transform:translate(50%,20px)!important}.action-button{display:none!important}}.android-cta-button{z-index:12;letter-spacing:.2em;text-transform:uppercase;color:#ddd6fe;cursor:pointer;-webkit-backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;white-space:nowrap;background:#a78bfa26;border:1.5px solid #a78bfa73;border-radius:50px;align-items:center;gap:8px;padding:10px 24px;font-family:general,monospace;font-size:.68rem;transition:opacity .3s,transform .3s,background .2s;display:flex;position:absolute;top:calc(12% + 50px);left:50%;transform:translate(-50%);box-shadow:0 0 20px #a78bfa40}.android-cta-button:active{background:#a78bfa4d}.android-cta-button.active{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .4s .15s,transform .4s .15s;transform:translate(-50%)translateY(0)}.android-cta-button.inactive{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .1s,transform .1s;transform:translate(-50%)translateY(-8px)}.list{width:100%;height:100%;position:relative}.item-wrapper{box-sizing:border-box;will-change:transform, width, height, opacity;cursor:pointer;padding:8px;position:absolute;top:0;left:0}.item-wrapper>.item-img{background-color:#1a1825;background-position:50%;background-size:cover;border:1px solid #a78bfa1a;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 10px 50px -10px #00000080}.skeleton-shimmer{background:linear-gradient(90deg,#a78bfa00 0%,#a78bfa1a 50%,#a78bfa00 100%) 0 0/200% 100%;width:100%;height:100%;animation:2s linear infinite shimmer;position:absolute;top:0;left:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.video-overlay{background-color:#0003;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .3s;display:flex;position:absolute;top:0;left:0}.item-wrapper:hover .video-overlay{background-color:#0006}.play-pill{-webkit-backdrop-filter:blur(8px);background:#a78bfa26;border:1px solid #a78bfa4d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s,background .3s;display:flex;box-shadow:0 8px 32px #0000004d}.item-wrapper:hover .play-pill{background:#a78bfa4d;transform:scale(1.1)}.play-triangle{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:14px solid #fff;width:0;height:0;margin-left:4px}