.opening{--op-pink:#ff279e;--op-violet:#914cff;--op-impact:.91s;--op-entry:2.65s;background:radial-gradient(ellipse at 50% 40%,#260d251f,transparent 65%),repeating-linear-gradient(135deg,transparent 0 57px,#c9b3e607 58px 59px),radial-gradient(circle,#c5a9db13 .7px,transparent 1px) 0 0/22px 22px,#030306;padding:32px 16px calc(28px + env(safe-area-inset-bottom))}.opening:before{display:none}.openingInner{width:min(100%,740px)}.introStage.logoSequence{width:100%;aspect-ratio:1000/680;isolation:isolate;perspective:1000px;overflow:visible}.logoSequence .opLayer{position:absolute;pointer-events:none;transform-origin:center;animation-fill-mode:both;animation-timing-function:cubic-bezier(.16,.8,.22,1)}.opLayer img{display:block;width:100%;height:auto;user-select:none}.op-main{left:7%;top:17%;width:88%;z-index:8;animation:opTitle .65s var(--op-impact) both}.op-neck{left:46%;top:4%;width:50%;z-index:2;animation:opNeck .65s .35s both}.op-pick{left:1%;top:29%;width:24%;z-index:5;animation:opPick .62s .43s both}.op-orbit{left:0%;top:18%;width:100%;z-index:3;animation:opOrbit .8s .65s both}.op-ribbon{left:5%;top:46%;width:93%;z-index:6;animation:opRibbon .65s 1.45s both}.op-sub{left:16%;top:64%;width:72%;z-index:9;animation:opWrite .7s 1.85s both}.op-underline{left:16%;top:75%;width:72%;z-index:4;animation:opUnderline .65s 1.95s both}.op-spark{left:18%;top:8%;width:40%;z-index:1;animation:opSpark .65s 1.1s both}.op-slash{left:2%;top:15%;width:95%;z-index:1;animation:opSlash .65s .76s both}.op-wash{left:0%;top:15%;width:100%;z-index:0;animation:opWash .9s 1.06s both}.opAtmosphere{position:absolute;inset:4% -5%;background:radial-gradient(ellipse,#fc14983d,transparent 64%);opacity:0;animation:opAura 1.8s .7s forwards;pointer-events:none}.opTrails{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:7;fill:none;stroke:url(#opTrail);stroke-width:2;filter:drop-shadow(0 0 5px #ff229d)}.opTrails path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:opTrace 1s .1s both}.opTrails .opTrailFront{animation-delay:1.3s;stroke-width:1.3}.opImpact{position:absolute;inset:8%;z-index:10;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#fff4ffb0,#fa28a72e 35%,transparent 65%);animation:opFlash .48s var(--op-impact) both}.opShine{position:absolute;left:7%;top:17%;width:88%;aspect-ratio:1672/941;z-index:9;pointer-events:none;mask:url(system/op-maintext.webp) center/contain no-repeat;-webkit-mask:url(system/op-maintext.webp) center/contain no-repeat;background:linear-gradient(110deg,transparent 42%,#fff6fcaa 49%,transparent 57%) -200% 0/300% 100%;animation:opPolish 1s 2.05s both;mix-blend-mode:screen}.opEmber{position:absolute;left:var(--x);top:var(--y);height:4px;width:4px;z-index:10;background:#ffcced;border-radius:50%;box-shadow:0 0 5px #fff,0 0 12px #ff269e;pointer-events:none;animation:opScatter .9s calc(.94s + var(--i)*25ms) both}.opEmber:nth-last-child(-n+3){width:12px;height:12px;border-radius:0;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);animation:opTwinkle 4.8s calc(2.6s + var(--i)*.35s) infinite both}.opening .openingEntry{position:relative;z-index:11;margin:8px auto 0;max-width:350px;animation:none}.opening .openingLabel{font-family:DX Cartoon,Noto Sans KR,Noto Sans JP,sans-serif;font-size:11px;letter-spacing:.28em!important;color:#c5a7c0;text-shadow:none;margin-bottom:14px}.opening #nicknameInput{border-color:#aa54878c;background:#0e0a12;box-shadow:inset 0 1px #fff1,0 0 18px #f32da012;border-radius:8px}.opening #nicknameInput:focus{outline:1px solid #ff91cf;box-shadow:0 0 20px #f32da030}@keyframes opTitle{0%{opacity:0;transform:translateZ(110px) translateY(-8px) scale(1.2)}48%{opacity:1;transform:translateY(2px) scale(.98)}75%{transform:translateY(-1px) scale(1.01)}to{opacity:1;transform:none}}@keyframes opNeck{0%{opacity:0;transform:translate(30%,-20%) rotate(12deg)}to{opacity:.9;transform:none}}@keyframes opPick{0%{opacity:0;transform:translate(-50%,15%) rotate(-65deg) scale(.6)}to{opacity:1;transform:rotate(-9deg)}}@keyframes opOrbit{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:rotate(-8deg)}55%{opacity:.85}to{opacity:.68;clip-path:inset(0);transform:none}}@keyframes opRibbon{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-5%)}to{opacity:.7;clip-path:inset(0);transform:none}}@keyframes opWrite{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-3%)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes opUnderline{0%{opacity:0;transform:scaleX(.1)}to{opacity:.48;transform:none}}@keyframes opSpark{0%{opacity:0;transform:scale(.4)}35%{opacity:.7;transform:scale(1.05)}to{opacity:.22;transform:none}}@keyframes opSlash{0%{opacity:0;transform:translate(-18%,14%) scale(.85)}30%{opacity:.9}to{opacity:.26;transform:none}}@keyframes opWash{0%{opacity:0;transform:scale(.7)}35%{opacity:.6}to{opacity:0;transform:scale(1.12)}}@keyframes opFlash{0%{opacity:0;transform:scale(.4)}18%{opacity:.45}to{opacity:0;transform:scale(1.3)}}@keyframes opTrace{0%{opacity:0;stroke-dashoffset:1200}20%{opacity:.8}75%{stroke-dashoffset:0;opacity:.7}to{stroke-dashoffset:-1200;opacity:0}}@keyframes opPolish{0%{opacity:0;background-position:150% 0}15%{opacity:.65}85%{opacity:.65}to{opacity:0;background-position:-50% 0}}@keyframes opAura{0%{opacity:0;transform:scale(.7)}35%{opacity:1}to{opacity:.55;transform:none}}@keyframes opScatter{0%{opacity:0;transform:translateY(12px) scale(.3)}20%{opacity:.9}to{opacity:0;transform:translateY(-22px) scale(.2)}}@keyframes opTwinkle{0%,65%,to{opacity:0;transform:scale(.2) rotate(0)}78%{opacity:.9;transform:scale(1) rotate(20deg)}90%{opacity:0;transform:scale(.3) rotate(40deg)}}@keyframes opEntry{0%{opacity:0;visibility:hidden;transform:translateY(10px)}to{opacity:1;visibility:visible;transform:none}}@media(min-width:700px){.opening .openingEntry{margin-top:-5px}.openingInner{max-width:min(740px,90vh)}}@media(max-height:640px){.opening{padding-top:16px;padding-bottom:16px}.openingInner{max-width:540px}.opening .openingEntry{margin-top:0}.opening .openingLabel{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.logoSequence *,.opening .openingEntry{animation:none!important}.op-wash,.opImpact,.opTrails,.opShine,.opEmber{display:none}.op-slash,.op-spark{opacity:.22}.op-orbit,.op-ribbon,.op-underline,.opAtmosphere{opacity:.5}}.reduced .logoSequence *,.reduced .openingEntry{animation:none!important}.reduced .op-wash,.reduced .opImpact,.reduced .opTrails,.reduced .opShine,.reduced .opEmber{display:none}.reduced .op-slash,.reduced .op-spark{opacity:.22}.reduced .op-orbit,.reduced .op-ribbon,.reduced .op-underline{opacity:.5}