.halloween-decor{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.halloween-glow{background:radial-gradient(50% 60% at 18% 100%,#ff7a1238,#0000 70%),radial-gradient(50% 60% at 82% 100%,#7a30c83d,#0000 70%);height:45vh;position:absolute;inset:auto -10% -18%}.halloween-cobweb{color:#ffffff38;width:clamp(80px,12vw,170px);position:absolute;top:0}.halloween-cobweb--left{left:0}.halloween-cobweb--right{right:0;transform:scaleX(-1)}.halloween-spider{color:#140a1ee6;animation:6s ease-in-out infinite halloween-spider}.halloween-spider-thread{animation:6s ease-in-out infinite halloween-thread}@keyframes halloween-spider{0%,to{transform:translateY(-28px)}50%{transform:translateY(0)}}@keyframes halloween-thread{0%,to{stroke-dasharray:12 40}50%{stroke-dasharray:40 0}}.halloween-bat{color:#120a1c;filter:drop-shadow(0 0 6px #ff8c2859);offset-rotate:0deg;width:46px;animation:22s linear infinite halloween-bat-fly,.32s ease-in-out infinite alternate halloween-bat-flap;position:absolute;left:0}.halloween-bat--1{animation-delay:-3s,0s;top:14vh}.halloween-bat--2{width:30px;animation-duration:30s,.26s;animation-delay:-17s,-.1s;top:32vh}.halloween-bat--3{width:24px;animation-duration:26s,.22s;animation-delay:-9s,-.05s;top:8vh}@keyframes halloween-bat-fly{0%{transform:translate(-10vw)}25%{transform:translate(25vw,-4vh)}50%{transform:translate(55vw,3vh)}75%{transform:translate(85vw,-3vh)}to{transform:translate(115vw,1vh)}}@keyframes halloween-bat-flap{0%{scale:1}to{scale:1 .45}}.halloween-corner-pumpkin{filter:drop-shadow(0 0 18px #ff8c1e73);width:clamp(44px,6vw,80px);animation:4s ease-in-out infinite halloween-bob;position:absolute;bottom:12px}.halloween-corner-pumpkin--left{left:14px}.halloween-corner-pumpkin--right{animation-delay:-2s;right:14px}@keyframes halloween-bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-6px)rotate(4deg)}}.halloween-pumpkin-glow{animation:2.4s step-end infinite halloween-flicker}@keyframes halloween-flicker{0%,to{opacity:.95}12%{opacity:.55}18%{opacity:1}47%{opacity:.7}52%{opacity:.95}80%{opacity:.6}}.halloween-modal-backdrop{z-index:60;background:#08030eb8;place-items:center;padding:1rem;animation:.25s ease-out halloween-fade;display:grid;position:fixed;inset:0}.halloween-modal{text-align:left;background:#2b1052;border:3px solid #8a4fd8;border-radius:24px;width:100%;max-width:560px;max-height:calc(100dvh - 2rem);animation:.35s cubic-bezier(.16,1,.3,1) halloween-pop;position:relative;overflow:auto;box-shadow:0 6px #24093f,0 14px 28px #0c041a80}.halloween-modal-close{z-index:1;color:#fff;background:linear-gradient(#946bff,#6339df);border:3px solid #fff;border-radius:12px;place-items:center;width:2.25rem;height:2.25rem;transition:transform .15s,box-shadow .15s;display:grid;position:absolute;top:.7rem;right:.7rem;box-shadow:0 4px #4420ae,inset 0 2px #fff6}.halloween-modal-close:hover{transform:translateY(-2px);box-shadow:0 6px #4420ae,inset 0 2px #fff6}.halloween-modal-close:active{transform:translateY(2px);box-shadow:0 2px #4420ae,inset 0 2px #fff6}.halloween-modal-video{aspect-ratio:16/9;object-fit:cover;background:#1c0a33;border-bottom:3px solid #8a4fd8;width:100%;display:block}.halloween-modal-copy{color:#fff;flex-direction:column;align-items:flex-start;gap:.65rem;padding:1.25rem 1.5rem 1.6rem;display:flex}.halloween-modal-eyebrow{color:#ffd8a8;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#5b2aa0,#36166b);border:2px solid #9b6cff;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.72rem;font-weight:900;display:inline-flex;box-shadow:inset 0 2px #ffffff26,0 3px #1c0a33}.halloween-modal-eyebrow-icon{width:1rem;height:1rem}.halloween-modal-title{background:linear-gradient(#ffe066,#ff8a1f);color:#0000;filter:drop-shadow(2px 0 #3a1060)drop-shadow(-2px 0 #3a1060)drop-shadow(0 -2px #3a1060)drop-shadow(0 3px #3a1060);-webkit-background-clip:text;background-clip:text;font-family:Lilita One,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:400;line-height:1.05}.halloween-modal-text{color:#e6dcff;font-size:.92rem;font-weight:600;line-height:1.45}.halloween-modal-text strong{color:#ffd84a}.halloween-modal-cta{color:#7a1d00;background:linear-gradient(#ffe36a,#ffad2a);border:3px solid #fff1a6;border-radius:16px;margin-top:.4rem;padding:.7rem 1.5rem;font-family:Lilita One,sans-serif;font-size:1.25rem;font-weight:400;line-height:1;transition:transform .15s,box-shadow .15s;box-shadow:inset 0 3px #fff8cc,0 5px #b4530a}.halloween-modal-cta:hover{transform:translateY(-2px);box-shadow:inset 0 3px #fff8cc,0 7px #b4530a}.halloween-modal-cta:active{transform:translateY(3px);box-shadow:inset 0 3px #fff8cc,0 2px #b4530a}@keyframes halloween-fade{0%{opacity:0}}@keyframes halloween-pop{0%{opacity:0;transform:translateY(16px)scale(.96)}}.halloween-title-pumpkin{filter:drop-shadow(0 0 12px #ff8c1e80);flex:none;width:2.6rem;animation:4s ease-in-out infinite halloween-bob}@media (prefers-reduced-motion:reduce){.halloween-decor *,.halloween-title-pumpkin,.halloween-modal,.halloween-modal-backdrop{animation:none!important}.halloween-bat{display:none}}.home-page{--home-enter-ease:cubic-bezier(.16, 1, .3, 1)}.home-solo-filmstrip{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.home-page .comic-line-wrap{opacity:1;animation:none}.home-hero:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(#ffe8b526,#c8a5ff12 40%,#0000 70%);position:absolute;inset:-40% -30%}.home-page--enter>header{animation:home-detail-in .48s var(--home-enter-ease) backwards}.home-page--enter .home-hero:before{animation:1.1s ease-out 80ms backwards home-light-bloom}.home-page--enter .home-hero .comic-line-wrap{animation:home-title-in .72s 60ms var(--home-enter-ease) backwards}.home-page--enter .home-hero .comic-line-wrap+.comic-line-wrap{animation-delay:.15s}.home-page--enter .comic-subtitle{animation:home-detail-in .56s .23s var(--home-enter-ease) backwards}.home-page .play-card-solo{--home-card-delay:.26s;--home-card-tilt:-.65deg}.home-page .play-card-multi{--home-card-delay:.34s;--home-card-tilt:.55deg}.home-page .play-card-creator{--home-card-delay:.42s;--home-card-tilt:-.45deg}.home-page--enter .home-feature-card{animation:home-card-in .66s var(--home-card-delay) var(--home-enter-ease) backwards}.home-page--enter .home-feature-mascot img,.home-page--enter .home-feature-film-box{animation:home-art-in .68s calc(var(--home-card-delay) + 90ms) var(--home-enter-ease) backwards}.home-page--enter .play-card-inner:after{content:"";inset-block:-30%;z-index:3;pointer-events:none;opacity:0;width:42%;animation:home-card-light .76s calc(var(--home-card-delay) + .18s) cubic-bezier(.3, 0, .2, 1) backwards;background:linear-gradient(90deg,#0000,#ffffff08 25%,#ffffff24 50%,#ffffff08 75%,#0000);position:absolute;left:-45%}.home-page--enter .home-pack-sources{animation:home-detail-in .56s .56s var(--home-enter-ease) backwards}.home-page--enter .home-socials{animation:home-detail-in .48s .62s var(--home-enter-ease) backwards}@keyframes home-title-in{0%{opacity:0;translate:0 16px;scale:.98}to{opacity:1;translate:0;scale:1}}@keyframes home-detail-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes home-card-in{0%{opacity:0;translate:0 22px;scale:.985;rotate:var(--home-card-tilt)}to{opacity:1;translate:0;rotate:0deg;scale:1}}@keyframes home-art-in{0%{opacity:.4;translate:0 9px;scale:.97}to{opacity:1;translate:0;scale:1}}@keyframes home-light-bloom{0%{opacity:0;scale:.88}35%{opacity:1}to{opacity:0;scale:1.12}}@keyframes home-card-light{0%{opacity:0;transform:translate(0)skew(-18deg)}25%{opacity:.85}to{opacity:0;transform:translate(380%)skew(-18deg)}}@media (prefers-reduced-motion:reduce){.home-page--enter>header,.home-page--enter .home-hero:before,.home-page--enter .home-hero .comic-line-wrap,.home-page--enter .comic-subtitle,.home-page--enter .home-feature-card,.home-page--enter .home-feature-mascot img,.home-page--enter .home-feature-film-box,.home-page--enter .play-card-inner:after,.home-page--enter .home-pack-sources,.home-page--enter .home-socials{animation:none}}.discover-btn{cursor:pointer;letter-spacing:.05em;color:#3a2405;text-shadow:0 1px #ffffff73;background:linear-gradient(#ffe27a 0%,#ffd54a 35%,#ffa726 70%,#ff8c1a 100%);border:3px solid #1a1240;font-family:Lilita One,"Baloo 2",ui-sans-serif,system-ui,sans-serif;font-style:italic;transition:transform .15s,box-shadow .15s,filter .15s;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 4px #1a1240,0 7px 14px #040a1480,inset 0 2px #ffffff80,inset 0 -3px #0000001f}.discover-btn:hover{filter:brightness(1.05);transform:rotate(-2deg)translateY(-2px)scale(1.06);box-shadow:0 6px #1a1240,0 11px 22px #040a148c,inset 0 2px #ffffff8c,inset 0 -3px #0000001f}.discover-btn:active{transform:rotate(-2deg)translateY(2px)scale(.99);box-shadow:0 1px #1a1240,0 3px 8px #040a1473,inset 0 2px #fff6,inset 0 -3px #00000026}.discover-btn-shine{pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff47 45%,#fff9 50%,#ffffff47 55%,#0000 70%) 150% 0/220% 100%;animation:2.4s ease-in-out infinite discover-shine;position:absolute;inset:-3px}.discover-btn-icon{filter:drop-shadow(0 1px 1px #00000040)}@keyframes discover-shine{0%{background-position:150% 0}55%{background-position:-60% 0}to{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){.discover-btn{transition:none;transform:rotate(-2deg)}.discover-btn-shine{animation:none;display:none}}.friends-opener{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#8b5cf6;border:2px solid #6d28d9;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 10px;transition:background .15s,transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 3px #6d28d9,0 6px 12px #8b5cf64d}.friends-opener-icon{object-fit:contain;flex-shrink:0;width:28px;height:28px}.friends-opener-label{text-transform:uppercase;letter-spacing:.025em;text-shadow:0 2px #6d28d9;font-family:Lilita One,"Baloo 2",ui-sans-serif,system-ui,sans-serif;font-size:14px;font-style:normal;line-height:1}.friends-opener:hover{background:#a78bfa;transform:translateY(-1px)}.friends-opener:active{box-shadow:none;transform:translateY(2px)}.friends-badge{color:#fff;background:#f03450;border:2px solid #fff6d8;border-radius:20px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-family:Nunito,sans-serif;font-size:10px;font-weight:900;line-height:1;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 2px #b71939}.friends-dialog{--friends-surface:linear-gradient(135deg, #5138eb, #3521c8 65%, #3823cb);z-index:200;width:min(350px,100vw - 16px);max-width:none;height:auto;max-height:var(--friends-menu-max-height,500px);color:#fff;background:0 0;border:0;margin:0;padding:0;font-family:Nunito,sans-serif;position:fixed;inset:auto;overflow:visible}.friends-dialog:before,.friends-dialog:after{content:"";z-index:1;pointer-events:none;clip-path:polygon(50% 0,100% 100%,0 100%);position:absolute}.friends-dialog:before{top:-11px;left:calc(var(--friends-menu-arrow,28px) - 12px);background:#9a63ff;width:24px;height:14px}.friends-dialog:after{top:-7px;left:calc(var(--friends-menu-arrow,28px) - 9px);background:#5138eb;width:18px;height:11px}.friends-panel{height:var(--friends-menu-height,500px);max-height:var(--friends-menu-max-height,500px);background:var(--friends-surface);border:3px solid #9a63ff;border-radius:23px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #35106f,0 14px 35px #12093470,inset 0 0 0 1px #ffffff18}.friends-panel button{cursor:pointer;font-family:inherit}.friends-panel button:disabled{opacity:.55;cursor:default}.friends-panel button:focus-visible,.friends-opener:focus-visible,.friends-panel input:focus-visible{outline-offset:2px;outline:3px solid #ffe072}.friends-header{flex-shrink:0;padding:18px 18px 14px;position:relative}.friends-title{color:#fff;margin:0;padding-right:35px;font:italic 26px/1.15 Lilita One,sans-serif}.friends-close{z-index:2;color:#fff;background:#4930c7;border:2px solid #291479;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 2px #2a187a55}.friends-close svg{stroke-width:4px;width:20px;height:20px}.friends-close:hover{background:#6544e8}.friends-error-header{flex-shrink:0;min-height:45px;position:relative}.friends-tabs{flex-shrink:0;gap:6px;margin:0 12px 8px;display:flex}.friends-tabs button{color:#d5c7ff;background:#332094;border:1px solid #8c68ed;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:5px;min-height:34px;font-family:Lilita One,sans-serif;font-size:13px;display:flex}.friends-tabs button[aria-current]{color:#fff;background:#9564fa;box-shadow:0 2px #251276}.friends-tab-count{color:#fff;background:#f13c91;border-radius:20px;padding:2px 5px;font-family:Nunito,sans-serif;font-size:10px}.friends-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9c74ed #352193;flex-direction:column;flex:1;min-height:0;padding:0 8px 8px;display:flex;overflow-y:auto}.friends-content>*{flex-shrink:0}.friends-search-field{background:#22116799;border:0;border-radius:16px;flex-shrink:0;align-items:center;gap:10px;min-height:40px;margin:0 6px 8px;padding:0 12px;display:flex;box-shadow:0 2px #1e106a}.friends-search-field>svg{color:#c3adff;flex-shrink:0;width:22px;height:22px}.friends-search-field:focus-within{outline:2px solid #b393ff}.friends-input{color:#fff;background:0 0;border:0;width:100%;min-width:0;min-height:40px;font:800 13px Nunito,sans-serif}.friends-input::placeholder{color:#b59ddc}.friends-panel .friends-input:focus-visible{outline:none}.friends-roster-group{margin-top:3px}.friends-group-heading{background:#24117d66;border-radius:12px;justify-content:space-between;align-items:center;min-height:34px;margin:0 0 3px;padding:5px 8px;display:flex}.friends-section-title{color:#e3d8ff;text-transform:uppercase;margin:10px 8px;font:italic 16px Lilita One,sans-serif}.friends-group-heading .friends-section-title{margin:0}.friends-section-title>span{margin-left:7px}.friends-group-heading>button{color:#bba4f7;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;font-weight:900;display:flex}.friends-group-heading>button span{font-size:23px;line-height:1}.friends-list{flex-direction:column;gap:3px;margin:0 0 6px;padding:0;list-style:none;display:flex}.friends-row{background:linear-gradient(110deg,#372196aa,#20136688);border-radius:13px;align-items:center;gap:10px;min-height:70px;padding:5px 9px;display:flex;position:relative}.friends-avatar{background:#28b6ec;border:3px solid #35bef6;border-radius:12px;flex-shrink:0;width:57px;height:57px;position:relative}.friends-avatar img{object-fit:cover;border-radius:9px;width:100%;height:100%}.friends-dot{background:#aaa7b0;border:2px solid #221053;border-radius:50%;width:14px;height:14px;position:absolute;top:-4px;right:-5px}.friends-dot-online,.friends-dot-lobby,.friends-dot-playing{background:#49ef27}.friends-identity{flex:1;min-width:0}.friends-identity strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;font:17px Lilita One,sans-serif;display:block;overflow:hidden}.friends-identity>span{color:#c2aff0;overflow-wrap:anywhere;align-items:center;gap:4px;margin-top:3px;font-size:11px;font-weight:700;line-height:1.2;display:flex}.friends-status:before{content:"";background:#aaa7b0;border-radius:50%;flex-shrink:0;width:8px;height:8px}.friends-identity .friends-status-online,.friends-identity .friends-status-lobby,.friends-identity .friends-status-playing{color:#70f43b}.friends-status-online:before,.friends-status-lobby:before,.friends-status-playing:before{background:#54ef24}.friends-activity svg{color:#fff;flex-shrink:0;width:14px;height:12px}.friends-player-code{font-family:monospace;font-size:9px!important}.friends-row-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.friends-row-actions>button,.friends-primary,.friends-confirm button{white-space:nowrap;color:#302107;background:linear-gradient(#ffde4b,#ffc52c);border:1px solid #da9d1a;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:7px 12px;font:13px Lilita One,sans-serif;display:inline-flex;box-shadow:0 2px #ae7416,inset 0 1px #fff4bd}.friends-row-actions>button:not(.friends-secondary):hover:enabled,.friends-primary:hover:enabled{background:#ffe176}.friends-panel .friends-secondary{color:#fff;background:linear-gradient(#8755f5,#5725db);border-color:#7441d2;box-shadow:0 2px #2b117c}.friends-panel .friends-secondary:hover:enabled{color:#fff;background:linear-gradient(#9b70ff,#7142ec);border-color:#a580fa}.friends-panel .friends-icon-button{color:#fff;min-width:32px;min-height:34px;box-shadow:none;background:#5430da;border:0;border-radius:8px;place-items:center;padding:0 5px;font-size:22px;display:grid}.friends-menu-wrapper{position:relative}.friends-row-menu{z-index:3;background:var(--friends-surface);border:2px solid #9a63ff;border-radius:13px;flex-direction:column;width:176px;padding:5px;display:flex;position:absolute;top:40px;right:0;box-shadow:0 3px #35106f,0 8px 20px #12093470,inset 0 0 0 1px #ffffff18}.friends-row-menu button{color:#fff;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;min-height:37px;padding:8px;font:800 12px Nunito,sans-serif;display:flex}.friends-row-menu button:hover{background:#ffffff18}.friends-row-menu button+button{border-top:1px solid #ffffff20;border-top-left-radius:0;border-top-right-radius:0}.friends-row-menu button svg{flex-shrink:0;width:18px;height:18px}.friends-row-menu .friends-block-action{color:#ffd1df}.friends-tag{color:#7cee5b;font-size:10px}.friends-footer{flex-direction:column;flex-shrink:0;padding:7px 10px 10px;display:flex}.friends-add-main{color:#fff;text-transform:uppercase;background:linear-gradient(#b653ff,#8225f5);border:3px solid #b882ff;border-radius:18px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:49px;display:flex;box-shadow:0 4px #1c0759,0 0 0 2px #281167,inset 0 2px #d191ff;font:italic 18px Lilita One,sans-serif!important}.friends-add-main>svg{flex-shrink:0;width:27px;height:25px}.friends-join-icon{flex-shrink:0;width:10px;height:12px}.friends-add-main:hover{filter:brightness(1.12)}.friends-add-main:active{transform:translateY(2px);box-shadow:0 2px #1c0759}.friends-footer-links{justify-content:center;align-items:center;gap:14px;margin-top:9px;display:flex}.friends-text-button{color:#c5aff7;background:0 0;border:0;align-items:center;gap:5px;padding:3px 0;font-size:10px;font-weight:700;display:inline-flex}.friends-text-button:hover{color:#fff}.friends-footer-links>span{color:#c5aff7;font-size:9px}.friends-add-view{flex:1;min-height:auto;padding:7px}.friends-add-heading{color:#fff;margin:0 0 9px;font:17px Lilita One,sans-serif;display:block}.friends-add-help,.friends-muted,.friends-view-intro p{color:#c7b5ee;margin:8px 0 0;font-size:12px;line-height:1.5}.friends-add-view>.friends-search-field{border-radius:10px;margin:0}.friends-add-results{max-height:200px;margin-top:12px;overflow-y:auto}.friends-add-hint{color:#c7b5ee;font-size:12px}.friends-share-code{border-top:1px solid #946fe855;margin-top:20px;padding-top:18px}.friends-own-code{background:#28167699;border:1px solid #9166e4;border-radius:10px;align-items:center;gap:8px;padding:7px 9px;display:flex}.friends-own-code code{color:#fff;white-space:nowrap;flex:1;min-width:0;font:700 12px monospace}.friends-own-code button{color:#fff;background:#7649d4;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.friends-own-code svg{width:19px;height:19px}.friends-roster-empty{flex-direction:column;flex:1;min-height:190px;padding:14px;display:flex}.friends-roster-placeholder{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.friends-roster-symbol{width:70px;height:70px;margin-bottom:14px;display:block}.friends-roster-symbol img{object-fit:contain;width:100%;height:100%}.friends-roster-placeholder h4{margin:0;font:22px Lilita One,sans-serif}.friends-roster-placeholder p{color:#c7b5ee;margin:8px 0 18px;font-size:12px}.friends-roster-add{display:none}.friends-empty{text-align:center;padding:24px 12px}.friends-empty h3,.friends-service-error h3,.friends-view-intro h3{color:#fff;margin:0 0 8px;font:22px Lilita One,sans-serif}.friends-empty p{color:#c7b5ee;font-size:12px}.friends-empty-art{object-fit:contain;width:64px;height:64px;margin:0 auto 15px;display:block}.friends-empty-section{margin:8px}.friends-alert,.friends-notice,.friends-confirm{color:#eee0ff;background:#291665;border:1px solid #a273df;border-radius:9px;flex-shrink:0;margin:8px 6px;padding:10px;font-size:12px;line-height:1.5}.friends-alert{background:#672859;border-color:#ed719c}.friends-notice{border-color:#76ca6a;align-items:center;gap:6px;display:flex}.friends-confirm p{margin:0 0 10px}.friends-confirm>div{gap:8px;display:flex}.friends-service-error{text-align:center;margin:auto 0;padding:20px}.friends-service-error p{color:#dbcaf6;font-size:13px;line-height:1.6}.friends-service-error .friends-primary{margin-top:8px}.friends-loading{color:#d6c1f4;flex-direction:column;align-items:center;gap:12px;padding:35px;font-size:13px;display:flex}.friends-loading-avatar{background:#825ae2;border-radius:12px;width:50px;height:50px}.friends-signin{text-align:center;flex:1;min-height:0;padding:25px;overflow-y:auto}.friends-signin h3{font:25px Lilita One,sans-serif}.friends-signin p{color:#d6c1f4;font-size:13px}@media (width<=639px){.friends-opener{width:36px;height:36px;padding:0}.friends-opener-label{display:none}}@media (width<=360px){.friends-row{gap:7px;padding:6px}.friends-avatar{width:45px;height:45px}.friends-identity strong{font-size:14px}.friends-identity>span{font-size:10px}.friends-row-actions{gap:4px}.friends-row-actions>button{padding:7px 8px;font-size:11px}.friends-panel .friends-secondary:hover:enabled{color:#fff;background:linear-gradient(#9b70ff,#7142ec);border-color:#a580fa}.friends-panel .friends-icon-button{min-width:26px}}@media (prefers-reduced-motion:no-preference){.friends-dialog{transform-origin:var(--friends-menu-arrow,28px) top;animation:.15s ease-out friends-menu-enter}@keyframes friends-menu-enter{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:none}}}.friends-panel-add{background:var(--friends-surface)}.friends-panel-add .friends-header{align-items:center;gap:10px;padding:19px 18px 21px;display:flex}.friends-panel-add .friends-title{font-size:23px}.friends-back{color:#baa1ff;background:0 0;border:0;place-items:center;width:25px;height:28px;padding:0;font-size:28px;line-height:1;display:grid}.friends-back:hover{color:#fff}.friends-panel-add .friends-content{padding:0 16px 16px}.friends-panel-add .friends-add-view{padding:0}.friends-panel-add .friends-add-heading{color:#dbd0ff;text-transform:uppercase;margin-bottom:8px;font-size:15px;font-style:italic}.friends-panel-add .friends-search-field{min-height:44px;box-shadow:none;background:#22116799;border:1.5px solid #8956f3;border-radius:11px;padding:0 12px}.friends-panel-add .friends-search-field>svg{width:22px;height:22px}.friends-panel-add .friends-input{font-size:12px;font-weight:800}.friends-panel-add .friends-scan-heading{margin-top:23px}.friends-scan-button{color:#fff;text-align:left;background:linear-gradient(120deg,#5024c1,#362391);border:1.5px solid #8850f7;border-radius:11px;align-items:center;gap:14px;width:100%;min-height:53px;padding:0 10px 0 0;font-size:13px;font-weight:900;display:flex}.friends-scan-button:hover{filter:brightness(1.15)}.friends-scan-icon{background:#5424cf;border-right:1.5px solid #8850f7;border-radius:9px;flex-shrink:0;align-self:stretch;place-items:center;width:59px;display:grid}.friends-scan-icon svg{width:30px;height:30px}.friends-scan-chevron{margin-left:auto;font-size:30px;line-height:1}.friends-suggestions{margin-top:23px}.friends-suggestions h3{color:#b69ade;text-transform:uppercase;text-align:center;white-space:nowrap;align-items:center;gap:15px;margin:0 0 17px;font:13px Lilita One,sans-serif;display:flex}.friends-suggestions h3:before,.friends-suggestions h3:after{content:"";background:#7250c1;flex:1;height:1px}.friends-suggestions ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0;padding:0;list-style:none;display:grid}.friends-suggestions li{flex-direction:column;align-items:center;gap:7px;min-width:0;display:flex}.friends-suggestion-avatar{border-radius:50%;width:68px;height:68px;position:relative}.friends-suggestion-avatar img{border-radius:50%;width:100%;height:100%}.friends-suggestion-avatar button{color:#fff;background:linear-gradient(#b365ff,#7024e8);border:2px solid #aa7bff;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:25px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:-2px;right:-5px;box-shadow:0 3px #120638,0 0 10px #8644f566}.friends-suggestion-avatar button:hover:enabled{filter:brightness(1.2)}.friends-suggestions li>span{text-overflow:ellipsis;white-space:nowrap;color:#fff;max-width:100%;font:14px Lilita One,sans-serif;overflow:hidden}.friends-suggestions>.friends-add-help{text-align:center;padding:12px 8px}.friends-my-code{color:#ae93dc;margin-top:22px;font-size:11px}.friends-my-code summary{cursor:pointer}.friends-my-code .friends-own-code{margin-top:8px}.friends-my-code button{width:auto;font-size:10px;font-weight:800}.friends-scanner{background:#160b46;border:1px solid #8850f7;border-radius:12px;padding:10px}.friends-scanner video{object-fit:cover;border-radius:7px;width:100%;max-height:150px;display:block}.friends-scanner p{color:#d3beed;font-size:11px;line-height:1.5}.friends-scanner>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.friends-scanner-upload{color:#fff;cursor:pointer;background:#6737c4;border-radius:7px;padding:8px;font-size:11px;display:block;position:relative}.friends-scanner-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}@media (width<=360px){.friends-panel-add .friends-title{font-size:20px}.friends-scan-button{gap:10px;font-size:12px}.friends-scan-icon{width:49px}.friends-suggestions ul{gap:10px}.friends-suggestion-avatar{width:60px;height:60px}}.friends-add-popup-layer{z-index:202;background:#11062c44;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.friends-add-popup{color:#fff;border:3px solid #9a63ff;border-radius:21px;flex-direction:column;width:min(380px,100vw - 32px);max-height:min(520px,100dvh - 40px);display:flex;position:relative;overflow:hidden;box-shadow:0 5px #35106f,0 24px 65px #12093470,inset 0 0 0 1px #ffffff18}.friends-add-popup .friends-header{flex-shrink:0;padding:19px 18px 20px;position:relative}.friends-add-popup .friends-content{flex:0 auto;min-height:0;padding:0 16px 20px;overflow-y:auto}.friends-add-popup .friends-add-view{flex:none}@media (height<=600px){.friends-add-popup-layer{padding:12px}.friends-add-popup{max-height:calc(100dvh - 24px)}}.friends-add-popup button:focus-visible,.friends-add-popup summary:focus-visible{outline-offset:2px;outline:3px solid #ffe072}.friends-add-popup .friends-input:focus-visible{outline:none}.friends-share-code{text-align:center;margin-top:23px}.friends-panel-add .friends-share-code .friends-add-heading{text-align:left}.friends-share-code-value{color:#fff;letter-spacing:1px;white-space:nowrap;-webkit-user-select:all;user-select:all;grid-column:2;margin:0;font:800 clamp(16px,4.5vw,23px)/1.4 Nunito,sans-serif;display:block}.friends-share-code-row{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:4px;margin-top:14px;display:grid}.friends-copy-code{color:#fff;cursor:pointer;background:#7649d4;border:1px solid #9166e4;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.friends-copy-code:hover{background:#8958ed}.friends-copy-code:active{transform:translateY(1px)}.friends-copy-code svg{width:20px;height:20px}.friends-avatar-loading{color:#fff5;place-items:center;width:100%;height:100%;display:grid}.friends-avatar-loading svg{width:60%;height:60%}.friends-collapsible-heading{padding:0}.friends-group-heading>.friends-section-toggle{text-align:left;border-radius:12px;justify-content:space-between;width:100%;min-height:34px;padding:5px 8px}.friends-section-toggle .friends-section-title{font-size:16px}.friends-section-toggle:hover{background:#ffffff0c}.friends-section-chevron{flex-shrink:0;width:18px;height:18px}.friends-section-chevron.is-expanded{transform:rotate(90deg)}.friends-list[hidden]{display:none}.friends-incoming-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9c74ed #352193;max-height:216px;overflow-y:auto}.friends-incoming-scroll>li{flex-shrink:0}.friends-footer-status{text-align:center;color:#c2aff0;margin-top:8px;font-size:11px}.friends-search-loading-slot{flex:0 0 18px;place-items:center;width:18px;display:grid}.friends-search-spinner{border:2px solid #c3adff55;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite friends-search-spin;display:block}@keyframes friends-search-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.friends-search-spinner{animation:none}}.friends-add-popup button{cursor:pointer}.friends-add-popup button:disabled{cursor:default}.notification-stack{top:calc(env(safe-area-inset-top) + 20px);z-index:1000;pointer-events:none;flex-direction:column;gap:10px;width:min(380px,100vw - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.notification-popup{--notification-accent:#fff;--notification-icon-bg:#ffffff26;color:#fff;pointer-events:auto;background:#8b5cf6;border:2px solid #6d28d9;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;animation:.18s ease-out notification-enter;display:flex;box-shadow:0 3px #6d28d9,0 6px 12px #8b5cf64d}.notification-popup--success{--notification-accent:#a7f3d0;--notification-icon-bg:#ffffff26}.notification-popup--error{--notification-accent:#ffe1e6;--notification-icon-bg:#ffffff26}.notification-icon{background:var(--notification-icon-bg);height:34px;color:var(--notification-accent);border-radius:10px;flex:0 0 34px;place-items:center;font-family:Fredoka,sans-serif;font-size:22px;font-weight:800;display:grid}.notification-popup p{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-family:Fredoka,sans-serif;font-size:14px;font-style:italic;font-weight:900;line-height:1.4}.notification-close{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 28px;place-items:center;height:28px;padding:0;display:grid}.notification-close:hover{color:#fff;background:#a78bfa}.notification-close:focus-visible{outline-offset:2px;outline:2px solid #fff}@keyframes notification-enter{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.notification-popup{animation:none}}