:root{--cool:#5fd6ff;--cool2:#2c7fd6;--warm:#ff7a2a;--warm2:#c8401a;--ink:#e9e4da;--panel:#0d1016}*{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{z-index:2;background:linear-gradient(#151922 0%,#0f1218 100%);border-bottom:1px solid #262c38;flex-direction:column;justify-content:center;gap:8px;padding:0 64px 0 12px;display:flex;position:absolute}#app[data-mode=landscape] #topbar{gap:5px}.bar-row{align-items:center;gap:8px;min-width:0;display:flex}.boss-name{letter-spacing:2px;color:#ffc58f;white-space:nowrap;text-shadow:0 0 6px #ff782880;font-size:13px;font-weight:700}.num{font-variant-numeric:tabular-nums;text-align:right;opacity:.9;min-width:26px;font-size:12px}.bar{background:#1d222c;border:1px solid #333b4a;border-radius:3px;flex:auto;min-width:0;height:12px;position:relative;overflow:hidden}.bar .fill,.bar .lag{transform-origin:0;position:absolute;inset:0}.boss-bar{height:14px}.boss-bar .fill{z-index:2;background:linear-gradient(#ff9a4a,#d2451b)}.boss-bar .lag{opacity:.55;z-index:1;background:#f3e2c8}.hp-bar{flex:1.3 1 0}.hp-bar .fill{background:linear-gradient(#7fe6ff,#2b86d8)}.st-bar{flex:1 1 0;height:8px}.st-bar .fill{background:linear-gradient(#d8fbff,#8fd3e6);transition:background .15s}.st-bar .fill.low{background:linear-gradient(#7c8c96,#56646d)}.icon-btn{cursor:pointer;touch-action:manipulation;background:#1a1f29;border:1px solid #38404f;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{touch-action:none;z-index:2;background:radial-gradient(at 56%,#171c26 0%,#0c0f15 75%);border-top:1px solid #222834;position:absolute}#app[data-mode=landscape] #panel{background:radial-gradient(at 50% 80%,#171c26 0%,#0c0f15 75%);border-top:none;border-left:1px solid #222834}#ring{pointer-events:none;background:radial-gradient(circle,#3c6e962e 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}#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}}#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}