:root{--bone: #e9e0d1;--bone-dim: #b8ac99;--charcoal: #14100e;--blood: #b2201f;--blood-bright: #ff4436;--gold: #f0c060;--gold-soft: #ffe4a8;--violet: #a06fe0;--ice: #7fd4f0;--ink: rgba(10, 8, 8, .72);--ink-soft: rgba(14, 11, 10, .52);--line: rgba(233, 224, 209, .36);--line-strong: rgba(233, 224, 209, .7);--sans: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "WenQuanYi Micro Hei", sans-serif;--serif: "Songti SC", "SimSun", "Noto Serif CJK SC", "Source Han Serif SC", "STSong", serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#080605;color:var(--bone);font-family:var(--sans);letter-spacing:0;overflow:hidden;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}#stage{position:absolute;inset:0;width:100%;height:100%;display:block}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#0000 42%,#0000008c),linear-gradient(to bottom,#180e0a47,#0000 30% 70%,#0c06066b);transition:box-shadow .12s linear}#vignette.hurt{box-shadow:inset 0 0 120px 30px #be1e188c}#vignette.perfect{box-shadow:inset 0 0 140px 20px #f0c86e59}#ui{position:absolute;inset:0;pointer-events:none;font-size:13px}#ui>*{pointer-events:none}.clickable{pointer-events:auto;cursor:pointer}.hidden{display:none!important}.faded{opacity:.26!important;transition:opacity .2s linear}.dimmed{opacity:.72!important;transition:opacity .2s linear}.ink{background:var(--ink);border:1px solid var(--line);backdrop-filter:blur(2px)}.ink-skew{clip-path:polygon(0 0,100% 6px,100% 100%,0 calc(100% - 6px))}.diamond{width:9px;height:9px;transform:rotate(45deg);border:1px solid var(--line-strong);flex:0 0 auto}.diamond.filled{background:#5fa8e8;border-color:#bfe4ff;box-shadow:0 0 6px #6ebeffcc}.diamond.gold{background:var(--gold);border-color:var(--gold-soft)}#boss-hud{position:absolute;top:18px;left:50%;transform:translate(-50%);width:620px;max-width:62vw;text-align:center}#boss-bar-wrap{position:relative;height:10px;background:#000000c7;border:1px solid rgba(233,224,209,.55);box-shadow:0 0 0 1px #0009,0 2px 10px #000000b3}#boss-bar{position:absolute;inset:1px;transform-origin:left center;background:linear-gradient(to bottom,#ff5a44,var(--blood) 60%,#6d0f0f);box-shadow:0 0 10px #ff46368c;transition:transform .24s cubic-bezier(.2,.7,.3,1)}#boss-bar-ghost{position:absolute;inset:1px;transform-origin:left center;background:#ffc8b459;transition:transform .9s ease-out}.phase-tick{position:absolute;top:-3px;width:1px;height:15px;background:#e9e0d1bf}.phase-tick span{position:absolute;top:15px;left:-11px;font-size:9px;color:var(--bone-dim)}#boss-name{margin-top:7px;font-family:var(--serif);font-size:22px;letter-spacing:4px;text-shadow:0 2px 10px rgba(0,0,0,.9)}#boss-sub{font-size:10px;color:var(--bone-dim);margin-top:1px;text-shadow:0 1px 4px #000}#break-wrap{margin:6px auto 0;width:210px}#break-label{display:flex;justify-content:space-between;font-size:9px;color:var(--bone);text-shadow:0 1px 3px #000}#break-bar-wrap{height:4px;background:#0009;border:1px solid rgba(233,224,209,.2)}#break-bar{height:100%;width:0%;background:linear-gradient(to right,#d8a24a,#ffe9a8);transition:width .2s linear}#boss-hud.broken #break-bar{background:linear-gradient(to right,#fff,var(--gold));box-shadow:0 0 12px var(--gold)}#boss-status{display:flex;gap:4px;justify-content:center;margin-top:6px;min-height:18px}.status-icon{position:relative;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;border:1px solid var(--line);background:#0000008c;color:var(--bone);pointer-events:auto;cursor:help}.status-icon.buff{border-color:#f0c060cc;color:var(--gold-soft)}.status-icon.debuff{border-color:#c8463ccc;color:#ffb3a8}.status-icon b{position:absolute;right:-3px;bottom:-5px;font-size:8px;color:#fff;text-shadow:0 0 3px #000}#timeline{position:absolute;left:14px;top:92px;width:62px}#timeline-title{font-size:10px;color:var(--bone);letter-spacing:2px;margin-bottom:6px;text-shadow:0 1px 3px #000}.tl-entry{display:flex;align-items:center;gap:5px;margin-bottom:5px;opacity:.86;transition:transform .2s ease,opacity .2s ease}.tl-face{width:34px;height:34px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:15px;border:1px solid var(--line);background:#0000008c;clip-path:polygon(0 0,100% 4px,100% 100%,0 calc(100% - 4px))}.tl-entry.now{transform:translate(5px);opacity:1}.tl-entry.now .tl-face{border-color:var(--gold);box-shadow:0 0 12px #f0c06099}.tl-entry.boss .tl-face{border-color:#c83c32d9;color:#ffd5cd}.tl-tag{font-size:8px;color:var(--gold-soft);writing-mode:vertical-rl}#party{position:absolute;right:16px;bottom:14px;display:flex;gap:8px;align-items:flex-end}.pc{width:152px;padding:7px 8px 8px;background:#0a0808c7;border:1px solid rgba(233,224,209,.5);clip-path:polygon(0 5px,100% 0,100% calc(100% - 5px),0 100%);transition:transform .18s ease,border-color .18s ease}.pc.active{transform:translateY(-7px) scale(1.045);border-color:var(--gold);box-shadow:0 0 18px #f0c06040}.pc.dead{filter:grayscale(1) brightness(.6)}.pc-head{display:flex;align-items:center;gap:6px}.pc-face{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:14px;border:1px solid var(--line)}.pc-name{font-size:12px;letter-spacing:1px}.pc-role{font-size:9px;color:#e9e0d1a8}.pc-hpwrap{margin-top:5px;height:5px;background:#000000a6;border:1px solid rgba(233,224,209,.2)}.pc-hp{height:100%;background:linear-gradient(to right,#7fd07a,#d8e88a);transition:width .24s ease}.pc-hp.low{background:linear-gradient(to right,#e8623c,#ffb066)}.pc-hptext{font-size:9px;color:var(--bone);margin-top:2px;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000}.pc-row{display:flex;align-items:center;gap:3px;margin-top:4px;min-height:12px}.pc-shield{display:flex;gap:2px;margin-left:4px}.shield-pip{width:7px;height:7px;background:#f0f0ffe6;transform:rotate(45deg);box-shadow:0 0 4px #c8dcffcc}.pc-res{font-size:9px;color:var(--gold-soft);margin-top:4px;min-height:12px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.stain{width:10px;height:10px;transform:rotate(45deg);border:1px solid rgba(255,255,255,.55)}.pc-status{display:flex;gap:3px;margin-top:4px;flex-wrap:wrap;min-height:18px}.stance-tag{font-size:9px;padding:0 4px;border:1px solid var(--line)}.stance-offensive{color:#ff9b7a;border-color:#ff9b7a}.stance-defensive{color:#9ecbff;border-color:#9ecbff}.stance-virtuose{color:#fff0c0;border-color:var(--gold);box-shadow:0 0 8px #f0c06080}#command{position:absolute;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.cmd-btn{pointer-events:auto;cursor:pointer;min-width:116px;padding:7px 16px 7px 12px;background:#0c0908c2;border:1px solid var(--line);color:var(--bone);font-family:var(--serif);font-size:15px;letter-spacing:3px;text-align:left;clip-path:polygon(0 0,100% 5px,100% 100%,8px calc(100% - 5px));transition:transform .12s ease,border-color .12s ease,background .12s ease}.cmd-btn:nth-child(1){margin-left:0}.cmd-btn:nth-child(2){margin-left:12px}.cmd-btn:nth-child(3){margin-left:24px}.cmd-btn:nth-child(4){margin-left:36px}.cmd-btn:hover,.cmd-btn:focus-visible{background:#3c2a16e6;border-color:var(--gold);transform:translate(6px);outline:none}.cmd-btn:active{background:#785620f2}.cmd-btn[disabled]{opacity:.4;cursor:not-allowed}.cmd-btn small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:0;color:var(--bone-dim)}#skills{position:absolute;width:344px;padding:10px 12px;background:linear-gradient(160deg,#0e0a09e6,#140e0cbd);border:1px solid var(--line);transform-origin:left center;clip-path:polygon(0 0,100% 8px,100% 100%,0 calc(100% - 8px))}#skills-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:5px;margin-bottom:6px}#skills-owner{font-family:var(--serif);font-size:15px;letter-spacing:2px}#skills-note{font-size:10px;color:var(--gold-soft);max-width:210px;text-align:right;line-height:1.4}.sk{pointer-events:auto;cursor:pointer;display:grid;grid-template-columns:15px 1fr 44px 30px;gap:6px;align-items:center;padding:5px 4px;border-bottom:1px dashed rgba(233,224,209,.14)}.sk:hover{background:#46321a8c}.sk[disabled]{opacity:.42;cursor:not-allowed}.sk-el{width:9px;height:9px;transform:rotate(45deg)}.sk-name{font-size:13px;letter-spacing:1px}.sk-desc{font-size:10px;color:#e9e0d1b3}.sk-target{font-size:10px;color:#e9e0d1b8;text-align:right}.sk-ap{font-size:12px;text-align:right;color:var(--ice);font-variant-numeric:tabular-nums}.sk[disabled] .sk-ap{color:#ff8f7a}#skills-foot{display:flex;justify-content:space-between;margin-top:7px;font-size:9px;color:var(--bone-dim)}#tooltip{position:absolute;max-width:268px;padding:8px 10px;font-size:11px;line-height:1.5;background:#080606f2;border:1px solid var(--gold);color:var(--bone);z-index:60}#tooltip b{color:var(--gold-soft)}#center{position:absolute;left:50%;top:118px;transform:translate(-50%);text-align:center;width:560px}#move-name{font-family:var(--serif);font-size:26px;letter-spacing:8px;color:#ffd9cf;text-shadow:0 0 18px rgba(210,40,30,.8),0 2px 8px #000;opacity:0;transition:opacity .16s linear}#center.show #move-name{opacity:1}#move-side{position:absolute;left:14px;bottom:188px;width:218px;padding:7px 9px;background:#080606d1;border-left:2px solid var(--blood);opacity:0;transition:opacity .16s linear}#move-side.show{opacity:1}#move-side .ms-title{font-size:10px;letter-spacing:3px;color:var(--gold-soft);margin-bottom:3px}#move-hint{font-size:12px;color:#ffe3dc;line-height:1.5;text-shadow:0 1px 3px #000}#seg-progress{margin-top:6px;display:flex;gap:6px;align-items:center;font-size:11px;color:var(--bone-dim)}#seg-progress .seg{width:10px;height:10px;transform:rotate(45deg);border:1px solid var(--line-strong)}#seg-progress .seg.perfect{background:var(--gold);border-color:#fff3d0;box-shadow:0 0 8px var(--gold)}#seg-progress .seg.block{background:#e6e6e6d9}#seg-progress .seg.miss{background:#be281ee6;border-color:#ff8f7a}#judge{position:absolute;left:50%;top:33%;transform:translate(-50%,-50%) scale(1);font-family:var(--serif);font-size:36px;letter-spacing:6px;opacity:0;pointer-events:none;text-shadow:0 0 24px rgba(0,0,0,.9)}#judge.pop{animation:judgePop .62s cubic-bezier(.2,.8,.2,1) forwards}@keyframes judgePop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.14)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-52%) scale(1.02)}}.qte{position:absolute;width:132px;height:132px;margin:-66px 0 0 -66px;pointer-events:none}.qte .ring{position:absolute;inset:0;border:2px solid rgba(255,255,255,.9);transform:rotate(45deg) scale(1)}.qte .core{position:absolute;inset:34%;border:1px solid rgba(255,255,255,.55);transform:rotate(45deg)}.qte .key{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--sans);font-size:11px;letter-spacing:2px;color:#fff;text-shadow:0 0 8px #000;white-space:nowrap}.qte.skill .ring{border-color:var(--gold-soft);box-shadow:0 0 14px #ffe4a8a6}.qte.defense .ring{border-color:#ff8f7a;box-shadow:0 0 14px #ff5a4699}.qte.jump .ring{border-color:var(--ice);box-shadow:0 0 14px #7fd4f099}.qte.counter .ring{border-color:#fff;box-shadow:0 0 22px #ffffffd9}.dmg{position:absolute;font-family:var(--serif);font-size:24px;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.7);pointer-events:none;white-space:nowrap;will-change:transform,opacity;font-variant-numeric:tabular-nums}.dmg .tag{display:block;font-family:var(--sans);font-size:10px;letter-spacing:1px;text-align:center}.marker{position:absolute;pointer-events:auto;cursor:pointer;width:56px;height:56px;margin:-28px 0 0 -28px}.marker .cross:before,.marker .cross:after{content:"";position:absolute;left:50%;top:50%;width:44px;height:2px;background:var(--blood-bright);box-shadow:0 0 8px #ff4436e6}.marker .cross:before{transform:translate(-50%,-50%) rotate(45deg)}.marker .cross:after{transform:translate(-50%,-50%) rotate(-45deg)}.marker .rhombus{position:absolute;inset:6px;border:2px solid var(--gold);transform:rotate(45deg);box-shadow:0 0 10px #f0c060cc}.marker .label{position:absolute;left:50%;top:-18px;transform:translate(-50%);font-size:10px;color:var(--bone);white-space:nowrap;text-shadow:0 0 6px #000}.marker:hover .rhombus,.marker:hover .cross{filter:brightness(1.4)}#aim-layer{position:absolute;inset:0}#reticle{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px}#reticle .r1{position:absolute;inset:0;border:1px solid rgba(255,255,255,.7);transform:rotate(45deg)}#reticle .r2{position:absolute;inset:40%;background:var(--blood-bright)}.weakpoint{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;pointer-events:auto;cursor:crosshair}.weakpoint .halo{position:absolute;inset:0;border-radius:50%;border:2px dashed var(--gold);animation:spin 6s linear infinite}.weakpoint .txt{position:absolute;left:50%;top:-16px;transform:translate(-50%);font-size:9px;color:var(--gold-soft);white-space:nowrap}.weakpoint.broken{opacity:.3;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}#log{position:absolute;left:14px;bottom:14px;width:306px;max-height:128px;overflow:hidden;font-size:11px;line-height:1.55;color:#e9e0d19e}#log div{border-left:2px solid rgba(233,224,209,.18);padding-left:6px;margin-bottom:2px}#log div.perfect{color:var(--gold-soft);border-color:var(--gold)}#log div.warn{color:#ffb3a8;border-color:#b2201f}#log div.boss{color:#ffd5cd}#log div.phase{color:var(--violet);border-color:var(--violet)}#settings{position:absolute;right:14px;top:14px;display:flex;gap:6px}.mini{pointer-events:auto;cursor:pointer;padding:4px 8px;font-size:10px;letter-spacing:1px;background:#0a0807b3;border:1px solid var(--line);color:var(--bone)}.mini:hover{border-color:var(--gold);color:var(--gold-soft)}.mini.on{border-color:var(--gold);color:var(--gold)}#volume{pointer-events:auto;width:74px;vertical-align:middle}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#1e120cdb,#040303f5);pointer-events:auto;z-index:40}.screen h1{font-family:var(--serif);font-size:52px;letter-spacing:14px;margin:0 0 6px;color:var(--bone);text-shadow:0 0 40px rgba(0,0,0,.9)}.screen .sub{font-size:11px;color:var(--bone-dim);letter-spacing:4px;margin-bottom:26px}#difficulty-list{display:flex;gap:16px}.diff-card{width:232px;padding:16px 16px 18px;background:#0a0807b8;border:1px solid var(--line);cursor:pointer;clip-path:polygon(0 0,100% 10px,100% 100%,0 calc(100% - 10px));transition:transform .14s ease,border-color .14s ease,background .14s ease}.diff-card:hover{transform:translateY(-6px);border-color:var(--gold);background:#281c0ecc}.diff-card.rec{border-color:#f0c0608c}.diff-card h2{font-family:var(--serif);font-size:30px;letter-spacing:6px;margin:0}.diff-card .en{font-size:9px;letter-spacing:3px;color:var(--bone-dim);margin-bottom:10px}.diff-card ul{margin:0;padding-left:14px;font-size:10px;line-height:1.7;color:#e9e0d1c7}.diff-card .rec-tag{display:inline-block;margin-top:10px;font-size:9px;padding:1px 6px;border:1px solid var(--gold);color:var(--gold)}#result-panel{width:760px;max-width:92vw;padding:26px 30px 22px;background:#080606e6;border:1px solid var(--line);clip-path:polygon(0 0,100% 18px,100% 100%,0 calc(100% - 18px))}#result-panel h1{font-size:44px;margin-bottom:2px}.res-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;margin-top:14px}.res-block h3{font-family:var(--serif);font-size:13px;letter-spacing:3px;color:var(--gold-soft);margin:0 0 6px;border-bottom:1px solid var(--line);padding-bottom:4px}.res-row{display:flex;justify-content:space-between;font-size:11px;padding:2px 0;color:#e9e0d1db}.res-row span:last-child{font-variant-numeric:tabular-nums;color:var(--bone)}.res-lv{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:5px}.res-lv .bar{flex:1;height:4px;background:#0009;border:1px solid rgba(233,224,209,.2)}.res-lv .bar i{display:block;height:100%;background:linear-gradient(to right,var(--gold),var(--gold-soft));transition:width .9s ease-out}.screen-actions{display:flex;gap:14px;margin-top:22px;justify-content:center}.big-btn{pointer-events:auto;cursor:pointer;padding:10px 30px;font-family:var(--serif);font-size:16px;letter-spacing:5px;background:#0e0a09cc;border:1px solid var(--line-strong);color:var(--bone);clip-path:polygon(0 0,100% 6px,100% 100%,0 calc(100% - 6px))}.big-btn:hover{background:#785620d9;border-color:var(--gold);color:#fff}#pause-screen{background:#040303c7}#debug{position:absolute;right:14px;top:52px;width:268px;padding:8px 10px;background:#040406e0;border:1px solid rgba(120,200,255,.4);font-size:10px;font-family:Consolas,Menlo,monospace;color:#bfe4ff;pointer-events:auto;max-height:76vh;overflow:auto}#debug h4{margin:0 0 5px;font-size:11px;color:#7fd4f0;letter-spacing:1px}#debug .kv{display:flex;justify-content:space-between}#debug .kv b{color:#fff;font-weight:500}#debug hr{border:none;border-top:1px solid rgba(120,200,255,.2);margin:6px 0}#debug button{font-size:9px;margin:1px;padding:2px 5px;background:#10161e;border:1px solid rgba(120,200,255,.4);color:#bfe4ff;cursor:pointer}#debug button:hover{background:#1b2a38}#debug textarea{width:100%;height:46px;font-size:8px;background:#06080c;color:#9fd;border:1px solid rgba(120,200,255,.3)}@media(max-width:1400px){#skills{width:320px}#result-panel{width:700px}}@media(max-width:1200px){#boss-hud{width:520px}.pc{width:132px}#skills{width:300px;font-size:12px}#log{width:240px;max-height:110px}.screen h1{font-size:42px}#result-panel{width:640px;padding:20px 22px}#timeline{top:88px}}@media(max-height:760px){#timeline{top:84px}#log{max-height:88px}#move-side{bottom:128px}.res-grid{gap:10px 22px}#result-panel{padding:18px 22px 16px}#result-panel h1{font-size:36px}}