.sy-lobby{isolation:isolate;color:#f3edf9;background:#090811;flex-direction:column;min-height:100svh;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;display:flex;position:relative;overflow:hidden}.sy-lobby *{box-sizing:border-box}.sy-lobby-sky{z-index:-1;opacity:.85;pointer-events:none;background:radial-gradient(at 18% 55%,#b2884630,#0000 48%),linear-gradient(90deg,#0b090fed,#0b07157a),url(/star-art/crystal-space.png) 50%/cover;position:absolute;inset:0}.sy-lobby-header{border-bottom:1px solid #d4bdd417;justify-content:space-between;align-items:center;gap:20px;padding:32px 6%;display:flex}.sy-lobby-brand{letter-spacing:.12em;color:#f0e5d2;font:32px/1 Georgia,serif}.sy-lobby-brand span{letter-spacing:.15em;margin-left:10px;font-size:18px}.sy-lobby-header>span:last-child{letter-spacing:.3em;color:#a399ad;font-size:11px}.sy-lobby .sy-lobby-main{z-index:1;flex:1;width:min(1120px,100%);max-width:none;margin:0 auto;padding:40px 36px 45px}.sy-lobby-heading{text-align:center;margin-bottom:32px;animation:.75s both sy-lobby-arrive}.sy-lobby-heading>span{letter-spacing:.3em;color:#b8a0c6;font-size:11px}.sy-lobby .sy-lobby-heading h1{letter-spacing:.12em;color:#ede3f1;text-shadow:0 0 32px #b097ce30;margin:17px 0 0;font-size:clamp(27px,3.2vw,40px);font-weight:400;line-height:1.5}.sy-lobby-heading h1:after,.sy-lobby-break{display:none}.sy-lobby-portals{grid-template-columns:1fr 1fr;gap:28px;display:grid}.sy-lobby-door{--door-light:#d7b576;isolation:isolate;color:#ead2a7;outline-offset:6px;background:linear-gradient(145deg,#4c3d2966,#130f15d9 60%,#3f2d2366);border:1px solid #bb915f60;border-radius:24px;flex-direction:column;min-height:440px;padding:27px 32px 25px;transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .4s;animation:.85s 80ms backwards sy-lobby-arrive;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff2,0 24px 60px #0004}.sy-lobby-stars{--door-light:#d2a7ff;color:#e0c4fc;background:linear-gradient(145deg,#49305a55,#100a1cdd 60%,#31204588);border-color:#b07ee363;animation-delay:.18s}.sy-lobby-door:before{content:"";z-index:-1;background:radial-gradient(ellipse at 50% 36%,color-mix(in srgb,var(--door-light) 14%,transparent),transparent 56%);pointer-events:none;position:absolute;inset:0}.sy-lobby-stars:before{background:linear-gradient(#170f2588,#140d1fe6),url(/star-art/crystal-space.png) 100%/cover}:is(.sy-lobby-door:hover,.sy-lobby-door:focus-visible){border-color:var(--door-light);box-shadow:0 20px 70px color-mix(in srgb,var(--door-light) 15%,transparent),inset 0 1px #fff4;transform:translateY(-6px)}.sy-lobby-door:focus-visible{outline:2px solid var(--door-light)}.sy-lobby-door:active{transform:translateY(-2px)scale(.99)}.sy-lobby-door-top{color:var(--door-light);letter-spacing:.16em;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.sy-lobby-emblem{border:1px solid color-mix(in srgb,var(--door-light) 45%,transparent);width:134px;height:134px;box-shadow:0 0 45px color-mix(in srgb,var(--door-light) 9%,transparent),inset 0 0 30px color-mix(in srgb,var(--door-light) 6%,transparent);color:var(--door-light);border-radius:50%;place-items:center;margin:32px auto 24px;display:grid;position:relative}.sy-lobby-emblem:before{content:"";border:1px solid color-mix(in srgb,var(--door-light) 20%,transparent);border-radius:50%;position:absolute;inset:9px}.sy-lobby-emblem svg{filter:drop-shadow(0 0 15px color-mix(in srgb,var(--door-light) 35%,transparent));transition:transform .5s}.sy-lobby-door:hover .sy-lobby-emblem svg{transform:scale(1.09)rotate(-4deg)}.sy-lobby-door-copy{text-align:center;margin:auto 0 27px}.sy-lobby-english{letter-spacing:.18em;color:var(--door-light);margin-left:.18em;font:36px/1 Georgia,serif;display:block}.sy-lobby .sy-lobby-door h2{letter-spacing:.14em;color:inherit;margin:15px 0 10px;font-size:23px;font-weight:400}.sy-lobby-door p{letter-spacing:.06em;color:#b1a0aa;margin:0;font-size:14px;line-height:1.6}.sy-lobby-enter{border-top:1px solid color-mix(in srgb,var(--door-light) 25%,transparent);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;font-size:15px;display:flex}.sy-lobby-enter svg{transition:transform .3s}.sy-lobby-door:hover .sy-lobby-enter svg{transform:translate(3px,-3px)}.sy-lobby-door-light{pointer-events:none;background:linear-gradient(115deg,#0000 44%,#fff1 50%,#0000 56%);animation:9s ease-in-out 1.5s infinite sy-lobby-sweep;position:absolute;inset:-90%;transform:translate(-60%)}.sy-lobby-stars .sy-lobby-door-light{animation-delay:3s}.sy-lobby .sy-lobby-footer{letter-spacing:.2em;color:#8f7f99;border-top:1px solid #d1aec217;justify-content:space-between;align-items:center;gap:18px;width:100%;margin:0;padding:22px 6%;font-size:10px;display:flex}.sy-lobby-footer>span:last-child{max-width:none;text-align:initial}@keyframes sy-lobby-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sy-lobby-sweep{0%,35%{transform:translate(-60%)}65%,to{transform:translate(60%)}}@media (max-width:640px){.sy-lobby-header{padding:24px 22px}.sy-lobby-brand{font-size:27px}.sy-lobby-brand span{font-size:15px}.sy-lobby-header>span:last-child{letter-spacing:.12em;font-size:9px}.sy-lobby .sy-lobby-main{padding:30px 20px}.sy-lobby-heading{margin-bottom:25px}.sy-lobby .sy-lobby-heading h1{letter-spacing:.08em;font-size:26px}.sy-lobby-break{display:block}.sy-lobby-portals{grid-template-columns:1fr;gap:20px}.sy-lobby-door{border-radius:20px;grid-template-columns:94px minmax(0,1fr);column-gap:20px;min-height:300px;padding:22px 24px;display:grid}.sy-lobby-door-top{grid-column:1/-1;margin-bottom:23px}.sy-lobby-emblem{width:94px;height:94px;margin:5px 0 24px}.sy-lobby-emblem svg{width:46px;height:46px}.sy-lobby-door-copy{text-align:left;align-self:center;margin:0 0 24px}.sy-lobby-english{letter-spacing:.12em;margin:0;font-size:29px}.sy-lobby .sy-lobby-door h2{letter-spacing:.08em;margin:11px 0 8px;font-size:21px}.sy-lobby-door p{font-size:12px}.sy-lobby-enter{grid-column:1/-1;padding-top:17px;font-size:15px}.sy-lobby .sy-lobby-footer{padding:22px}.sy-lobby-door:hover{transform:none}}@media (max-width:360px){.sy-lobby-header>span:last-child{display:none}.sy-lobby-door{grid-template-columns:78px minmax(0,1fr);column-gap:14px;padding:20px}.sy-lobby-emblem{width:78px;height:78px}.sy-lobby-english{font-size:26px}.sy-lobby .sy-lobby-door h2{font-size:19px}}@media (prefers-reduced-motion:reduce){.sy-lobby *{transition:none!important;animation:none!important}.sy-lobby-door:hover{transform:none}}.sy-lobby .sy-lobby-main{width:min(1280px,100%)}.sy-lobby-portals{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sy-lobby-door{min-height:460px;padding-inline:25px}.sy-lobby-english{font-size:32px}.sy-lobby-hall{--door-light:#ffe4a6;color:#ffedc6;background:radial-gradient(at 50% 20%,#a97b3444,#0000 65%),linear-gradient(145deg,#3e2d22,#100d13 65%,#49311b);border-color:#e9c98380;animation-delay:.28s}.sy-lobby-hall .sy-lobby-english{letter-spacing:.12em;font-size:27px;line-height:1.2}.sy-lobby-hall .sy-lobby-emblem{box-shadow:0 0 50px #eac97420,inset 0 0 35px #e8b75917}.sy-lobby-hall .sy-lobby-door-light{animation-delay:4.5s}@media (min-width:641px) and (max-width:900px){.sy-lobby .sy-lobby-main{padding-inline:24px}.sy-lobby-portals{gap:14px}.sy-lobby-door{min-height:440px;padding-inline:17px}.sy-lobby-english{font-size:26px}.sy-lobby-hall .sy-lobby-english{font-size:24px}.sy-lobby .sy-lobby-door h2{letter-spacing:.04em;font-size:20px}.sy-lobby-door-top{letter-spacing:.06em;font-size:9px}.sy-lobby-door-top svg{width:16px}.sy-lobby-door p{font-size:12px}.sy-lobby-emblem{width:108px;height:108px}}@media (max-width:640px){.sy-lobby-portals{grid-template-columns:1fr}.sy-lobby-door{min-height:285px;padding:22px 24px}.sy-lobby-english{font-size:29px}.sy-lobby-hall .sy-lobby-english{letter-spacing:.06em;font-size:22px}}.sy-lobby-portals{grid-template-columns:repeat(2,minmax(0,1fr))}.sy-lobby-million{--door-light:#c6defa;color:#e8def9;background:radial-gradient(at 70% 20%,#b184bf35,#0000 60%),linear-gradient(135deg,#2b1f3b,#0c0b18 60%,#283445);border-color:#c6b2ee77;animation-delay:.35s}.sy-lobby-million .sy-lobby-emblem{border-color:#dfcdfa77;box-shadow:0 0 48px #b19df326,inset 0 0 25px #8bd2ea17}.sy-lobby-million .sy-lobby-door-light{background:linear-gradient(110deg,#0000,#d1b1ff12,#beefff22,#ffe7ba12,#0000)}@media (max-width:640px){.sy-lobby-portals{grid-template-columns:1fr}}