:root{--u:1vw;--btn-text:#fd1d8b}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#16051f;width:100%;min-height:100dvh}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,HarmonyOS Sans SC,Source Han Sans SC,Noto Sans SC,Microsoft YaHei,Helvetica Neue,sans-serif;display:flex;overflow:hidden}.stage{isolation:isolate;background:#2c0c4a;width:100%;max-width:480px;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}@media (width>=481px){:root{--u:4.8px}}.bg{z-index:0;background:radial-gradient(circle calc(var(--u) * 27) at 100% 16%, #e67edec2 0%, #b54eb080 42%, #5c146700 100%), radial-gradient(circle calc(var(--u) * 24) at 101% 75%, #ffa1e9b3 0%, #ff53bf57 44%, #c51b8200 100%), linear-gradient(180deg, #2c0c4a 0%, #2e0d4b 10%, #390f51 19%, #4a1059 30%, #5e1362 43%, #73176c 50%, #861a72 59%, #991e7a 66%, #ae2280 75%, #c3227d 91%, #e22f90 100%);position:absolute;inset:0}.bg:after{content:"";background:radial-gradient(130% 100% at 48% 35%,#0000 62%,#14001824 100%);position:absolute;inset:0}.content{z-index:1;height:100%;min-height:100dvh;padding:calc(var(--u) * 24.17 + env(safe-area-inset-top,0px)) calc(var(--u) * 6) calc(var(--u) * 9 + env(safe-area-inset-bottom,0px));text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.hero{flex-direction:column;align-items:center;width:100%;display:flex}.logo{width:calc(var(--u) * 13.33);height:calc(var(--u) * 15.56);filter:drop-shadow(0 0 calc(var(--u) * 1.8) #fffffff2) drop-shadow(0 0 calc(var(--u) * 5.2) #ffffff9e) drop-shadow(0 0 calc(var(--u) * 11) #ffb5f56b)}.logo svg{fill:#fdfdfd;width:100%;height:100%;display:block}.title{margin-top:calc(var(--u) * 8.6);font-size:calc(var(--u) * 11.11);letter-spacing:-.01em;color:#fdfdfd;white-space:nowrap;text-shadow:0 0 calc(var(--u) * 3) #ffffff29;font-weight:700;line-height:1}.subtitle{margin-top:calc(var(--u) * 7.5);font-size:calc(var(--u) * 4.45);letter-spacing:calc(var(--u) * .08);color:#efa9e5;white-space:nowrap;font-weight:400;line-height:1.25}.spacer{min-height:calc(var(--u) * 8);flex:auto}.actions{flex-direction:column;align-items:center;width:100%;display:flex}.btn-open{justify-content:center;align-items:center;gap:calc(var(--u) * 3.6);width:calc(var(--u) * 67.22);height:calc(var(--u) * 16.39);color:var(--btn-text);font-family:inherit;font-size:calc(var(--u) * 4.72);letter-spacing:.02em;cursor:pointer;box-shadow:0 calc(var(--u) * .8) calc(var(--u) * 2) #2d00183d, 0 calc(var(--u) * 2.2) calc(var(--u) * 7) #2d001857, 0 calc(var(--u) * 4) calc(var(--u) * 14) #2d001838;-webkit-tap-highlight-color:transparent;background:#fdfdfd;border:0;border-radius:999px;font-weight:600;transition:transform .16s,box-shadow .16s;display:inline-flex}.btn-open .play{width:calc(var(--u) * 4.44);height:calc(var(--u) * 5);fill:currentColor;flex:none}.btn-open:active{box-shadow:0 calc(var(--u) * .6) calc(var(--u) * 2) #2d001833, 0 calc(var(--u) * 1.4) calc(var(--u) * 5) #2d001847, 0 calc(var(--u) * 2.4) calc(var(--u) * 9) #2d00182e;transform:scale(.97)}.hint{margin-top:calc(var(--u) * 10.3);font-size:calc(var(--u) * 4.17);color:#f5ade7;line-height:1.4}
