.portal-shell{isolation:isolate;background:radial-gradient(at 50% 36%,#376b1625,#0000 58%);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:clip}.portal-space{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.portal-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;width:100%;padding:clamp(20px,3svh,44px) 24px 14px;display:flex}.portal-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portal-logo{aspect-ratio:1;z-index:1;place-items:center;width:min(86vw,clamp(264px,42svh,432px));display:grid;position:relative}.portal-logo-enter{z-index:1;pointer-events:none;transform-origin:50% 72%;width:100%;position:relative}.portal-logo[data-loaded=true] .portal-logo-enter{animation:.95s cubic-bezier(.18,.9,.25,1) both portal-arrive}.portal-logo[data-entered=true] .portal-logo-enter{animation:none}.portal-logo-depth{width:100%;transform:perspective(1000px) translate3d(var(--logo-translate-x,0px), var(--logo-translate-y,0px), 0) rotateX(var(--logo-rotate-x,0deg)) rotateY(var(--logo-rotate-y,0deg));transform-origin:50% 60%;position:relative}.portal-crew{filter:drop-shadow(0 22px 24px #0008);width:100%;height:auto;animation:8s ease-in-out infinite portal-float;display:block;position:relative}.portal-logo[data-enhanced=true][data-loaded=false] .portal-crew{opacity:0}.portal-aura{pointer-events:none;background:radial-gradient(ellipse 46% 46% at var(--logo-light-x,50%) var(--logo-light-y,50%), #8be62c66, #efb33333 45%, transparent);opacity:0;transition:opacity .6s;position:absolute;inset:-12%;-webkit-mask:radial-gradient(closest-side,#000 60%,#0000);mask:radial-gradient(closest-side,#000 60%,#0000)}.portal-shine,.portal-glint{pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden;-webkit-mask:url(/media/chill-crew-v2.webp) 50%/100% 100% no-repeat;mask:url(/media/chill-crew-v2.webp) 50%/100% 100% no-repeat}.portal-shine:before{content:"";background:linear-gradient(105deg,#0000 20%,#ffe39a66 46%,#fff6d699 50%,#ffe39a66 54%,#0000 80%);width:42%;animation:10s cubic-bezier(.45,0,.25,1) 2.4s infinite portal-shine;position:absolute;inset:-10% auto -10% 0;transform:translate(-130%)skew(-8deg)}.portal-glint{background:radial-gradient(circle at var(--logo-light-x,50%) var(--logo-light-y,50%), #fff6d6e6, #ffd36e66 18%, transparent 44%);opacity:0;transition:opacity .45s}.portal-logo[data-hover=true] .portal-aura{opacity:1}.portal-logo[data-hover=true] .portal-glint{opacity:.85}.portal-logo[data-loaded=false] .portal-shine,.portal-logo[data-loaded=false] .portal-orbit{visibility:hidden}.portal-orbit{--orbit-reach:1;pointer-events:none;position:absolute;inset:0}.portal-orbit-ring{z-index:0;width:calc(136% * var(--orbit-reach));border:1.5px dashed #ffd36e47;border-radius:50%;height:30%;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)skewY(-9deg);box-shadow:0 0 22px #8be62c1f,inset 0 0 22px #ffd36e14}.portal-spark{--orbit-a:68%;--orbit-b:15%;--orbit-time:28s;--orbit-shift:0s;--spark-size:13px;--spark-color:#ffd36e;animation:portal-orbit-y calc(var(--orbit-time) / 2) cubic-bezier(.37, 0, .63, 1) var(--orbit-shift) infinite alternate;position:absolute;inset:10% 0 -10%}.portal-spark-x{animation:portal-orbit-x calc(var(--orbit-time) / 2) cubic-bezier(.37, 0, .63, 1) calc(var(--orbit-shift) - var(--orbit-time) / 4) infinite alternate;position:absolute;inset:0}.portal-spark i{width:var(--spark-size);height:var(--spark-size);margin:calc(var(--spark-size) / -2);background:radial-gradient(circle, #fff8df 0 22%, var(--spark-color) 46%, transparent 72%);box-shadow:0 0 10px 2px color-mix(in srgb, var(--spark-color) 80%, transparent), 0 0 26px 8px color-mix(in srgb, var(--spark-color) 35%, transparent);border-radius:50%;animation:1.4s .9s both portal-spark-in;position:absolute;top:50%;left:50%}.portal-spark-2{--orbit-time:36s;--orbit-shift:-13s;--spark-size:11px;--spark-color:#a5ec57}.portal-spark-3{--orbit-a:58%;--orbit-b:12%;--orbit-time:23s;--orbit-shift:-7s;--spark-size:8px;--spark-color:#fff4d6}.portal-spark-4{--orbit-a:74%;--orbit-b:17%;--orbit-time:44s;--orbit-shift:-30s;--spark-size:12px;--spark-color:#efb333}.portal-logo-fallback{color:#e8c76f;font:800 clamp(44px, 8vw, 76px) / 1 var(--font-display), Arial, sans-serif;display:none;position:absolute}.portal-logo[data-failed=true] .portal-logo-fallback{display:block}.portal-halo{aspect-ratio:1;pointer-events:none;background:radial-gradient(at 34% 38%,#8be62c45,#5ba72c16 34%,#0000 64%),radial-gradient(at 67% 59%,#efb33338,#aa70150f 36%,#0000 67%);border-radius:50%;width:145%;animation:11s ease-in-out infinite portal-breathe;position:absolute;-webkit-mask:radial-gradient(closest-side,#000 55%,#0000);mask:radial-gradient(closest-side,#000 55%,#0000)}.portal-logo[data-motion=paused] .portal-crew,.portal-logo[data-motion=paused] .portal-halo,.portal-logo[data-motion=paused] .portal-logo-enter,.portal-logo[data-motion=paused] .portal-spark,.portal-logo[data-motion=paused] .portal-spark-x,.portal-logo[data-motion=paused] .portal-spark i,.portal-logo[data-motion=paused] .portal-shine:before{animation-play-state:paused}.portal-carousel{--bubble-size:clamp(88.4px, 12.75vw, 176.8px);--bubble-step:clamp(98.6px, 13.6vw, 187px);z-index:2;width:min(1088px,100%);position:relative}.portal-carousel-row{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:16px;display:grid}.portal-stage{grid-area:1/2;height:clamp(144.5px,19.55vw,214.2px);position:relative}.portal-nav-arrow{color:#f3ffe4;cursor:pointer;z-index:6;background:radial-gradient(circle at 32% 26%,#3a5a2e,#142014 72%) padding-box padding-box,linear-gradient(145deg,#c9f78f,#ffd36e 48%,#3d7a24) border-box;border:1.5px solid #0000;border-radius:50%;grid-area:1/1;place-items:center;width:48px;height:48px;padding:0;transition:box-shadow .26s,filter .26s,transform .22s cubic-bezier(.3,.7,.3,1.4);display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #0008,inset 0 1px #ffffff1f}.portal-nav-next{grid-column:3}.portal-nav-icon,.portal-nav-ghost{grid-area:1/1;transition:transform .3s cubic-bezier(.3,.7,.3,1.4),opacity .3s}.portal-nav-ghost{opacity:0}.portal-nav-arrow:hover{filter:brightness(1.12);transform:translateY(-2px)scale(1.06);box-shadow:0 10px 22px #0009,0 0 0 4px #b8ef7917,0 0 26px #b8ef7945,inset 0 1px #ffffff2a}.portal-nav-arrow:hover .portal-nav-icon{transform:translate(-3px)}.portal-nav-next:hover .portal-nav-icon{transform:translate(3px)}.portal-nav-arrow:hover .portal-nav-ghost{animation:1.1s ease-in-out infinite portal-nav-trail-prev}.portal-nav-next:hover .portal-nav-ghost{animation-name:portal-nav-trail-next}.portal-nav-arrow:active{transition-duration:90ms;transform:translateY(0)scale(.9)}.portal-item{--bubble-scale:1.1;--bubble-opacity:1;width:var(--bubble-size);aspect-ratio:1;transform:translate(-50%, -50%) translateX(calc(var(--portal-offset) * var(--bubble-step))) scale(var(--bubble-scale));opacity:var(--bubble-opacity);z-index:5;transition:transform .38s cubic-bezier(.2,.75,.2,1),opacity .28s;position:absolute;top:50%;left:50%}.portal-item[data-distance="1"]{--bubble-scale:.84;--bubble-opacity:.7;z-index:4}.portal-item[data-distance="2"]{--bubble-scale:.67;--bubble-opacity:.4;z-index:3}.portal-item[aria-hidden=true]{--bubble-scale:.5;--bubble-opacity:0;pointer-events:none;z-index:0}.portal-bubble{cursor:pointer;filter:none;background:radial-gradient(circle at 30% 24%,#30402a,#151e17 72%);border:2px solid #c6dcb437;border-radius:50%;place-items:center;width:100%;height:100%;padding:10px;transition:filter .28s,border-color .2s,box-shadow .2s,transform .26s cubic-bezier(.2,.75,.2,1);display:grid;position:relative;box-shadow:0 16px 32px #0006}.portal-bubble:before{content:"";pointer-events:none;background:conic-gradient(var(--portal-accent), transparent 24%, transparent 48%, color-mix(in srgb, var(--portal-accent) 65%, #fff4d6) 60%, transparent 82%, var(--portal-accent));opacity:0;border-radius:50%;transition:opacity .42s;animation:9s linear infinite paused portal-ring-spin;position:absolute;inset:-8px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px))}.portal-bubble.active{animation:6s ease-in-out infinite portal-bubble-float}.portal-bubble.active:before{opacity:.85;animation-play-state:running}.portal-item:not([data-distance="0"]) .portal-bubble:hover{transform:translateY(-5px)}.portal-bubble{isolation:isolate}.portal-bubble:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--portal-accent) 30%, transparent), transparent);opacity:0;border-radius:50%;transition:opacity .45s;position:absolute;inset:-16%}.portal-bubble.active:after{opacity:1;animation:4.8s ease-in-out infinite portal-glow-breathe}.portal-bubble img,.portal-bubble .portal-placeholder{transition:transform .42s cubic-bezier(.25,.8,.25,1.35)}.portal-bubble:hover img{transform:scale(1.07)rotate(-2.5deg)}.portal-bubble.active img,.portal-bubble.active .portal-placeholder{animation:.64s cubic-bezier(.25,.8,.25,1.2) portal-icon-pop}.portal-bubble.active:hover img{transform:scale(1.08)rotate(2deg)}.portal-item[data-distance="1"] .portal-bubble{filter:blur(1.5px)}.portal-item[data-distance="2"] .portal-bubble{filter:blur(3px)}.portal-bubble.active{border-color:var(--portal-accent);box-shadow:0 0 35px color-mix(in srgb, var(--portal-accent) 22%, transparent), 0 18px 38px #0008}.portal-bubble:hover{border-color:var(--portal-accent)}.portal-bubble.active:hover{box-shadow:0 0 45px color-mix(in srgb, var(--portal-accent) 35%, transparent), 0 18px 38px #0008}.portal-bubble[aria-disabled=true]{cursor:default}.portal-bubble img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.portal-bubble[data-portal-id=admin] img,.portal-bubble[data-portal-id=colorino] img,.portal-bubble[data-portal-id=chill-booster] img,.portal-bubble[data-portal-id=scovalavori] img{width:88%;height:88%}.portal-coming-soon{background:radial-gradient(circle at 30% 24%,#263225,#121b14 72%)}.portal-placeholder{color:#cfe6b1;border:1px dashed #cfe6b166;border-radius:50%;place-items:center;width:58%;height:58%;display:grid}.portal-lock{box-sizing:content-box;color:#f1dbb1;background:#172019;border:1px solid #daba7c55;border-radius:50%;padding:5px;position:absolute;bottom:7%;right:7%}:is(.portal-bubble:focus-visible,.portal-nav-arrow:focus-visible){outline-offset:6px;outline:3px solid #e5ffc3}.portal-selection{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:76px;margin:18px 0 0;display:flex}.portal-selection h2{font:800 clamp(22px, 2.3vw, 32px) / 1.2 var(--font-display), Arial, sans-serif;letter-spacing:-.025em;margin:0}.portal-selection-heading{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.portal-status{color:#d6f6ad;background:#1c2915;border:1px solid #b8f34a55;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;line-height:1.5}.portal-selection p{color:#b7c3ad;margin:0;font-size:13px;line-height:1.5}.portal-progress{justify-content:center;align-items:center;gap:8px;height:24px;margin-top:12px;display:flex}.portal-progress span{background-color:#77866c;border-radius:10px;width:6px;height:6px;transition:width .38s cubic-bezier(.2,.75,.2,1),background-color .28s}.portal-progress span.active{background:linear-gradient(90deg,#b8ef79,#ffd36e 50%,#b8ef79) 0 0/200% 100%;width:22px;animation:3.6s linear infinite portal-dot-shimmer;box-shadow:0 0 10px #b8ef7950}@keyframes portal-float{0%,to{transform:translateY(3px)rotate(-.8deg)}50%{transform:translateY(-7px)rotate(.7deg)}}@keyframes portal-arrive{0%{opacity:0;transform:perspective(900px)translateY(24px)rotateX(12deg)scale(.88)}to{opacity:1;transform:perspective(900px)translateY(0)rotateX(0)scale(1)}}.portal-launch{isolation:isolate;z-index:100;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--portal-accent) 16%, #050805), #020402 72%);cursor:progress;position:fixed;inset:0}.portal-launch-icon{will-change:transform;place-items:center;padding:10px;display:grid;position:fixed}.portal-launch-icon:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--portal-accent) 42%, transparent), color-mix(in srgb, var(--portal-accent) 14%, transparent) 55%, transparent);position:absolute;inset:0}.portal-launch-icon img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--portal-accent) 75%, transparent));display:block}.portal-launch-icon[data-portal-id=admin] img,.portal-launch-icon[data-portal-id=colorino] img{width:88%;height:88%}@keyframes portal-orbit-y{0%{z-index:0;opacity:.45;transform:translateY(calc(var(--orbit-b) * -1)) scale(.72)}to{z-index:3;opacity:1;transform:translateY(var(--orbit-b)) scale(1.12)}}@keyframes portal-orbit-x{0%{transform:rotate(-9deg) translateX(calc(var(--orbit-a) * var(--orbit-reach) * -1))}to{transform:rotate(-9deg) translateX(calc(var(--orbit-a) * var(--orbit-reach)))}}@keyframes portal-spark-in{0%{opacity:0}}@keyframes portal-shine{0%{transform:translate(-130%)skew(-8deg)}22%,to{transform:translate(260%)skew(-8deg)}}@keyframes portal-ring-spin{to{transform:rotate(1turn)}}@keyframes portal-bubble-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes portal-nav-trail-prev{0%{opacity:0;transform:translate(10px)}45%{opacity:.45}to{opacity:0;transform:translate(-14px)}}@keyframes portal-nav-trail-next{0%{opacity:0;transform:translate(-10px)}45%{opacity:.45}to{opacity:0;transform:translate(14px)}}@keyframes portal-icon-pop{0%{transform:scale(.8)rotate(-7deg)}55%{transform:scale(1.08)rotate(2.5deg)}to{transform:none}}@keyframes portal-glow-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.08)}}@keyframes portal-dot-shimmer{to{background-position:-200% 0}}@keyframes portal-breathe{0%,to{opacity:.65;transform:scale(.94)rotate(-7deg)}50%{opacity:1;transform:scale(1.05)rotate(7deg)}}@media (max-width:700px){.portal-main{padding-inline:16px}.portal-carousel{--bubble-size:clamp(74.8px, 22.1vw, 127.5px);--bubble-step:calc(var(--bubble-size) * .82)}.portal-carousel-row{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.portal-nav-arrow{width:44px;height:44px}.portal-stage{height:clamp(127.5px,30.6vw,178.5px)}.portal-orbit{--orbit-reach:.72}.portal-item[data-distance="2"]{visibility:hidden;pointer-events:none}.portal-item[data-distance="1"]{--bubble-scale:.72}.portal-bubble{padding:5px}.portal-selection{margin-top:6px}}@media (max-height:500px) and (min-width:701px){.portal-logo{width:228px}.portal-main{padding-top:20px}}@media (prefers-reduced-motion:reduce){.portal-crew,.portal-halo,.portal-logo[data-loaded=true] .portal-logo-enter{animation:none}.portal-logo-depth{transform:none}.portal-spark,.portal-shine{display:none}.portal-bubble.active,.portal-bubble:before,.portal-bubble.active:after,.portal-bubble.active img,.portal-bubble.active .portal-placeholder,.portal-progress span.active{animation:none}.portal-nav-ghost{display:none}.portal-item,.portal-bubble,.portal-nav-arrow{transition:none}.portal-nav-arrow:hover{transform:none}}
