.cc-intro{z-index:99999;opacity:1;background:#030303;width:100vw;height:100vh;transition:opacity .55s,transform .55s;position:fixed;inset:0;overflow:hidden}.cc-bg{z-index:1;background:radial-gradient(circle at 50% 48%,#ffc40014,#0000 45%),radial-gradient(#151515 0%,#070707 50%,#020202 100%);animation:3s ease-in-out infinite cc-bg-pulse;position:absolute;inset:0}@keyframes cc-bg-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.cc-smoke{z-index:2;filter:blur(70px);opacity:.12;background:radial-gradient(#ffc40066,#0000 70%);border-radius:50%;width:70vw;height:45vw;animation:5s ease-in-out infinite alternate cc-smoke-float;position:absolute}.cc-smoke-one{top:10vh;left:-20vw}.cc-smoke-two{animation-delay:-2.5s;bottom:-10vh;right:-20vw}@keyframes cc-smoke-float{0%{transform:translate(-3vw,2vh)scale(.9)}to{transform:translate(5vw,-3vh)scale(1.1)}}.cc-glow{z-index:3;filter:blur(70px);opacity:0;background:radial-gradient(circle,#ffc40024,#0000 70%);border-radius:50%;width:50vw;height:50vw;animation:1.4s ease-out forwards cc-glow-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes cc-glow-in{to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.cc-arena{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cc-light-beam{opacity:0;filter:blur(18px);transform-origin:top;clip-path:polygon(45% 0%,55% 0%,100% 100%,0% 100%);background:linear-gradient(#fffc 0%,#ffda5847 25%,#ffc40014 60%,#0000 100%);width:18vw;height:130vh;position:absolute;top:-20vh}.cc-light-beam-1{left:3%;transform:rotate(22deg)}.cc-light-beam-2{left:22%;transform:rotate(10deg)}.cc-light-beam-3{left:41%;transform:rotate(0)}.cc-light-beam-4{right:22%;transform:rotate(-10deg)}.cc-light-beam-5{right:3%;transform:rotate(-22deg)}.cc-lights-on .cc-light-beam-1{animation:.45s ease-out forwards cc-light-on}.cc-lights-on .cc-light-beam-2{animation:.45s ease-out .28s forwards cc-light-on}.cc-lights-on .cc-light-beam-3{animation:.45s ease-out .56s forwards cc-light-on}.cc-lights-on .cc-light-beam-4{animation:.45s ease-out .84s forwards cc-light-on}.cc-lights-on .cc-light-beam-5{animation:.45s ease-out 1.12s forwards cc-light-on}@keyframes cc-light-on{0%{opacity:0}20%{opacity:1}to{opacity:.7}}.cc-light-source{opacity:0;background:#fff8d0;border-radius:50%;width:22px;height:10px;position:absolute;top:5vh;box-shadow:0 0 10px #fff,0 0 25px #ffe77a,0 0 55px #ffc400}.cc-light-source-1{left:11%}.cc-light-source-2{left:30%}.cc-light-source-3{left:50%;transform:translate(-50%)}.cc-light-source-4{right:30%}.cc-light-source-5{right:11%}.cc-lights-on .cc-light-source-1{animation:.25s ease-out forwards cc-source-on}.cc-lights-on .cc-light-source-2{animation:.25s ease-out .28s forwards cc-source-on}.cc-lights-on .cc-light-source-3{animation:.25s ease-out .56s forwards cc-source-center-on}.cc-lights-on .cc-light-source-4{animation:.25s ease-out .84s forwards cc-source-on}.cc-lights-on .cc-light-source-5{animation:.25s ease-out 1.12s forwards cc-source-on}@keyframes cc-source-on{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes cc-source-center-on{0%{opacity:0;transform:translate(-50%)scale(.2)}to{opacity:1;transform:translate(-50%)scale(1)}}.cc-cracks{z-index:6;pointer-events:none;width:min(80vw,1050px);height:min(80vw,1050px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cc-crack{transform-origin:top;opacity:0;background:linear-gradient(#fff,#ffc400,#0000);width:2px;height:0;animation:.7s ease-out forwards cc-crack-grow,1.3s forwards cc-crack-fade;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #fff,0 0 22px #ffc400}.cc-crack-1{animation-delay:.1s,1s;transform:rotate(-82deg)}.cc-crack-2{animation-delay:.22s,1.12s;transform:rotate(-43deg)}.cc-crack-3{animation-delay:50ms,.95s;transform:rotate(-12deg)}.cc-crack-4{animation-delay:.28s,1.18s;transform:rotate(31deg)}.cc-crack-5{animation-delay:.16s,1.06s;transform:rotate(67deg)}.cc-crack-6{animation-delay:.32s,1.22s;transform:rotate(122deg)}@keyframes cc-crack-grow{0%{opacity:0;height:0}to{opacity:1;height:46%}}@keyframes cc-crack-fade{to{opacity:0}}.cc-shards{z-index:7;pointer-events:none;position:absolute;inset:0}.cc-shard{width:calc(8px + (var(--i) % 4) * 7px);height:calc(12px + (var(--i) % 5) * 8px);clip-path:polygon(50% 0%,100% 35%,78% 100%,18% 88%,0% 30%);opacity:0;animation:1.3s ease-out forwards cc-shatter;animation-delay:calc(var(--i) * 25ms);background:linear-gradient(135deg,#fff,#ffe36b,#ffc400,#9d6200);position:absolute;top:50%;left:50%;box-shadow:0 0 15px #ffc400cc}@keyframes cc-shatter{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}10%{opacity:1}55%{opacity:1;transform:translate(calc(-50% + (var(--i) - 14) * 3.5vw), calc(-50% + ((var(--i) % 6) - 3) * 6vh)) rotate(calc(var(--i) * 57deg)) scale(1)}to{opacity:0;transform:translate(-50%, -50%) rotate(calc(var(--i) * 90deg)) scale(.1)}}.cc-energy{z-index:8;opacity:0;border:1px solid #ffd74bcc;border-radius:50%;animation:1.3s ease-out forwards cc-energy-burst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.1);box-shadow:0 0 30px #ffc400cc}.cc-energy-one{width:16vw;height:16vw;animation-delay:.8s}.cc-energy-two{width:32vw;height:32vw;animation-delay:1s}.cc-energy-three{width:52vw;height:52vw;animation-delay:1.15s}@keyframes cc-energy-burst{0%{opacity:0}15%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.cc-logo-stage{z-index:50;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cc-logo-wrap{opacity:0;filter:blur(10px)brightness(3);width:min(46vw,520px);transition:opacity .2s,transform .7s cubic-bezier(.12,1.2,.3,1),filter .7s;transform:scale(.35)rotate(-8deg)}.cc-build .cc-logo-wrap{opacity:1;filter:blur()brightness(1.1);animation:.35s ease-out 1.45s cc-logo-shake,.55s ease-out 2.05s cc-logo-lock;transform:scale(1)rotate(0)}.cc-logo{object-fit:contain;filter:drop-shadow(0 0 8px #fff9)drop-shadow(0 0 24px #ffc400cc)drop-shadow(0 0 60px #ffa60066);width:100%;height:auto;display:block}@keyframes cc-logo-shake{0%{transform:translate(0)}25%{transform:translate(-7px,3px)}50%{transform:translate(6px,-2px)}75%{transform:translate(-3px,2px)}to{transform:translate(0)}}@keyframes cc-logo-lock{0%{transform:scale(1)}45%{transform:scale(1.07)}to{transform:scale(1)}}.cc-logo-shatter{z-index:60;aspect-ratio:1;pointer-events:none;opacity:0;width:min(46vw,520px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cc-logo-piece{opacity:0;position:absolute;inset:0;overflow:hidden;transform:translate(0)rotate(0)scale(1)}.cc-logo-piece-image{object-fit:contain;width:100%;height:100%;display:block}.cc-lights-on .cc-logo-wrap{animation:1.8s ease-out forwards cc-main-logo-break}@keyframes cc-main-logo-break{0%{opacity:1;filter:blur()brightness(1.1);transform:scale(1)rotate(0)}12%{transform:scale(1.02)translate(-2px,1px)}20%{transform:scale(.99)translate(3px,-2px)}32%{opacity:1;transform:scale(1.04)translate(-3px,2px)}55%{opacity:.8;filter:brightness(2)blur(1px)}to{opacity:0;filter:blur(6px)brightness(2);transform:scale(.9)}}.cc-lights-on .cc-logo-shatter{opacity:1}.cc-lights-on .cc-logo-piece{animation:1.55s cubic-bezier(.15,.75,.2,1) forwards cc-logo-piece-fly;animation-delay:calc(.25s + var(--piece) * 90ms)}@keyframes cc-logo-piece-fly{0%{opacity:0;transform:translate(0)rotate(0)scale(1)}8%{opacity:1}to{opacity:0;transform:translate(calc((var(--piece) - 6) * 9vw), calc(((var(--piece) % 4) - 2) * 8vh)) rotate(calc((var(--piece) - 6) * 35deg)) scale(.55)}}.cc-logo-piece:first-child{clip-path:polygon(0 0,32% 0,25% 32%,0 45%)}.cc-logo-piece:nth-child(2){clip-path:polygon(32% 0,65% 0,58% 35%,25% 32%)}.cc-logo-piece:nth-child(3){clip-path:polygon(65% 0,100% 0,100% 35%,58% 35%)}.cc-logo-piece:nth-child(4){clip-path:polygon(0 32%,25% 32%,32% 60%,0 70%)}.cc-logo-piece:nth-child(5){clip-path:polygon(25% 32%,58% 35%,65% 60%,32% 60%)}.cc-logo-piece:nth-child(6){clip-path:polygon(58% 35%,100% 35%,100% 65%,65% 60%)}.cc-logo-piece:nth-child(7){clip-path:polygon(0 60%,32% 60%,25% 100%,0 100%)}.cc-logo-piece:nth-child(8){clip-path:polygon(32% 60%,65% 60%,58% 100%,25% 100%)}.cc-logo-piece:nth-child(9){clip-path:polygon(65% 60%,100% 65%,100% 100%,58% 100%)}.cc-logo-piece:nth-child(10){clip-path:polygon(15% 15%,50% 0,50% 45%,15% 55%)}.cc-logo-piece:nth-child(11){clip-path:polygon(50% 0,85% 15%,85% 55%,50% 45%)}.cc-logo-piece:nth-child(12){clip-path:polygon(30% 45%,70% 45%,85% 100%,15% 100%)}.cc-arena-flash{z-index:100;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff 0%,#ffe88be6 30%,#ffc40080 60%,#0000 100%);position:absolute;inset:0}.cc-lights-on .cc-arena-flash{animation:.65s ease-out 1.75s forwards cc-arena-blast}@keyframes cc-arena-blast{0%{opacity:0}35%{opacity:.95}to{opacity:0}}.cc-intro-leaving{opacity:0;pointer-events:none;transform:scale(1.03)}@media (max-width:768px){.cc-logo-wrap,.cc-logo-shatter{width:76vw}.cc-light-beam{width:30vw}.cc-light-source{width:16px;height:8px;top:7vh}.cc-glow{width:90vw;height:90vw}.cc-smoke{width:120vw;height:100vw}.cc-cracks{width:120vw;height:120vw}.cc-lights-on .cc-logo-piece{animation-name:cc-logo-piece-fly-mobile}}@keyframes cc-logo-piece-fly-mobile{0%{opacity:0;transform:translate(0)rotate(0)scale(1)}8%{opacity:1}to{opacity:0;transform:translate(calc((var(--piece) - 6) * 7vw), calc(((var(--piece) % 4) - 2) * 7vh)) rotate(calc((var(--piece) - 6) * 35deg)) scale(.5)}}