@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-CN_pkOMA.ttf) format("truetype");font-weight:400;font-style:normal}:root{--background-color: #111111}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{width:100vw;height:100vh;overflow:hidden;font-family:Roboto,sans-serif;user-select:none;-webkit-user-drag:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.dialog-backdrop:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(37,37,37,.7);backdrop-filter:blur(12px);z-index:99;animation:fade-in-opacity .3s ease-in-out;pointer-events:none}body.dialog-backdrop #app{pointer-events:none}#app{position:relative;z-index:2;width:100%;height:100%;pointer-events:none;background-color:var(--background-color);opacity:0;transition:opacity .5s}#app.show{opacity:1}#app.interactive{pointer-events:all}#app>img,#app video{position:relative;z-index:2}#app>.cinematic{position:absolute;top:50%;left:50%;z-index:1;filter:blur(48px) brightness(.5);transform:translate(-50%,-50%) scale(1.6);opacity:.8;pointer-events:none}#dialog{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:60px;width:540px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.7);backdrop-filter:blur(12px);box-shadow:0 0 20px rgba(0,0,0,.5);border:6px solid rgba(66,66,69,.5);color:#fff;padding:26px;border-radius:36px;z-index:100;animation:fadeInOpacity .4s ease-in-out}#dialog .title{font-size:46px;font-weight:700;text-align:center}#dialog .time-left{font-size:130px;letter-spacing:2px;font-weight:700;text-align:center}#dialog .continue{width:100%;background-color:#0071e3;color:#fff;font-size:32px;font-weight:700;padding:24px 16px;border:none;border-radius:16px;cursor:pointer}#dialog .copyright{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);font-size:14px;color:#ccc;text-align:center}#configs,#logs{position:absolute;top:20px;right:20px;background:#0c0c0c;color:#fff;padding:20px;width:300px;max-height:300px;border-radius:6px;opacity:.6;overflow:scroll;z-index:10000;pointer-events:none}#configs{right:unset;left:20px;width:300px;max-height:300px}.log{border-bottom:2px solid rgba(255,255,255,.6);padding-bottom:12px;margin-bottom:12px}.log:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.ghost{height:124px;width:104px;background-color:#fff;border-radius:99em 99em 0 0;box-shadow:inset -10px 0 #ddd;border-top:4px solid #000;border-left:4px solid #000;border-right:4px solid #000;position:relative;animation:ghost-float 2s ease-in-out infinite}.ghost:before{content:"";display:block;position:absolute;width:24px;height:32px;background-color:#999;border:4px solid #000;border-radius:50%;left:30px;top:64px;box-shadow:-16px -36px 0 -8px #999,-16px -36px 0 -4px #000,16px -36px 0 -8px #999,16px -36px 0 -4px #000}.ghost:after{content:"";display:block;position:absolute;width:32px;height:32px;background-color:#fff;border:4px solid #000;border-radius:25% 60%;bottom:-16px;right:-4px;z-index:-1;box-shadow:inset -10px 0 #ddd,-24px 0 0 -4px #fff,-24px 0 #000,-48px 0 0 -4px #fff,-48px 0 #000,-72px 0 0 -4px #fff,-72px 0 #000}@keyframes ghost-float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fade-in-opacity{0%{opacity:0}to{opacity:1}}