:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;height:100%;width:100%;overflow:hidden;cursor:url(/Genshin/T_Mouse.png),default}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0;padding:0;text-align:center;height:100%;width:100%;position:absolute}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.menu-container{height:100%;width:100%;position:absolute;display:flex;flex-direction:column-reverse;pointer-events:none}.menu-container .menu-12{padding:0%;margin:0%;height:14vmin;width:14vmin;top:6vmin;right:4%;background-image:url(/Genshin/Tex_0096.png);background-size:100% 100%;position:absolute;transition:opacity 1s ease}.menu-container .menu-login{height:100%;width:100%;position:absolute;display:flex;flex-direction:column-reverse;transition:opacity 1s ease}.menu-container .menu-login .background{height:20%;width:100%;position:absolute;background:linear-gradient(to top,#2727279f,#00000000)}.menu-container .menu-login .menu-description{height:20%;width:100%;position:absolute;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.menu-container .menu-login .menu-description .description{padding-bottom:1vmin;padding-left:1vw;text-align:left;width:30%;float:left}.menu-container .menu-login .menu-description .description p{color:#232323e2;font-size:.4rem}.menu-container .menu-login .ClickMe{padding:0%;margin:0%;pointer-events:all;height:7vmin;width:7vmin;right:4%;bottom:6%;position:absolute;float:right;background-image:url(/Genshin/ClickMe.png);background-size:100% 100%;background-color:#0000;border:none;transition:all .2s;outline:none;cursor:url(/Genshin/T_Mouse.png),default}.menu-container .menu-login .ClickMe:hover{transform:scale(1.1)}.menu-container .menu-login .ClickMe:active{transform:scale(.9);transition:all .1s}.menu-container .menu-login .continue::-moz-focus-inner{border:none}.menu-container .menu-doorCreate-content{height:100%;width:100%;position:absolute;display:flex;flex-direction:column-reverse;transition:opacity .5s ease}.menu-container .menu-doorCreate-content .menu-doorCreate{left:2%;bottom:4vmin;height:4.5vmin;width:96%;position:absolute;display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.482) 50%,rgba(0,0,0,0) 100%);animation:doorCreate-background .5s ease-in-out forwards}.menu-container .menu-doorCreate-content .menu-doorCreate .entry{height:2.5vmin;width:11.25vmin;background-image:url(/Genshin/Entry.png);background-size:100% 100%;animation:doorCreate-entry .8s ease-in-out forwards}@keyframes doorCreate-background{0%{opacity:0;transform:scaleY(.1)}10%{opacity:1;transform:scaleY(.1)}to{transform:scaleY(1)}}@keyframes doorCreate-entry{0%{opacity:0}62.5%{opacity:0}to{opacity:1}}.progress-container{height:100%;width:100%;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;background-size:2vmin,1vmin;transition:opacity 1.5s ease 1s,background-color .5s ease}.progress-container .progress-content{display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeIn 1.5s ease-in-out forwards}.progress-container .Genshin{width:45vmin;height:35vmin;margin-bottom:5vmin;transition:opacity 1s ease 1.2s,filter .5s ease}.progress-container .LoadingBar{width:40vmin;height:1.2vmin;border-radius:.7vmin;transition:opacity 1s ease 1.2s}.progress-container .LoadingBar .ball{z-index:auto;top:-1.2vmin;width:1.2vmin;height:1.2vmin;position:relative;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);transition:background-color .5s ease}.progress-container .LoadingBar .progress-bar{width:41vmin;margin-left:-.5vmin;height:100%;clip-path:polygon(.5vmin 0,40.5vmin 0,100% 50%,40.5vmin 100%,.5vmin 100%,0 50%);transition:background-color .5s ease}.progress-container .LoadingBar .progress-bar .progress{width:50%;height:100%;transition:background-color .5s ease}.progress-container .LoadingBar div:last-child{transition:color .5s ease}.progress-container.daytime{background-color:#fff}.progress-container.daytime .Genshin{filter:none}.progress-container.daytime .LoadingBar .ball{background-color:#303030}.progress-container.daytime .LoadingBar .progress-bar{background-color:#c2c2c2}.progress-container.daytime .LoadingBar .progress-bar .progress{background-color:#303030}.progress-container.daytime .LoadingBar div:last-child{color:#303030}.progress-container.nighttime{background-color:#1a1a1a}.progress-container.nighttime .Genshin{filter:brightness(0) invert(1) brightness(1.2)}.progress-container.nighttime .LoadingBar .ball{background-color:#fff}.progress-container.nighttime .LoadingBar .progress-bar{background-color:#505050}.progress-container.nighttime .LoadingBar .progress-bar .progress{background-color:#fff}.progress-container.nighttime .LoadingBar div:last-child{color:#fff}.bird{float:right;position:relative;top:-32px;right:-20px}#front_wings,#back_wings{transform-origin:bottom;animation:flap 1s linear infinite alternate}@keyframes flap{50%{transform:scaleY(.3)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.intermediate-page{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999;transition:background-color .5s ease}.intermediate-page.daytime{background:#ffffff}.intermediate-page.daytime .element-icon .icon-base{opacity:.3;filter:grayscale(100%) brightness(.5)}.intermediate-page.daytime .element-icon .icon-active{opacity:1;filter:grayscale(100%) brightness(.6)}.intermediate-page.nighttime{background:#1a1a1a}.intermediate-page.nighttime .element-icon .icon-base{opacity:.2;filter:brightness(0) invert(1) brightness(3)}.intermediate-page.nighttime .element-icon .icon-active{opacity:1;filter:brightness(0) invert(1) brightness(5)}.genshin-loading{display:flex;justify-content:center;align-items:center}.element-progress-bar{display:flex;justify-content:center;align-items:center;gap:16px}.element-icon{position:relative;width:48px;height:48px}.element-icon .icon-base{width:100%;height:100%;object-fit:contain;transition:all .3s ease}.element-icon .icon-active{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:all .3s ease;clip-path:inset(0 calc(100% - var(--icon-progress)) 0 0)}.loading-text{font-size:18px;color:#ffffffe6;margin:30px 0;min-height:25px}.button-group{display:flex;gap:20px;justify-content:center;margin-top:40px;animation:fadeInUp .6s ease}.button-group button{padding:12px 30px;border:2px solid rgba(255,255,255,.3);border-radius:25px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;background:rgba(255,255,255,.1);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button-group button:hover{background:rgba(255,255,255,.2);border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.button-group button.confirm-btn{background:linear-gradient(45deg,#4CAF50,#45a049);border-color:#4caf50}.button-group button.confirm-btn:hover{background:linear-gradient(45deg,#45a049,#3d8b40);box-shadow:0 5px 15px #4caf5066}.button-group button.cancel-btn{background:linear-gradient(45deg,#f44336,#da190b);border-color:#f44336}.button-group button.cancel-btn:hover{background:linear-gradient(45deg,#da190b,#c62828);box-shadow:0 5px 15px #f4433666}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.webgl-wrapper{z-index:0;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;overflow:clip;-webkit-user-select:none;-moz-user-select:none;user-select:none;contain:strict}.webgl-canvas{outline:none}