:root{--cool:#6fdcff;--cool2:#2c7fd6;--warm:#ff7a2a;--warm2:#c8401a;--amber:#ffae3a;--ice:#d6f2ff;--ink:#ece6da;--dim:#8f97a6;--panel:#0c0f15;--line:#2b3240;--gold:#c9a36a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;color:var(--ink);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#07080b;margin:0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;overflow:hidden}#safe-probe{visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed}#app{background:var(--panel);position:fixed;overflow:hidden}#view{touch-action:none;display:block;position:absolute}#topbar{border-bottom:1px solid var(--line);z-index:2;background:linear-gradient(#161a23 0%,#0e1117 100%);flex-direction:column;justify-content:center;gap:12px;padding:0 66px 0 12px;display:flex;position:absolute;box-shadow:inset 0 -1px #c9a36a2e}#app[data-mode=landscape] #topbar{gap:7px}.boss-row,.player-row{align-items:center;gap:8px;min-width:0;display:flex}.boss-name{letter-spacing:2px;color:#ffd2a0;white-space:nowrap;align-items:center;gap:5px;font-size:13px;font-weight:800;display:flex}.phase{letter-spacing:0;color:#1a0e06;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(#ffcf8a,#d9812f);place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:inline-grid}.phase.p2{color:#fff;background:linear-gradient(#ff6ad8,#9a2a8a)}.bars{font-variant-numeric:tabular-nums;color:#ffd2a0;text-align:right;min-width:24px;font-size:13px;font-weight:800}.bar{background:#1a1e27;border:1px solid #3a4150;border-radius:2px;flex:auto;min-width:0;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.bar .fill,.bar .lag,.bar .under{transform-origin:0;position:absolute;inset:0}.bar .num{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px #000000e6;z-index:4;font-size:10px;font-weight:700;line-height:1;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.boss-bar{border-color:#5a4630;height:15px}.boss-bar .under{z-index:0;background:repeating-linear-gradient(90deg,#4a2414 0 6px,#3a1c10 6px 8px);display:none}.boss-bar.more .under{display:block}.boss-bar .fill{z-index:2;background:linear-gradient(#ffb060 0%,#e3561e 55%,#b23a14 100%)}.boss-bar.p2 .fill{background:linear-gradient(#ff9a6a 0%,#e0402a 55%,#9e1f3a 100%)}.boss-bar .lag{opacity:.6;z-index:1;background:#f3e2c8}.hp-ico{width:14px;height:14px;fill:var(--cool);filter:drop-shadow(0 0 3px #5fd6ff80);flex:none}.hp-bar{flex:1.5 1 0;height:12px}.hp-bar .fill{background:linear-gradient(#8ceaff 0%,#3a9ae6 60%,#2566b8 100%)}.st-bar{flex:1 1 0;height:7px}.st-bar .fill{background:linear-gradient(#e6fbff,#97d6e8);transition:background .15s}.st-bar .fill.low{background:linear-gradient(#7c8c96,#56646d)}.charge{flex:none;gap:4px;display:flex}.charge i{background:#161a22;border:1px solid #56606f;width:13px;height:13px;transition:background 80ms,border-color 80ms,box-shadow 80ms;transform:rotate(45deg)scale(.8)}.charge i.fill1{background:linear-gradient(135deg,#ffd08a,#e0822a);border-color:#ffc070;box-shadow:0 0 6px #ffaa3cb3}.charge i.fill2{background:linear-gradient(135deg,#fff,#9fd8ff);border-color:#e0f6ff;box-shadow:0 0 8px #beebffe6}.charge i.part{background:linear-gradient(0deg, #9a6a2a var(--k,0%), #161a22 var(--k,0%))}.icon-btn{cursor:pointer;touch-action:manipulation;background:#1a1f29;border:1px solid #3a4352;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;margin-top:-22px;padding:0;display:flex;position:absolute;top:50%;right:10px}.icon-btn span{background:var(--ink);border-radius:1px;width:5px;height:16px}.icon-btn:active{background:#262d3a}#panel{box-shadow:inset 0 1px 0 var(--line), inset 0 2px 0 #c9a36a26;touch-action:none;z-index:2;background:radial-gradient(at 52% 62%,#171c26 0%,#0c0f15 75%);position:absolute}#app[data-mode=landscape] #panel{box-shadow:inset 1px 0 0 var(--line), inset 2px 0 0 #c9a36a26;background:radial-gradient(at 45% 80%,#171c26 0%,#0c0f15 75%)}#base{pointer-events:none;background:radial-gradient(circle,#10141b 0%,#0f131a 58%,#1b212c 60%,#10141b 66%,#10141b00 72%);border-radius:50%;position:absolute}#ring{pointer-events:none;background:radial-gradient(circle,#3c6e9633 0%,#1e324614 70%);border:2px solid #8fc8eb8c;border-radius:50%;transition:border-color .1s,box-shadow .1s;position:absolute;box-shadow:inset 0 0 14px #5fd6ff1f}#ring.held{border-color:#8fe6fff2;box-shadow:inset 0 0 20px #5fd6ff4d,0 0 10px #5fd6ff40}#ring.c1{border-color:#ffbe6ef2;box-shadow:inset 0 0 22px #ffa03c59,0 0 12px #ffa03c59}#ring.c2{border-color:#e6f8ff;box-shadow:inset 0 0 26px #beebff73,0 0 16px #beebff80}#dot{background:#c8ebffd9;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#ring.tap #dot{animation:.2s ease-out tapPulse}@keyframes tapPulse{0%{box-shadow:0 0 #a0ebffe6}to{box-shadow:0 0 0 16px #a0ebff00}}#rimMark{--a:0deg;background:var(--cool);width:14px;height:14px;box-shadow:0 0 10px var(--cool);opacity:0;transform:rotate(var(--a)) translateX(var(--r,58px));border-radius:50%;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%}#app[data-mode=landscape] #rimMark{--r:48px}#rimMark.on{opacity:1}#rimMark.flick{animation:.25s ease-out flick}@keyframes flick{0%{opacity:1;background:#fff;width:22px;height:22px;margin:-11px 0 0 -11px}to{opacity:0}}.skill{width:56px;height:56px;color:var(--ink);cursor:pointer;touch-action:none;background:radial-gradient(circle at 50% 35%,#2a3444 0%,#171c26 70%);border:1.5px solid #5d6b80;border-radius:50%;margin:0;padding:0;font-family:inherit;position:absolute;overflow:hidden;box-shadow:0 2px #06080c,inset 0 1px #ffffff14}.skill svg{fill:#cfe8ff;stroke:#cfe8ff;stroke-width:0;width:26px;height:26px;margin-left:-13px;position:absolute;top:7px;left:50%}.skill svg .ln{fill:none;stroke-width:2.4px;stroke-linecap:round}.skill .nm{letter-spacing:1px;text-align:center;color:#d8e4f0;font-size:11px;font-weight:700;line-height:1;position:absolute;bottom:7px;left:0;right:0}.skill .cd{background:conic-gradient(#04060ac7 var(--p,0%), #04060a00 0);pointer-events:none;border-radius:50%;position:absolute;inset:0}.skill .cdn{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;place-items:center;font-size:20px;font-weight:800;display:grid;position:absolute;inset:0}.skill.cooling{border-color:#3a4352}.skill.cooling svg,.skill.cooling .nm{opacity:.45}.skill.ready{border-color:#8fc8eb;box-shadow:0 2px #06080c,0 0 8px #5fd6ff40,inset 0 1px #ffffff1a}#skHeal.ready{border-color:#8fe8c8}#skHeal svg{fill:#9ff0d0}.skill.pressed{background:radial-gradient(circle at 50% 35%,#34445a 0%,#1b2230 70%);transform:scale(.94)}.skill.deny{animation:.22s linear deny}@keyframes deny{25%{translate:-3px}75%{translate:3px}}.skill.flash:after{content:"";background:radial-gradient(circle,#c8f0ffb3,#c8f0ff00 70%);border-radius:50%;animation:.3s ease-out forwards skFlash;position:absolute;inset:0}@keyframes skFlash{to{opacity:0}}#flash{pointer-events:none;opacity:0;z-index:3;background:radial-gradient(#ff281e00 55%,#ff281e73 100%);position:absolute;inset:0}.screen{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080a0eb8;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.screen.hidden,.hidden{display:none!important}#screenTitle{background:radial-gradient(at 50% 40%,#3c1e0e8c 0%,#080a0ee6 70%)}#screenTitle h1{letter-spacing:.18em;color:#ffd9ae;text-shadow:0 0 18px #ff7828a6,0 2px #5a2a10;margin:0 0 18px;font-family:Noto Serif TC,Songti TC,PMingLiU,serif;font-size:clamp(40px,12vw,64px);font-weight:900}.screen h2{letter-spacing:.2em;color:#cfe9ff;margin:0 0 6px;font-size:34px}#screenResult h2{color:#ffd9ae;text-shadow:0 0 16px #ff8c3299;font-size:44px}#screenResult.lose h2{color:#b9c6d6;text-shadow:0 0 12px #5a8cc899}#resultTime{font-variant-numeric:tabular-nums;letter-spacing:.1em;opacity:.9;margin:0 0 8px;font-size:22px}#screenSmall{z-index:12;background:#0b0d12}#screenSmall p{margin:0;font-size:16px}.btn{letter-spacing:.2em;color:#1a0e06;cursor:pointer;touch-action:manipulation;background:linear-gradient(#ffc27a,#e0782c);border:none;border-radius:12px;min-width:160px;min-height:52px;padding:0 28px;font-family:inherit;font-size:20px;font-weight:800;box-shadow:0 4px #7a3510,0 0 20px #ff822859}.btn:active{transform:translateY(2px);box-shadow:0 2px #7a3510}.btn.ghost{color:var(--ink);box-shadow:none;background:#1b212c;border:1px solid #3a4352;min-height:46px;font-size:17px}#app[data-mode=landscape] .screen{gap:10px}#app[data-mode=landscape] #screenTitle h1{margin-bottom:8px;font-size:44px}#debug{z-index:20;color:#9f9;pointer-events:none;white-space:pre;background:#0009;margin:0;padding:3px 5px;font:10px/1.3 monospace;position:absolute;bottom:4px;left:4px}