:root{--brush:"STXingkai", "华文行楷", "STKaiti", "KaiTi", "Kaiti SC", "楷体", "Noto Serif SC", "Noto Serif CJK SC", "Source Han Serif SC", "Songti SC", serif;--gold:#e8c27a;--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#eee;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#000;width:100%;height:100%;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}#c{width:100%;height:100%;transition:filter 2.5s;display:block;position:fixed;top:0;left:0}#c.sad{filter:grayscale()brightness(.6)contrast(1.1)}.hidden{display:none!important}.layer{width:100%;height:100%;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:.12}}#hud{pointer-events:none;z-index:5}.bar{background:linear-gradient(#080605c7,#201a14b3);border:1px solid #debe8299;height:max(1.6vh,7px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000008c,0 .3vh .9vh #00000080,inset 0 1px 3px #000000d9}.bar b,.bar i{width:100%;height:100%;position:absolute;top:0;left:0}.bar i{opacity:.9;background:linear-gradient(#fff2c6,#f0bd62 60%,#c88a34);transition:transform .55s cubic-bezier(.4,0,.2,1) .45s}.bar b{transition:transform .1s linear;box-shadow:inset -2px 0 #ffeccdd9,inset 0 -1px #00000059}.bar .shine{pointer-events:none;background:linear-gradient(#ffffff4d,#fff0);height:45%;position:absolute;top:0;left:0;right:0}#pbars{left:calc(3.2vh + var(--sl));width:min(36vw,330px);position:absolute;top:3.4vh}.pframe{padding:0 1.1vh;position:relative}.pframe:before,.pframe:after{content:"";background:linear-gradient(135deg,#fff0c4,#c9953d);border:1px solid #281a0acc;width:max(.9vh,5px);height:max(.9vh,5px);position:absolute;top:50%;transform:translateY(-50%)rotate(45deg);box-shadow:0 0 .6vh #ffc86e73}.pframe:before{left:0}.pframe:after{right:0}.pframe.short{width:76%;margin-top:.9vh}.pframe.short:before,.pframe.short:after{width:max(.65vh,4px);height:max(.65vh,4px)}.hp b{background:linear-gradient(#ff8f74 0%,#e2442f 30%,#a92318 72%,#6e100b 100%)}.hp.low{border-color:#ff6e50e6;animation:1s ease-in-out infinite hpPulse}.qi{height:max(1.05vh,5px)}.qi b{background:linear-gradient(#fff3bd 0%,#f0c158 45%,#b57d22 100%)}.qi .ticks{pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#000000a6 calc(25% - 1px) 25%);position:absolute;top:0;bottom:0;left:0;right:0}.qi.empty{border-color:#ff503ce6;animation:.3s ease-in-out 2 qiShake}#bossbar{opacity:0;width:50vw;transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:4.6vh;left:47%;transform:translate(-50%)translateY(1.2vh)}#bossbar.show{opacity:1;transform:translate(-50%)}.bhead{white-space:nowrap;align-items:flex-end;gap:1.1vh;margin:0 0 .7vh 1.2vh;display:flex}.bseal{text-align:center;width:max(2.9vh,13px);height:max(2.9vh,13px);line-height:max(2.9vh,13px);font:400 max(2.2vh, 10px) var(--brush);color:#f8e9d2;background:linear-gradient(160deg,#c8402f,#8c1e14);border-radius:2px;margin-bottom:.55vh;box-shadow:0 0 0 1px #ffd2aa59,0 .3vh .6vh #0009}#bossname{font:400 max(4.2vh, 16px)/1.15 var(--brush);color:#f6ead2;letter-spacing:.18em;text-shadow:0 0 .8vh #000000f2,0 0 2px #000}.btitle{font:400 max(1.9vh, 9px)/1 var(--brush);color:#dec48cd9;letter-spacing:.35em;text-shadow:0 0 4px #000;margin-bottom:.6vh}#bossdmg{color:#ffe3a0;text-shadow:0 0 .8vh #ff96288c,0 1px 2px #000;opacity:0;margin:0 .4vh .45vh auto;font:italic 700 max(2.6vh,12px)/1 Georgia,Times New Roman,serif;transition:opacity .4s}#bossdmg.show{opacity:1;transition:opacity 50ms}.bframe{padding:.55vh 1.4vh;position:relative}.bframe:before,.bframe:after{content:"";background:linear-gradient(90deg,#0000,#e6c480bf 12%,#ffe8b4f2 50%,#e6c480bf 88%,#0000);height:1px;position:absolute;left:-2vh;right:-2vh}.bframe:before{top:0}.bframe:after{bottom:0}.boss{height:max(1.3vh,6px)}.boss b{background:linear-gradient(#e85a46 0%,#b92c1f 35%,#7c160f 75%,#4e0a06 100%)}.boss .mark{z-index:2;background:#ffecc8d9;width:2px;position:absolute;top:0;bottom:0;left:60%;box-shadow:0 0 4px #ffc878e6}#bossbar.p2 .boss .mark{opacity:0}#bossbar.p2 .boss{border-color:#ff8c50e6;box-shadow:0 0 0 1px #0000008c,0 0 1.4vh #ff501ea6,inset 0 1px 3px #000000d9}#bossbar.p2 .boss b{background:linear-gradient(#ffc061 0%,#ff6a2a 30%,#c0230f 70%,#6e0c06 100%);animation:.6s ease-in-out infinite alternate rage}#bossbar.p2 #bossname{color:#ffd2b0;text-shadow:0 0 1.2vh #ff4614d9,0 0 2px #000}#vignette{pointer-events:none;z-index:3;background:radial-gradient(#0000 55%,#00000057 100%)}#lowhp{pointer-events:none;z-index:4;opacity:0;background:radial-gradient(#0000 50%,#96000099 100%);transition:opacity .4s}#lowhp.on{opacity:1;animation:1.05s ease-in-out infinite beat}#flash{pointer-events:none;z-index:6;opacity:0;background:#fff}#pops{pointer-events:none;z-index:7}.pop{white-space:nowrap;font:400 7vh/1 var(--brush);letter-spacing:.2em;text-indent:.2em;text-shadow:0 0 1vh #000000e6,0 0 3px #000;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)}.pop:before{content:"";z-index:-1;background:radial-gradient(#00000080,#0000 68%);position:absolute;top:-45%;bottom:-45%;left:-30%;right:-30%}.pop.gold{color:#ffe08a;text-shadow:0 0 1.5vh #ffaa28f2,0 0 .4vh #ffdc8ce6,0 0 3px #000}.pop.red{color:#ff4a30;text-shadow:0 0 2.4vh #ff1e00e6,0 0 .5vh #ff7850e6,0 0 3px #000;font-size:12vh}.pop.red:before{background:radial-gradient(#5a00008c,#0000 68%)}.pop.white{color:#fff}.pop.gray{color:#bbb;font-size:4.5vh}.pop.cyan{color:#bff4ff;text-shadow:0 0 1.5vh #50dcfff2,0 0 3px #000}#banner{pointer-events:none;z-index:7;opacity:0;flex-direction:column;justify-content:center;align-items:center;display:flex}#banner:before{content:"";z-index:-1;background:linear-gradient(#0000,#0000006b 28% 72%,#0000);height:34vh;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}#banner .bt{font:400 13vh/1.1 var(--brush);color:#f6ead0;letter-spacing:.3em;text-indent:.3em;text-shadow:0 0 2vh #000000f2,0 0 4px #000}#banner .bs{font:400 3.6vh/1 var(--brush);color:#d9c28e;letter-spacing:.5em;text-indent:.5em;text-shadow:0 0 6px #000;margin-top:1.5vh}#banner .bl{background:linear-gradient(90deg,#0000,#f0d7a0e6,#0000);width:46vw;height:1px;margin-top:1.2vh;box-shadow:0 0 .8vh #ffd28c80}@keyframes hpPulse{0%,to{box-shadow:0 0 0 1px #0000008c,0 0 .4vh #ff28144d,inset 0 1px 3px #000000d9}50%{box-shadow:0 0 0 1px #0000008c,0 0 1.6vh #ff2814e6,inset 0 1px 3px #000000d9}}@keyframes qiShake{0%,to{transform:translate(0)}25%{transform:translate(-.5vh)}75%{transform:translate(.5vh)}}@keyframes rage{0%{filter:brightness(.95)saturate()}to{filter:brightness(1.25)saturate(1.2)}}@keyframes beat{0%,to{opacity:.75}15%{opacity:1}30%{opacity:.8}45%{opacity:.95}}#ctrl{z-index:8}#joyZone{touch-action:none;width:46vw;height:82vh;position:absolute;top:18vh;left:0}#joyBase{left:calc(19vh + var(--sl));opacity:.5;background:radial-gradient(circle,#0000 58%,#f0d7a024 59%,#0000 61%),radial-gradient(circle,#0000000d,#00000047 70%,#ffffff08 72%);border:2px solid #f0d7a04d;border-radius:50%;width:26vh;height:26vh;margin:-13vh 0 0 -13vh;transition:opacity .15s;position:absolute;top:58vh;box-shadow:inset 0 0 2vh #00000059}#joyBase:before{content:"";background:linear-gradient(#f0d7a073,#f0d7a073) 50% 0/2px 1.4vh no-repeat,linear-gradient(#f0d7a073,#f0d7a073) 50% 100%/2px 1.4vh no-repeat,linear-gradient(#f0d7a073,#f0d7a073) 0/1.4vh 2px no-repeat,linear-gradient(#f0d7a073,#f0d7a073) 100%/1.4vh 2px no-repeat;border-radius:50%;position:absolute;top:6%;bottom:6%;left:6%;right:6%}#joyBase.on{opacity:1}#joyKnob{background:radial-gradient(circle at 38% 32%,#fff6e1d9,#d6b068a6 55%,#78582899);border:1px solid #fff0d28c;border-radius:50%;width:11vh;height:11vh;margin:-5.5vh 0 0 -5.5vh;position:absolute;top:50%;left:50%;box-shadow:0 .6vh 1.4vh #0009,inset 0 -.5vh 1vh #00000040}.btn{color:#f5e4ba;font-family:var(--brush);text-shadow:0 0 .6vh #ffc87859,0 0 4px #000;touch-action:none;background:radial-gradient(circle at 50% 32%,#4e444e94,#100e14d6 68%,#060609e6);border:2px solid #e8c27ab3;border-radius:50%;justify-content:center;align-items:center;transition:transform 60ms,border-color .1s,box-shadow .1s;display:flex;position:absolute;box-shadow:0 .7vh 1.8vh #0000008c,inset 0 .35vh .7vh #fff0d224,inset 0 -.6vh 1.2vh #00000073}.btn:before{content:"";pointer-events:none;border:1px solid #e8c27a38;border-radius:50%;position:absolute;top:9%;bottom:9%;left:9%;right:9%}.btn:after{content:"";opacity:0;pointer-events:none;border:2px solid #ffecbee6;border-radius:50%;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.btn.ready:after{animation:.7s ease-out ready}.btn span{z-index:2;pointer-events:none;position:relative}.btn.on{border-color:#fff2c8;transform:scale(.9);box-shadow:0 0 2.2vh #ffd68c99,inset 0 0 1.6vh #ffd68c59}.btn.off{opacity:.4;filter:grayscale()}.btn.glow{color:#ffe0c8;border-color:#ff6a40;animation:.35s ease-in-out infinite alternate glow}.btn .cd{z-index:1;pointer-events:none;background:conic-gradient(#000000b8 calc(var(--p,0) * 360deg), transparent 0);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.btn em{z-index:3;color:#fff;text-shadow:0 0 4px #000;pointer-events:none;font:600 2.4vh/1 Georgia,serif;position:absolute;bottom:13%}#bAtk{width:22vh;height:22vh;right:calc(4vh + var(--sr));font-size:9.5vh;bottom:6vh}#bDodge{width:18vh;height:18vh;right:calc(29vh + var(--sr));font-size:7.5vh;bottom:3vh}#bSkill{width:16vh;height:16vh;right:calc(22.6vh + var(--sr));color:#d8f6ff;text-shadow:0 0 .8vh #5ad2ff99,0 0 4px #000;border-color:#82dcffcc;font-size:5.4vh;bottom:24.6vh}#bSkill:before{border-color:#82dcff40}#bSkill:after{border-color:#a0ebfff2}#bBlock{width:16vh;height:16vh;right:calc(5vh + var(--sr));font-size:6.6vh;bottom:33vh}@keyframes glow{0%{box-shadow:0 0 1vh #ff5a3299,inset 0 0 1vh #ff5a324d}to{box-shadow:0 0 4vh #ff783c,inset 0 0 2vh #ff783c80}}@keyframes ready{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}#title{z-index:20;background:radial-gradient(#00000026 0%,#0000008c 60%,#000000eb 100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.trow{align-items:center;animation:2.4s cubic-bezier(.2,.7,.2,1) both titleIn;display:flex}.tw{font:400 17vh/1.15 var(--brush);letter-spacing:.06em;background:linear-gradient(#fff6d8 0%,#efc876 45%,#a06a22 100%);color:#0000;filter:drop-shadow(0 .6vh 1.2vh #000000e6);-webkit-background-clip:text;background-clip:text}.tdash{background:linear-gradient(90deg,#a06a22,#f3d48e,#a06a22);border-radius:.6vh;width:7vh;height:1.3vh;margin:0 2.4vh;box-shadow:0 .4vh 1vh #000c}.tsub{letter-spacing:1.2em;text-indent:1.2em;color:#e8cd96bf;margin-top:1vh;font:500 2.6vh/1 Georgia,Times New Roman,serif;animation:1.5s 1.2s both fadeIn}#press{font:400 4.8vh/1 var(--brush);color:#f1e2be;letter-spacing:.5em;text-indent:.5em;text-shadow:0 0 1.5vh #ffc87899,0 0 4px #000;opacity:0;margin-top:9vh;animation:.6s 2.2s forwards fadeIn,1.5s ease-in-out 2.8s infinite blink}.tip{color:#ffffff59;letter-spacing:.2em;font-size:max(1.8vh,9px);position:absolute;bottom:3vh}@keyframes titleIn{0%{opacity:0;filter:blur(1.5vh);letter-spacing:.5em;transform:scale(1.25)}to{opacity:1;filter:blur();transform:scale(1)}}#death{z-index:15;background:radial-gradient(#14000040 0%,#000000bf 75%,#000000f2 100%);flex-direction:column;justify-content:center;align-items:center;animation:2s both fadeIn;display:flex}.dtext{font:400 16vh/1.2 var(--brush);color:#cfc6bd;letter-spacing:.12em;text-shadow:0 0 2.5vh #8c0a0ae6,0 .5vh 1vh #000}.dtext span{opacity:0;animation:1.6s forwards sadIn;display:inline-block}.dline{background:linear-gradient(90deg,#0000,#c83c32e6,#0000);width:0;height:1px;margin-top:2vh;animation:2.5s 2.8s forwards lineGrow}.hint{font:400 3.6vh/1 var(--brush);color:#f0e6d2cc;letter-spacing:.4em;text-indent:.4em;opacity:0;margin-top:6vh;animation:.8s forwards fadeIn,1.8s ease-in-out infinite blink}#death .hint{animation-delay:4.2s,5s}@keyframes sadIn{0%{opacity:0;filter:blur(1.2vh);transform:translateY(-2vh)}to{opacity:1;filter:blur();transform:none}}@keyframes lineGrow{to{width:60vw}}#win{z-index:15;flex-direction:column;justify-content:center;align-items:center;display:flex}.wband{background:linear-gradient(#0000,#000000b8 25% 75%,#0000);width:100%;height:30vh;animation:1s both fadeIn;position:absolute;top:50%;left:0;transform:translateY(-58%)}.wtext{align-items:center;animation:2.2s cubic-bezier(.15,.8,.25,1) both winIn;display:flex;position:relative}.wtext .tw{filter:drop-shadow(0 0 2.2vh #ffbe508c);font-size:15vh}#win .hint{animation-delay:3.2s,4s;position:relative}@keyframes winIn{0%{opacity:0;filter:blur(1vh);transform:scale(1.35)}45%{opacity:1;filter:blur()}to{opacity:1;transform:scale(1)}}#fade{z-index:30;opacity:0;pointer-events:none;background:#000;transition:opacity .6s}#fade.on{opacity:1}#rotate{z-index:50;color:#e8d7b2;background:#0b0b0d;flex-direction:column;justify-content:center;align-items:center;display:none}#rotate .ph{border:.8vw solid #e8d7b2;border-radius:2vw;width:12vw;height:22vw;animation:2s ease-in-out infinite rot}#rotate p{font:400 6vw/1.4 var(--brush);letter-spacing:.3em;margin-top:8vw}@keyframes rot{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait){#rotate{display:flex}}