@font-face{font-family:aspergitbold;src:url(fonts/aspergit_bold-webfont.woff2) format("woff2"),url(fonts/aspergit_bold-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
html{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-webkit-touch-callout:none;background:#0D3D3F;font-size:1em;line-height:1.4;margin:0;padding:0;width:100%;height:100%}
body{margin:0;padding:0;overflow:hidden;width:100%;height:100%;background:#0D3D3F;color:#fff}
audio,canvas,img,video{vertical-align:middle}
#mainLoader{position:absolute;z-index:5;display:none;font-size:20px;line-height:25px;color:#fff;text-align:center;width:100%;font-family:aspergitbold}
#mainHolder{position:absolute;inset:0;width:100%;height:100%;background:#0D3D3F}
#notSupportHolder{width:90%;margin:5% auto;position:relative;color:#fff;text-align:center;font-size:25px;font-family:aspergitbold;display:none}
.notSupport{margin-top:200px}
#rotateHolder{position:absolute;width:100%;height:100%;background-color:#0D3D3F;z-index:1000;display:none}
.mobileRotate{width:200px;height:auto;position:absolute;text-align:center}
.rotateDesc{color:#fff;font-size:15px;line-height:15px;font-family:aspergitbold}
#canvasHolder{display:none;width:100%;max-width:1280px;height:100%;margin:auto;position:relative;background:#0D3D3F}
canvas{position:fixed;touch-action:none;-ms-touch-action:none;cursor:default;background:#0D3D3F;outline:none;border:0;box-shadow:none;-webkit-tap-highlight-color:transparent}
canvas:focus,canvas:focus-visible,canvas:active{outline:none!important;border:0;box-shadow:none}
html.svb-cursor-none,html.svb-cursor-none *{cursor:none!important}
html.svb-cursor-crosshair,html.svb-cursor-crosshair canvas{cursor:crosshair!important}
html.svb-cursor-default,html.svb-cursor-default canvas{cursor:default!important}
.hide{display:none!important}
.svb-result-actions{position:fixed;left:50%;top:52%;transform:translateX(-50%);z-index:45;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2vw,20px);width:min(200px,88vw);pointer-events:auto}
.svb-result-actions.hide{display:none!important}
.svb-pause-dialog{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));background:rgba(8,28,30,.95);box-sizing:border-box}
.svb-pause-dialog.hide{display:none!important}
.svb-pause-inner{width:min(100%,420px);text-align:center}
.svb-pause-content h3{margin:0 0 18px;line-height:1.2;font:700 clamp(28px,8vw,40px)/1.2 aspergitbold,"Microsoft YaHei",sans-serif;color:#fff;word-break:break-word}
.svb-pause-score{margin:0 0 clamp(50px,8vw,100px);font:700 clamp(64px,18vw,120px)/1 aspergitbold,"Microsoft YaHei",sans-serif;color:#51B9AD;letter-spacing:.02em}
.svb-pause-btns{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2vw,20px);margin-top:12px}
.svb-master-dialog{position:fixed;inset:0;z-index:55;display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));background:rgba(8,28,30,.95);box-sizing:border-box}
.svb-master-dialog.hide{display:none!important}
.svb-master-inner{width:min(100%,420px);text-align:center}
.svb-master-content h3{margin:0 0 14px;line-height:1.2;font:700 clamp(28px,8vw,40px)/1.2 aspergitbold,"Microsoft YaHei",sans-serif;color:#FFD966;word-break:break-word}
.svb-master-desc{margin:0 0 clamp(36px,8vw,56px);padding:0 8px;line-height:1.55;font:400 clamp(15px,4.2vw,18px)/1.55 "Microsoft YaHei",sans-serif;color:rgba(255,255,255,.88);word-break:break-word}
.svb-master-btns{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2vw,20px)}
.svb-btn.svb-btn-master{position:relative;overflow:hidden;background:#2a5f58!important;box-shadow:0 4px rgba(0,0,0,.22)}
.svb-btn.svb-btn-master .svb-btn-master-fill{position:absolute;left:0;top:0;height:100%;width:0;background:#51B9AD;z-index:0;pointer-events:none;border-radius:clamp(14px,3.5vw,18px)}
.svb-btn.svb-btn-master .svb-btn-master-label{position:relative;z-index:1;pointer-events:none}
.svb-btn.svb-btn-master:hover{filter:brightness(1.06)}
.svb-btn.svb-btn-master:active{transform:translateY(2px);box-shadow:0 2px rgba(0,0,0,.22)}
.svb-btn{border:none;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:min(200px,88vw);height:clamp(48px,6.4vw,56px);padding:0 clamp(14px,3.5vw,18px);text-decoration:none;letter-spacing:.04em;font:700 clamp(17px,4.8vw,22px)/1.2 aspergitbold,"Microsoft YaHei",sans-serif;outline:none;background:#51B9AD;border-radius:clamp(14px,3.5vw,18px);box-shadow:0 4px rgba(45,130,120,.55);box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.svb-btn:hover{filter:brightness(1.08)}
.svb-btn:active{transform:translateY(2px);box-shadow:0 2px rgba(45,130,120,.55)}
.svb-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.svb-btn-restart,.svb-btn-more{font-size:clamp(16px,4.5vw,20px);opacity:.9;background:rgba(255,255,255,.16);box-shadow:0 4px rgba(0,0,0,.14)}
.svb-btn-restart:hover,.svb-btn-more:hover{opacity:1;filter:brightness(1.1)}
.svb-btn-restart:active,.svb-btn-more:active{box-shadow:0 2px rgba(0,0,0,.14)}
@media (orientation:landscape){
.svb-result-actions{top:55%}
.svb-pause-content h3{margin-bottom:10px;font-size:clamp(22px,7vh,34px)}
.svb-pause-score{margin-bottom:clamp(80px,10vw,160px);font-size:clamp(48px,14vh,96px)}
.svb-master-content h3{font-size:clamp(22px,7vh,34px)}
.svb-master-desc{margin-bottom:clamp(28px,8vh,48px);font-size:clamp(14px,3.8vh,17px)}
.svb-btn{height:clamp(48px,6.4vw,56px);font-size:clamp(16px,4.2vh,20px)}
.svb-btn-restart,.svb-btn-more{font-size:clamp(15px,4vh,18px)}
}