.cosmetic-entrance{overflow:visible;min-height:178px;display:grid;place-items:center}
.le-visual{--le-light:#ac8bfa;--le-secondary:#6ee9e8;position:relative;width:210px;height:170px;isolation:isolate;pointer-events:none;overflow:visible}
.le-visual *{pointer-events:none}.le-visual .le-avatar{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);z-index:4}
.le-avatar>.af-portrait{width:88px;height:88px}.le-avatar .avatar{box-shadow:0 4px 20px #0007}
.le-haze{position:absolute;inset:12% 9%;border-radius:50%;background:radial-gradient(ellipse,var(--le-light),transparent 68%);opacity:.22;filter:blur(10px);z-index:-1}
.le-ring{position:absolute;left:50%;top:51%;width:125px;height:125px;translate:-50% -50%;border:2px solid var(--le-light);border-radius:50%;box-shadow:0 0 12px color-mix(in srgb,var(--le-light) 40%,transparent),inset 0 0 12px color-mix(in srgb,var(--le-light) 20%,transparent)}
.le-ring-two{width:143px;height:143px;border:1px dashed var(--le-secondary);opacity:.5}
.le-ground{position:absolute;bottom:8px;left:25%;width:50%;height:12px;border-radius:50%;background:var(--le-light);filter:blur(9px);opacity:.4}
.le-particles{position:absolute;inset:0;z-index:5}.le-particles>i{position:absolute;left:var(--x);top:18%;width:4px;height:4px;border-radius:50%;background:var(--le-light);opacity:.7;box-shadow:0 0 8px var(--le-light)}
.le-portal .le-ring-one{border-width:3px;border-color:#a78bfa #5ee4dc #5ee4dc #a78bfa;transform:rotate(-25deg) scaleX(.83)}
.le-portal .le-ring-two{transform:rotate(25deg) scaleX(.83)}
.le-runes{position:absolute;inset:0;width:100%;height:100%;color:var(--le-secondary);opacity:.6}
.le-meteor{--le-light:#83cfff;--le-secondary:#cfb2ff}.le-meteor .le-ring-one{border-color:#8edbff55;transform:perspective(200px) rotateX(65deg);top:77%;width:150px;height:100px}.le-meteor .le-ring-two{display:none}
.le-impact{position:absolute;inset:30px 43px;border-radius:50%;background:conic-gradient(from 10deg,transparent,#98d7ff30,transparent 25%,#b39bff40,transparent 50%,#98d7ff30,transparent 75%,#b39bff40,transparent);filter:blur(3px)}
.le-comet{position:absolute;width:3px;height:58px;left:calc(25% + var(--i)*14%);top:calc(4px + var(--i)*6px);rotate:35deg;border-radius:50%;background:linear-gradient(transparent,#9bdcff,#fff);box-shadow:0 3px 6px #b1dfff6b;opacity:.65;z-index:2}
.le-royal{--le-light:#edc76f;--le-secondary:#f6dfaa}.le-royal .le-ring-one{border-color:#dfb85c50;width:106px;height:106px;top:56%}.le-royal .le-ring-two{display:none}.le-royal .le-avatar{top:56%}
.le-crown{position:absolute;width:65px;height:46px;top:0;left:calc(50% - 32.5px);color:#edc76f;filter:drop-shadow(0 0 8px #d9a44c55);z-index:5}
.le-laurel{position:absolute;width:100%;height:100%;inset:0;fill:#d8b15e;stroke:#eed39a;stroke-width:1;opacity:.8}
.le-royal .le-particles>i{border-radius:1px;width:3px;height:7px;background:linear-gradient(#fff1ba,#bd8c3e);rotate:calc(var(--i)*25deg)}
.le-basic .le-avatar{top:49%}.le-basic-label{position:absolute;bottom:11px;text-align:center;width:100%;color:var(--muted);font-size:10px}
.le-preview-button{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 18px;min-height:38px;border:1px solid #ad9ec341;border-radius:10px;background:#b39ce90b;color:#d2bdee;font-size:11px;padding:8px 12px}
.le-preview-button:hover{background:#b39ce91a;border-color:#bca7dd80}.le-preview-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.shop-item.shop-entrance-portal{border-color:#a58bd477;background:radial-gradient(ellipse at 50% 0,#9574d32e,transparent 60%),#201f2b}.shop-entrance-portal .shop-kind{color:#c2a7fb}
.shop-item.shop-entrance-meteor{border-color:#81b9e077;background:radial-gradient(ellipse at 50% 0,#7ab4dd2b,transparent 60%),#1d252e}.shop-entrance-meteor .shop-kind{color:#aad9f5}
.shop-item.shop-entrance-royal{border-color:#cfad6377;background:radial-gradient(ellipse at 50% 0,#c39b442b,transparent 60%),#29241e}.shop-entrance-royal .shop-kind{color:#ecd08a}
.shop-entrances-section .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-entrances-section .shop-item>h3{font-size:24px}.shop-entrances-section .shop-kind{font-size:9px}.shop-entrances-section .shop-item>p{min-height:100px}
.le-arrival{position:fixed;z-index:45;bottom:max(22px,env(safe-area-inset-bottom));right:max(22px,env(safe-area-inset-right));width:310px;max-width:calc(100vw - 32px);padding:10px 18px 19px;display:flex;flex-direction:column;align-items:center;pointer-events:none;border:1px solid #a68cc765;border-radius:23px;background:radial-gradient(ellipse at 50% 0,#7853ab29,transparent 70%),#14151ef2;box-shadow:0 12px 45px #0008;backdrop-filter:blur(12px);animation:le-banner 3s ease both;overflow:hidden}
.le-arrival-meteor{border-color:#86c7f177;background:radial-gradient(ellipse at 50% 0,#5d9ac92e,transparent 70%),#131e29f2}.le-arrival-royal{border-color:#e3be7188;background:radial-gradient(ellipse at 50% 0,#b58a3b2b,transparent 70%),#221c17f2}
.le-arrival-copy{display:grid;gap:5px;text-align:center;max-width:100%}.le-arrival-copy small{font-size:9px;letter-spacing:.1em;color:#c5a9ec;text-transform:uppercase}.le-arrival-copy strong{font:500 24px/1.15 var(--font-display);color:#f0e9ff;overflow-wrap:anywhere}.le-arrival-copy>span{color:#a6a8bc;font-size:11px;line-height:1.5}.le-arrival-meteor .le-arrival-copy small{color:#a6d9ff}.le-arrival-royal .le-arrival-copy small{color:#edce88}.le-arrival-royal .le-arrival-copy strong{color:#f5e3b9}
.le-playing .le-portal .le-ring-one{animation:le-portal-open 2.7s cubic-bezier(.2,.8,.3,1) both}.le-playing .le-portal .le-ring-two{animation:le-orbit 2.8s ease both}.le-playing .le-portal .le-runes{animation:le-runes 2.8s ease both}.le-playing .le-portal .le-avatar{animation:le-materialize 2.8s ease both}
.le-playing .le-particles>i{animation:le-spark 2.5s ease both;animation-delay:var(--delay)}
.le-playing .le-meteor .le-comet{animation:le-comet 1.2s cubic-bezier(.3,.1,.6,1) both;animation-delay:calc(var(--i)*.13s)}
.le-playing .le-meteor .le-avatar{animation:le-landing 2.7s ease both}.le-playing .le-meteor .le-impact{animation:le-impact 2.7s ease both}.le-playing .le-meteor .le-ring-one{animation:le-ground-pulse 2.7s ease both}
.le-playing .le-royal .le-crown{animation:le-coronation 2.7s ease both}.le-playing .le-royal .le-avatar{animation:le-materialize 2.7s ease both}.le-playing .le-royal .le-laurel{animation:le-laurel 2.7s ease both}.le-playing .le-royal .le-particles>i{animation:le-confetti 2.5s ease both;animation-delay:var(--delay)}
.le-picker{margin-top:12px;border:1px solid #a689d52e;border-radius:14px;background:linear-gradient(110deg,#7851ad0b,#4d9da50b)}.le-picker>summary{display:flex;align-items:center;gap:12px;padding:15px 17px;cursor:pointer;list-style:none}.le-picker>summary::-webkit-details-marker{display:none}.le-picker>summary>span{font-size:12px;font-weight:650}.le-picker>summary>small{margin-left:auto;color:#b4a3cc;font-size:10px;max-width:110px;text-align:right}.le-picker>summary>b{font-size:12px;color:#b4a3cc}.le-picker-body{padding:0 15px 15px}.le-picker-body>p:first-child{color:var(--muted);font-size:11px;line-height:1.7;margin:0 0 14px}.le-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px}.le-option{display:grid;justify-items:center;min-width:0;gap:6px;padding:7px;border:1px solid var(--line);border-radius:12px;background:#ffffff03;color:var(--text)}.le-option.selected{border-color:#d6ba7866;background:#d6ba780a}.le-option:disabled{opacity:1}.le-option strong{font-size:10px;line-height:1.4}.le-option small{color:var(--muted);font-size:9px}.le-option .cosmetic-entrance{position:relative;display:block;min-height:100px;height:100px;margin:0}.le-option .le-visual{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.56);transform-origin:center}.le-picker-body>a{display:inline-block;margin-top:15px;font-size:11px;color:#d8c399}.profile-entrance-card .cosmetic-entrance{width:100%}.profile-entrance-card .le-preview-button{margin:0 0 12px;width:100%}
.le-option .cosmetic-entrance{width:100%;overflow:hidden}.cosmetic-option .cosmetic-entrance{position:relative;display:block;width:100%;height:120px;min-height:120px;overflow:hidden}.cosmetic-option .le-visual{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.65)}.le-option .le-basic-label{display:none}
@keyframes le-banner{0%{opacity:0;transform:translateY(15px) scale(.96)}9%,85%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-8px) scale(.98)}}
@keyframes le-portal-open{0%{opacity:0;transform:rotate(-80deg) scale(0)}25%,75%{opacity:1;transform:rotate(15deg) scaleX(.83)}100%{opacity:.45;transform:rotate(80deg) scaleX(.83)}}
@keyframes le-orbit{0%{opacity:0;transform:rotate(90deg) scale(.3)}30%,80%{opacity:.7;transform:rotate(-30deg) scaleX(.83)}100%{opacity:.2;transform:rotate(-100deg) scaleX(.83)}}
@keyframes le-runes{0%{opacity:0;transform:rotate(-60deg) scale(.5)}35%,80%{opacity:.8;transform:rotate(10deg) scale(1)}100%{opacity:.2;transform:rotate(35deg) scale(1)}}
@keyframes le-materialize{0%,10%{opacity:0;transform:translate(-50%,-40%) scale(.5);filter:blur(8px)}40%,100%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}
@keyframes le-spark{0%{opacity:0;transform:translateY(20px) scale(.2)}25%{opacity:.9}90%,100%{opacity:0;transform:translateY(-30px) scale(.4)}}
@keyframes le-comet{0%{opacity:0;transform:translate(50px,-70px) scaleY(.3)}20%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(-25px,75px) scaleY(1)}}
@keyframes le-landing{0%,15%{opacity:0;transform:translate(-50%,-95%) scale(.45)}40%{opacity:1;transform:translate(-50%,-45%) scale(1.08)}55%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes le-impact{0%,20%{opacity:0;transform:scale(.2) rotate(0)}45%{opacity:.9;transform:scale(1.25) rotate(30deg)}100%{opacity:.2;transform:scale(1.5) rotate(60deg)}}
@keyframes le-ground-pulse{0%,20%{opacity:0;transform:perspective(200px) rotateX(65deg) scale(.3)}50%{opacity:.8;transform:perspective(200px) rotateX(65deg) scale(1.15)}100%{opacity:.2;transform:perspective(200px) rotateX(65deg) scale(1.4)}}
@keyframes le-coronation{0%,12%{opacity:0;transform:translateY(-20px) scale(.7)}40%,100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes le-laurel{0%{opacity:0;transform:scale(.7)}45%,100%{opacity:.85;transform:scale(1)}}
@keyframes le-confetti{0%{opacity:0;transform:translateY(-12px) rotate(0)}25%,70%{opacity:.9}100%{opacity:0;transform:translateY(100px) rotate(180deg)}}
@media(max-width:900px){.shop-entrances-section .shop-grid{grid-template-columns:1fr}.shop-entrances-section .shop-item>p{min-height:0}}
@media(max-width:560px){.le-arrival{right:16px;bottom:16px;width:270px;padding:0 14px 15px}.le-arrival>.le-visual{height:150px;scale:.9;transform-origin:center bottom}.le-arrival-copy strong{font-size:22px}.le-picker>summary{padding:13px;gap:8px}.le-picker>summary>span{font-size:11px}.le-picker-body{padding:0 11px 12px}.le-options{grid-template-columns:repeat(2,minmax(0,1fr))}.le-option .le-visual{transform:translate(-50%,-50%) scale(.5)}}
@media(prefers-reduced-motion:reduce){.le-arrival,.le-playing .le-visual *{animation:none!important;transition:none!important}.le-arrival .le-comet{display:none}.le-arrival .le-particles>i{opacity:.35}.le-playing .le-avatar{opacity:1;filter:none}.le-arrival{backdrop-filter:none}}