:root{--k: 1;--font: "PingFang SC", "HarmonyOS Sans", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--gold: #ffc25a;--gold2: #e89a2c;--panel: rgba(22, 16, 30, .72);--panel2: rgba(34, 24, 44, .9);--red: #ff3b4e;--yellow: #ffd23f;--cyan: #47f0ff;--ink: #fff7ec;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--u: calc(var(--k) * 1px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#1b1226;color:var(--ink);font-family:var(--font);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}#app{position:fixed;inset:0}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:absolute;inset:0;pointer-events:none}button{font-family:var(--font)}.ico{width:100%;height:100%;display:block}.hud{position:absolute;inset:0;pointer-events:none}.hud .bar{position:relative;overflow:hidden;background:#140e1ac7;clip-path:polygon(calc(var(--u)*14) 0,100% 0,calc(100% - calc(var(--u)*14)) 100%,0 100%);box-shadow:inset 0 0 0 2px #ffc25a8c}.hud .bar i{position:absolute;left:0;top:0;bottom:0;width:100%;transition:width .12s linear}.hud .bar i.lag{background:#fff0dcbf;transition:none}.hud-tl{position:absolute;left:calc(var(--sal) + var(--u)*32);top:calc(var(--sat) + var(--u)*16);display:flex;align-items:flex-start}.avatar{position:relative;width:max(54px,calc(var(--u)*118));height:max(54px,calc(var(--u)*118));flex:none;z-index:2}.avatar img{position:absolute;inset:9%;width:82%;height:82%;border-radius:50%;background:#f7d9c4;box-shadow:0 0 0 3px #2a1a20}.qi-ring{position:absolute;inset:0;transform:rotate(-90deg)}.qi-bg{fill:#1e141ed9;stroke:#ffc25a59;stroke-width:7}.qi-fg{fill:none;stroke:var(--gold);stroke-width:7;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289;transition:stroke-dashoffset .2s;filter:drop-shadow(0 0 4px #ff9a2a)}.avatar.full .qi-fg{stroke:#fff1a8;animation:qiPulse .8s ease-in-out infinite alternate}.qi-tag{white-space:nowrap;position:absolute;bottom:-4%;left:50%;transform:translate(-50%);font-size:max(10px,calc(var(--u)*17));font-weight:900;color:#2a1408;background:linear-gradient(#ffd77a,#f0a030);padding:0 .5em;border-radius:6px;box-shadow:0 0 0 2px #3a2010}@keyframes qiPulse{0%{filter:drop-shadow(0 0 3px #ffb030)}to{filter:drop-shadow(0 0 12px #fff0a0)}}.hud-tl .bars{margin-left:calc(var(--u)*-6);margin-top:calc(var(--u)*24);display:flex;flex-direction:column;gap:calc(var(--u)*9)}.bar.hp{width:max(140px,calc(var(--u)*318));height:max(12px,calc(var(--u)*28))}.bar.hp .fill{background:linear-gradient(180deg,#ff6a74,#e8203a 55%,#b8102c)}.bar.st{width:max(110px,calc(var(--u)*246));height:max(8px,calc(var(--u)*18));margin-left:calc(var(--u)*-4)}.bar.st .fill{background:linear-gradient(180deg,#fff08a,#ffd23f 55%,#e0a812)}.bar.st.warn{animation:warn .45s}@keyframes warn{0%,to{box-shadow:inset 0 0 0 2px #ffc25a8c}30%{box-shadow:inset 0 0 0 3px #ff3b3b}}.buffs{display:flex;gap:6px;margin-left:calc(var(--u)*6)}.bf{font-style:normal;font-weight:900;font-size:max(11px,calc(var(--u)*17));padding:1px 8px;border-radius:8px;border:2px solid;background:#140e1abf}.bf.atk{color:#b8ff7a;border-color:#7acc3a}.bf.dash{color:#7affd0;border-color:#2ec08a}.hud-top{position:absolute;left:50%;top:calc(var(--sat) + var(--u)*8);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:max(240px,calc(var(--u)*560))}.boss-name{font-weight:900;font-size:max(13px,calc(var(--u)*29));letter-spacing:.06em;color:#fff;line-height:1.25;padding:calc(var(--u)*4) calc(var(--u)*70);background:linear-gradient(90deg,#0e0a1400,#0e0a14c7 22% 78%,#0e0a1400);text-shadow:0 2px 0 #2a1a10,0 0 6px rgba(0,0,0,.6)}.bar.boss{width:100%;height:max(12px,calc(var(--u)*26));margin-top:calc(var(--u)*4);clip-path:polygon(0 50%,calc(var(--u)*14) 0,calc(100% - calc(var(--u)*14)) 0,100% 50%,calc(100% - calc(var(--u)*14)) 100%,calc(var(--u)*14) 100%)}.bar.boss .fill{background:linear-gradient(180deg,#ff6a5a,#e8203a 55%,#a80c2a)}.bar.boss .pip{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#ffffff80}.bar.brk{width:64%;height:max(6px,calc(var(--u)*12));margin-top:calc(var(--u)*6);box-shadow:inset 0 0 0 1.5px #47f0ff80}.bar.brk .fill{background:linear-gradient(180deg,#b8ffff,#47f0ff 50%,#13a8c8);box-shadow:0 0 8px #47f0ff}.banner{margin-top:calc(var(--u)*12);padding:calc(var(--u)*8) calc(var(--u)*36);min-height:max(28px,calc(var(--u)*42));font-weight:800;font-size:max(12px,calc(var(--u)*22));color:#fff;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(180deg,#1e1622e6,#120c16e0);clip-path:polygon(calc(var(--u)*16) 0,calc(100% - calc(var(--u)*16)) 0,100% 50%,calc(100% - calc(var(--u)*16)) 100%,calc(var(--u)*16) 100%,0 50%);box-shadow:inset 0 0 0 2px var(--gold);opacity:0;transform:translateY(-6px) scale(.96);transition:opacity .2s,transform .2s;display:flex;align-items:center;gap:.1em}.banner.show{opacity:1;transform:none}.banner .bn-name{color:#fff}.banner .bn-tip{font-weight:700}.banner.red{box-shadow:inset 0 0 0 2px #ff4a4a}.banner.red .bn-name{color:#fff}.banner.cyan{box-shadow:inset 0 0 0 2px var(--cyan)}.banner.cyan .bn-name,.banner.gold .bn-name{color:#fff}.hud.phase2 .boss-name{color:#ffd0d0}.hud.phase2 .bar.boss{box-shadow:inset 0 0 0 2px #ff4a4a}.hud-tr{position:absolute;right:calc(var(--sar) + var(--u)*30);top:calc(var(--sat) + var(--u)*26);display:flex;gap:calc(var(--u)*36);pointer-events:auto}.hbtn{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:.3em;cursor:pointer;color:#fff;height:max(44px,calc(var(--u)*62));min-width:max(44px,calc(var(--u)*62));padding:0 calc(var(--u)*14);border-radius:calc(var(--u)*14);background:linear-gradient(180deg,#281e2ce6,#100c14e6);border:2px solid var(--gold);box-shadow:0 2px 8px #0006,inset 0 0 10px #ffc25a26;font-weight:900;font-size:max(14px,calc(var(--u)*26))}.hbtn .ico{width:max(22px,calc(var(--u)*40));height:max(22px,calc(var(--u)*40))}.codex-btn{min-width:max(96px,calc(var(--u)*150))}.hbtn:active{transform:scale(.94)}.combo{position:absolute;right:calc(var(--sar) + var(--u)*60);top:30%;text-align:right;opacity:0;transition:opacity .2s}.combo.show{opacity:1}.combo b{display:block;font-size:max(30px,calc(var(--u)*76));font-weight:900;font-style:italic;color:#fff3c0;line-height:1;text-shadow:0 3px 0 #c8641a,0 0 14px rgba(255,160,40,.8)}.combo span{font-weight:900;font-size:max(12px,calc(var(--u)*24));color:var(--gold);text-shadow:0 2px 0 #3a2010}.combo.pop b{animation:pop .18s ease-out}@keyframes pop{0%{transform:scale(1.35)}to{transform:scale(1)}}.subtitle{position:absolute;left:50%;bottom:calc(var(--sab) + max(12px,calc(var(--u)*30)));transform:translate(-50%);max-width:min(64vw,900px);background:#100a14a8;padding:6px 16px;border-radius:10px;font-size:max(13px,calc(var(--u)*24));font-weight:700;opacity:0;transition:opacity .25s;text-align:center}.subtitle.show{opacity:1}.subtitle b{color:#7ff0ff}.subtitle.boss b{color:#ffb070}.toast{position:absolute;left:calc(var(--sal) + var(--u)*40);top:calc(var(--sat) + max(96px,calc(var(--u)*170)));max-width:max(220px,calc(var(--u)*420));background:var(--panel2);border:2px solid #7affd0;border-radius:12px;padding:8px 14px;opacity:0;transform:translate(-20px);transition:all .25s}.toast.show{opacity:1;transform:none}.t-name{font-weight:900;color:#7affd0;font-size:max(13px,calc(var(--u)*24))}.t-tip{font-size:max(12px,calc(var(--u)*20));margin-top:2px}.perfect-banner{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font-size:max(22px,calc(var(--u)*56));font-weight:900;color:#dffcff;text-shadow:0 0 18px #47f0ff,0 3px 0 #0a6a80;opacity:0;white-space:nowrap}.perfect-banner.show{animation:perfect 1.4s ease-out forwards}@keyframes perfect{0%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)}}.keyhint{position:absolute;right:calc(var(--u)*24);bottom:calc(var(--u)*16);font-size:13px;color:#ffffffbf;background:#100a1480;padding:4px 10px;border-radius:8px}body.touch .keyhint,body.shot .keyhint{display:none}.dmg-layer{position:absolute;inset:0;overflow:hidden}.dmg{position:absolute;left:0;top:0;font-weight:900;font-style:italic;font-size:max(16px,calc(var(--u)*34));color:#fff;opacity:0;text-shadow:0 2px 0 #4a2a10,0 0 6px rgba(0,0,0,.6);will-change:transform;white-space:nowrap}.dmg.heavy{color:#ffe38a;font-size:max(20px,calc(var(--u)*44))}.dmg.core{color:#7ff8ff;font-size:max(22px,calc(var(--u)*50));text-shadow:0 2px 0 #0a5a70,0 0 10px #47f0ff}.dmg.player{color:#ff6a6a;text-shadow:0 2px 0 #4a0a10}.fx-hurt,.fx-bullet,.fx-flash,.fx-field{position:absolute;inset:0;pointer-events:none;opacity:0}.fx-hurt{background:radial-gradient(ellipse at center,transparent 50%,rgba(255,20,40,.55))}.fx-hurt.on{animation:fade .5s ease-out}.fx-flash{background:#fff}.fx-flash.on{animation:fade .25s ease-out}@keyframes fade{0%{opacity:1}to{opacity:0}}.fx-bullet{background:radial-gradient(ellipse at center,transparent 45%,rgba(70,220,255,.35));transition:opacity .15s}.fx-bullet.on{opacity:1}.fx-field{background:radial-gradient(ellipse at center,transparent 55%,rgba(170,90,255,.4));transition:opacity .3s}.fx-field.on{opacity:1}.touch{position:absolute;inset:0;pointer-events:none}.stick-zone{position:absolute;pointer-events:auto;touch-action:none}.stick-base{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#1e1e2861,#1e1e2873 60%,#2828348c);border:2px solid rgba(255,255,255,.6);box-shadow:0 0 20px #00000040;transition:opacity .2s;opacity:.85}.stick-base.active{opacity:1}.stick-base .ar{position:absolute;width:0;height:0;border:9px solid transparent;opacity:.9}.stick-base .ar.u{left:50%;top:7%;transform:translate(-50%);border-bottom:11px solid #fff;border-top:0}.stick-base .ar.d{left:50%;bottom:7%;transform:translate(-50%);border-top:11px solid #fff;border-bottom:0}.stick-base .ar.l{top:50%;left:7%;transform:translateY(-50%);border-right:11px solid #fff;border-left:0}.stick-base .ar.r{top:50%;right:7%;transform:translateY(-50%);border-left:11px solid #fff;border-right:0}.stick-knob{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#e4e4e8 60%,#b8b8c0);box-shadow:0 3px 10px #0006}.tbtn{position:absolute;pointer-events:auto;touch-action:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#3c2e3ceb,#100c12eb);border:3px solid rgba(255,255,255,.85);box-shadow:0 4px 14px #00000073,inset 0 0 12px #ffc25a33}.tbtn .ico{width:56%;height:56%}.tbtn.btn-big{border-color:var(--gold);box-shadow:0 0 18px #ffaa3c99,inset 0 0 18px #ffc25a4d}.tbtn.btn-big .ico{width:62%;height:62%;color:#fff4dc;filter:drop-shadow(0 0 6px #ffb040)}.tbtn.btn-ult{display:none;border-color:#fff0a0;background:radial-gradient(circle,#ffd060,#e07a10);color:#3a1a00;animation:ultGlow .7s ease-in-out infinite alternate}.tbtn.btn-ult.show{display:flex}@keyframes ultGlow{0%{box-shadow:0 0 10px #ffb030}to{box-shadow:0 0 30px #fff0a0}}.tbtn.down{transform:scale(.9);filter:brightness(1.4)}.tlabel{position:absolute;bottom:-1.5em;font-size:11px;font-weight:800;color:#ffffffd9;text-shadow:0 1px 2px #000;white-space:nowrap;display:none}.screens{position:absolute;inset:0;pointer-events:none}.modal{position:absolute;inset:0;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(12px,var(--sat)) max(16px,var(--sar)) max(12px,var(--sab)) max(16px,var(--sal))}.panel{background:#0a060e8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.panel>*{max-width:920px}.panel h2{margin:0 0 10px;font-size:clamp(20px,4.2vh,34px);color:#ffd68a;text-shadow:0 2px 0 #3a2010}.panel h2 small{font-size:.6em;color:#fff;opacity:.7}.btn{pointer-events:auto;min-height:52px;min-width:150px;padding:8px 22px;border-radius:14px;cursor:pointer;font-size:clamp(16px,3.4vh,22px);font-weight:900;color:#fff;background:linear-gradient(180deg,#382a3ef2,#18101cf2);border:2px solid rgba(255,194,90,.75);box-shadow:0 3px #0006;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn .ico{width:22px;height:22px}.btn.primary{background:linear-gradient(180deg,#ffcf6a,#f08a1c);color:#2a1200;border-color:#fff0c0}.btn:active{transform:translateY(2px) scale(.98)}.btn:disabled{opacity:.5}.menu{display:flex;flex-direction:column;gap:10px;align-items:stretch;margin-top:12px}.menu.row{flex-direction:row;flex-wrap:wrap;justify-content:center}.logo{display:flex;flex-direction:column;align-items:center}.logo .l1{font-size:clamp(40px,12vh,110px);font-weight:900;letter-spacing:.08em;color:#fff3d0;-webkit-text-stroke:3px #7a2a10;text-shadow:0 6px 0 #c8501a,0 10px 24px rgba(0,0,0,.5);line-height:1.05}.logo .l2{margin-top:4px;font-size:clamp(16px,4.4vh,38px);font-weight:900;color:#2a1200;background:linear-gradient(#ffd77a,#f0a030);padding:2px 22px;border-radius:10px;letter-spacing:.3em}.title{background:linear-gradient(180deg,#140a1e26,#140a1e8c)}.title .menu{margin-top:4vh;width:min(320px,70vw)}.title .foot{position:absolute;bottom:max(10px,var(--sab));left:0;right:0;text-align:center;font-size:12px;color:#fffc;text-shadow:0 1px 2px #000}.title .corner{position:absolute;right:max(16px,var(--sar));top:max(14px,var(--sat))}.loading{background:radial-gradient(ellipse at center,#3a2240,#160c1c)}.pbar{width:min(420px,70vw);height:14px;border-radius:8px;margin-top:5vh;background:#ffffff1f;overflow:hidden;border:2px solid rgba(255,194,90,.6)}.pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd23f,#ff7a2a);transition:width .2s}.ptext{margin-top:8px;font-size:14px;opacity:.8}.ltip{margin-top:3vh;max-width:min(560px,86vw);text-align:center;font-size:15px;color:#ffe0b0}.helpbox ul{margin:4px 0;padding-left:1.2em;font-size:clamp(13px,2.8vh,17px);line-height:1.6}.helpbox .cols{display:flex;gap:40px;flex-wrap:wrap;justify-content:center}.helpbox h3{margin:6px 0 2px;color:var(--gold);font-size:17px}.helpbox b.o{color:#ff8a5a}.helpbox b.c{color:var(--cyan)}.helpbox .btn{margin-top:10px}.helpbox{overflow:auto;justify-content:flex-start;padding-top:max(16px,var(--sat))}.quiz{background:#06141e80}.quiz>*{width:min(760px,92vw)}.q-head{display:flex;align-items:center;gap:12px}.q-badge{background:linear-gradient(#b8ffff,#2ad0e8);color:#022a34;font-weight:900;padding:3px 14px;border-radius:8px;font-size:clamp(14px,3vh,20px)}.q-sub{font-size:14px;opacity:.85}.q-text{margin:10px 0;padding:12px 18px;background:#100a14d9;border:2px solid var(--cyan);border-radius:14px;font-size:clamp(17px,4.4vh,28px);font-weight:900;line-height:1.35}.q-opts{display:flex;flex-direction:column;gap:8px}.opt{justify-content:flex-start;text-align:left;min-height:max(56px,11vh);width:100%;font-size:clamp(16px,3.8vh,24px)}.opt b{display:inline-flex;width:1.6em;height:1.6em;align-items:center;justify-content:center;border-radius:50%;background:#ffc25a40;color:var(--gold);margin-right:10px;flex:none}.opt.right{background:linear-gradient(180deg,#4ad87a,#1a9a4a);border-color:#c8ffd8}.opt.wrong{background:linear-gradient(180deg,#e8505a,#a01a2a);border-color:#ffc8c8}.q-explain{display:none;margin-top:8px;background:#100a14e6;border-radius:12px;padding:8px 14px;font-size:clamp(13px,3vh,18px)}.q-explain.show{display:block}.q-explain .ok{color:#7aff9a;font-weight:900;font-size:1.2em}.q-explain .ng{color:#ffd68a;font-weight:900}.q-explain p{margin:4px 0}.q-explain small{display:block;opacity:.7;margin-bottom:6px}.result{overflow:auto}.result h1{margin:0;font-size:clamp(30px,8vh,64px);font-weight:900;color:#fff3c0;text-shadow:0 4px 0 #c8641a}.result.lose h1{color:#e0e0ff;text-shadow:0 4px 0 #5a4a8a}.r-sub{opacity:.9;margin-bottom:1.5vh}.stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.stats div{background:var(--panel2);border:2px solid rgba(255,194,90,.6);border-radius:12px;padding:6px 16px;text-align:center;min-width:110px}.stats b{display:block;font-size:clamp(20px,5vh,32px);color:var(--gold)}.stats span{font-size:13px;opacity:.85}.r-cards-title{margin-top:2vh;font-weight:800;color:#ffd68a}.r-cards{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}.mini-card,.card-cell{position:relative;cursor:pointer;width:clamp(84px,16vh,120px);aspect-ratio:3/4;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,#3a2a44,#1c1222);border:2px solid var(--gold);color:#fff;font-weight:800;font-size:14px;padding:6px}.mini-card .ic,.card-cell .ic{font-size:clamp(28px,7vh,44px)}.mini-card .new{position:absolute;top:-8px;right:-8px;background:#ff3b4e;color:#fff;font-style:normal;font-size:11px;padding:2px 6px;border-radius:8px}.codex .grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.card-cell.off{cursor:default;border-color:#fff3;color:#fff6;background:#140e1acc}.card-cell.off .ico{width:34%;height:auto}.codex .hint{margin-top:8px;font-size:13px;opacity:.75}.codex .btn{margin-top:10px}.card{background:#0a060eb3}.card>*{max-width:min(640px,90vw)}.c-icon{font-size:clamp(40px,10vh,72px)}.card h2{margin:4px 0}.c-body{font-size:clamp(15px,3.4vh,20px);line-height:1.7;background:#1e1424d9;border:2px solid rgba(255,194,90,.5);border-radius:14px;padding:12px 18px;margin:6px 0}.c-tcm{color:#ffb070;font-weight:800;font-size:14px}.c-src{font-size:13px;opacity:.8;margin-top:4px;text-align:center}.rotate{position:absolute;inset:0;z-index:50;display:none;flex-direction:column;align-items:center;justify-content:center;background:#1b1226;pointer-events:auto}.rotate.show{display:flex}.rotate .ico{width:110px;height:110px;color:var(--gold);animation:rot 1.6s ease-in-out infinite}.rotate p{font-size:22px;font-weight:900;margin:16px 0 4px}@keyframes rot{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (max-height: 460px){.codex .grid{grid-template-columns:repeat(6,1fr);gap:6px}.mini-card,.card-cell{width:80px;font-size:12px}.panel h2{margin-bottom:4px}.btn{min-height:48px;padding:6px 16px}.menu{gap:6px;margin-top:6px}}.result,.codex,.helpbox,.card{justify-content:safe center;overflow:auto}@media (max-height: 460px){.result h1{font-size:30px}.r-sub{margin-bottom:4px;font-size:13px}.stats div{padding:2px 10px;min-width:84px}.stats b{font-size:20px}.r-cards-title{margin-top:6px;font-size:13px}.r-cards{gap:6px}.mini-card{width:70px;aspect-ratio:auto;height:70px;font-size:11px;gap:2px}.mini-card .ic{font-size:24px}.card-cell{width:76px;aspect-ratio:auto;height:76px}.card-cell .ic{font-size:26px}.q-text{margin:6px 0;padding:8px 14px}.opt{min-height:54px}.c-body{line-height:1.5;padding:8px 14px}}.touch{z-index:2}.screens{z-index:5}.hud{z-index:1}@media (max-height: 460px){.combo{right:calc(var(--sar) + 26vw);top:22%}}.hud .bar{overflow:visible;box-shadow:none;padding:2px;background:linear-gradient(180deg,#e8c677,#a87a30)}.hud .bar .track{position:relative;width:100%;height:100%;overflow:hidden;background:#1c1c24;clip-path:polygon(calc(var(--u)*13) 0,100% 0,calc(100% - calc(var(--u)*13)) 100%,0 100%)}.hud .bar.boss,.hud .bar.boss .track{clip-path:polygon(0 50%,calc(var(--u)*14) 0,calc(100% - calc(var(--u)*14)) 0,100% 50%,calc(100% - calc(var(--u)*14)) 100%,calc(var(--u)*14) 100%)}.hud .bar.brk{box-shadow:none;padding:1.5px}.hud .bar.brk .fill{box-shadow:none}.hud .bar.st.warn{animation:warn2 .45s}@keyframes warn2{30%{background:#ff3b3b}}.hud.phase2 .bar.boss{box-shadow:none;background:linear-gradient(180deg,#ff8a7a,#b8202a)}.qi-bg{stroke:#d8b064;stroke-width:3.5;fill:#1e141ed9}.qi-fg{stroke-width:4}.boss-name{letter-spacing:.02em;text-shadow:0 0 2px #1a1010,0 2px 0 #2a1a10,1px 1px 0 #2a1a10,-1px -1px 0 #2a1a10,1px -1px 0 #2a1a10,-1px 1px 0 #2a1a10}.banner{clip-path:none;overflow:visible;position:relative;border:1.5px solid #c9a050;border-radius:5px;background:#120c16d1;box-shadow:0 2px 10px #00000059;padding:calc(var(--u)*7) calc(var(--u)*34)}.banner:before,.banner:after{content:"";position:absolute;top:50%;width:max(7px,calc(var(--u)*12));height:max(7px,calc(var(--u)*12));background:linear-gradient(135deg,#f4d488,#b8862e);transform:translateY(-50%) rotate(45deg);box-shadow:0 0 0 1.5px #3a2a10}.banner:before{left:max(-5px,calc(var(--u)*-7))}.banner:after{right:max(-5px,calc(var(--u)*-7))}.banner .bn-tip{overflow:hidden;text-overflow:ellipsis}.banner.red{box-shadow:0 2px 10px #00000059;border-color:#ff6a5a}.banner.cyan{box-shadow:0 2px 10px #00000059;border-color:var(--cyan)}.stick-base{background:#1e1e2880;border:2px solid rgba(228,228,238,.75);box-shadow:none;opacity:1}.stick-base .ar.u{border-bottom-color:#dcdce4}.stick-base .ar.d{border-top-color:#dcdce4}.stick-base .ar.l{border-right-color:#dcdce4}.stick-base .ar.r{border-left-color:#dcdce4}.tbtn.btn-big{box-shadow:0 0 26px #ffa032d9,inset 0 0 20px #ffc25a59}.hud .bar{padding:1.5px}.hud .bar .track{padding:max(2px,calc(var(--u)*4));box-sizing:border-box}.hud .bar .track i{top:max(2px,calc(var(--u)*4));bottom:max(2px,calc(var(--u)*4));left:max(2px,calc(var(--u)*4));max-width:calc(100% - (2*max(2px,calc(var(--u)*4))));border-radius:calc(var(--u)*6)}.hud .bar.brk .track{padding:1px}.hud .bar.brk .track i{top:1px;bottom:1px;left:1px;max-width:calc(100% - 2px)}.hud .bar.hp{width:max(150px,calc(var(--u)*328));height:max(14px,calc(var(--u)*30))}.hud .bar.st{width:max(116px,calc(var(--u)*255));height:max(10px,calc(var(--u)*20))}.bar.boss{width:calc(100% - var(--u)*23)}.qi-bg{stroke-width:2.5}.qi-fg{stroke-width:3}.banner{border:none;border-radius:0;background:#120c16d6;clip-path:polygon(calc(var(--u)*14) 0,calc(100% - calc(var(--u)*14)) 0,100% calc(var(--u)*14),100% calc(100% - calc(var(--u)*14)),calc(100% - calc(var(--u)*14)) 100%,calc(var(--u)*14) 100%,0 calc(100% - calc(var(--u)*14)),0 calc(var(--u)*14));box-shadow:inset 0 0 0 1.5px #c9a050}.banner:before,.banner:after{width:max(8px,calc(var(--u)*14));height:62%;top:19%;transform:none;background:none;box-shadow:none;border:2px solid #e2bd6a}.banner:before{left:calc(var(--u)*5);border-right:none}.banner:after{right:calc(var(--u)*5);border-left:none}.stick-base{background:#1e1e289e}.boss-name{letter-spacing:0}.boss-name .dot{display:inline-block;margin:0 calc(var(--u)*-4)}.bar.boss{width:calc(100% - var(--u)*41)}.hud .bar.st{width:max(124px,calc(var(--u)*268))}.bar.hp .fill{background:linear-gradient(180deg,#ff8a96,#f0384a 35%,#c41a32)}.banner{font-size:max(12px,calc(var(--u)*20))}.qi-bg{stroke-width:2}.qi-fg{stroke-width:2.6}.tbtn.btn-big{box-shadow:0 0 34px #ffa032f2,0 0 12px #ffbe5acc,inset 0 0 20px #ffc25a66}