*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;background:#0b0d13;overflow:hidden;font-family:Yu Gothic UI,Meiryo,system-ui,sans-serif;color:#e8ecf5;-webkit-font-smoothing:antialiased}#stage{position:absolute;top:0;right:0;bottom:0;left:0}#stage canvas{display:block;image-rendering:pixelated}:root{--ui: 1}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:8px 12px;display:flex;flex-direction:column;align-items:center;gap:5px;zoom:var(--ui)}.panel{zoom:var(--ui)}.hud-left{width:min(720px,100%);display:flex;flex-direction:column;gap:4px}.bars{display:flex;gap:6px}.bars .bar{flex:1;height:20px}.hud-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;min-height:0}.hud-row>*:empty{display:none}.bar{position:relative;height:22px;background:#1a1e2b;border:1px solid #2c3346;border-radius:3px;overflow:hidden}.bar .fill{position:absolute;inset:0 auto 0 0;transition:width .06s linear}.bar.hp .fill{background:linear-gradient(#5fd07a,#34a355)}.bar.mp .fill{background:linear-gradient(#57a8f0,#2f6fc4)}.bar.hp .red{position:absolute;top:0;bottom:0;background:#e2564a;box-shadow:0 0 10px #e2564a;transition:width .06s linear,left .06s linear}.bar.hp .red.waiting{background:#6e2b28;box-shadow:none}.bar.mp.boost{border-color:#ffd257;box-shadow:0 0 12px #ffd25780}.bar.mp.guarding{border-color:#9fb4d8}.bar.mp.guarding .fill{filter:saturate(.4)}.bar .label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding-left:8px;font-size:11.5px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.9)}.bar .label .pixlabel{filter:drop-shadow(0 1px 1px rgba(0,0,0,.95))}.statgrid{display:flex;gap:6px;margin-top:0;justify-content:center}.statcell{flex:1;padding:4px 7px;border-radius:4px;background:#161a26;border:1px solid #2c3346;border-left:3px solid var(--c);transition:background .15s,transform .15s}.statcell span{display:block;font-size:9px;letter-spacing:.1em;color:#6f7c93;line-height:0}.statcell b{display:block;font-size:16px;font-variant-numeric:tabular-nums;color:var(--c);line-height:0;margin-top:3px}.statcell.up{background:#262c3d;transform:translateY(-2px)}.styles{display:flex;gap:7px;margin-top:0;justify-content:center}.style-chip{flex:1;padding:5px 8px;border-radius:4px;display:flex;align-items:center;gap:7px;background:#161a26;border:1px solid #2c3346;opacity:.45}.style-chip.active{opacity:1;border-color:var(--c);background:#1d2231}.style-chip.ready{opacity:.78;border-style:dashed;border-color:var(--c)}.sc-ico{display:flex;flex:0 0 auto}.sc-ico canvas{display:block;image-rendering:pixelated}.sc-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.style-chip small{display:block;font-size:10px;color:#8892a6}.style-chip em{display:block}.traits{display:flex;flex-wrap:wrap;gap:5px;margin-top:0;justify-content:center}.trait{font-size:10.5px;padding:2px 7px;border-radius:9px;background:#1d2231;border:1px solid #333c52;color:#b9c4d8}.trait.dim{opacity:.35}.trait b{color:#ffd257}.combo{display:flex;align-items:center;gap:7px}.cb-k{line-height:0}.cb-n{line-height:0;display:inline-block;transform-origin:50% 50%}.cb-bar{width:64px;height:4px;border-radius:2px;background:#2a3346;overflow:hidden}.cb-bar i{display:block;height:100%;background:#ffd257;transition:width .05s linear}.cb-n.pop{animation:statPop .34s cubic-bezier(.2,1.6,.35,1)}.hud-right{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.hud-right .stat{display:flex;align-items:center;gap:6px}.hud-right .stat span{display:inline}.stat span{font-size:9.5px;letter-spacing:.12em;color:#6f7c93;display:block}.pixlabel{display:block;image-rendering:pixelated}.opt .px,.opt b.px{margin:0}.px{display:inline-block;line-height:0;vertical-align:middle}.px .pixlabel{display:block}h1.px,h2.px,h3.px,h4.px,p.px{display:flex;justify-content:center}h1.px{margin-bottom:12px}p.px{margin-bottom:16px}.stat b{font-size:17px;font-variant-numeric:tabular-nums;color:#f2f5fb;line-height:0;display:flex;justify-content:flex-end}.cb-n{display:flex;justify-content:flex-end}.stat.big b{font-size:28px;color:#ffd257}.stat b{display:inline-block;transform-origin:50% 50%}.stat b.pop{animation:statPop .34s cubic-bezier(.2,1.6,.35,1)}.stat b.pop.big{animation:statPopBig .5s cubic-bezier(.2,1.7,.3,1)}@keyframes statPop{0%{transform:scale(1.55)}60%{transform:scale(.97)}to{transform:scale(1)}}@keyframes statPopBig{0%{transform:scale(2.1);filter:brightness(2)}55%{transform:scale(.94);filter:brightness(1)}to{transform:scale(1)}}.stat b.rainbow{--lv: 1}.stat b.rainbow{filter:drop-shadow(0 0 calc(2px * var(--lv)) currentColor) drop-shadow(0 0 calc(5px * var(--lv)) rgba(255,210,87,.5))}.stat.sub b{font-size:13px;color:#93a0b8}.dbg-nk{border-collapse:collapse;font-size:10.5px;width:100%}.dbg-nk th,.dbg-nk td{border-bottom:1px solid #222a3a;padding:3px 8px;text-align:left;white-space:nowrap}.dbg-nk th{color:#6f7c93;font-weight:400;position:sticky;top:0;background:#141824}.dbg-nk td.d{white-space:normal;color:#8b97ad}.dbg-nk tr.common td:first-child{color:#8fd6ff}.dbg-nk tr.uncommon td:first-child{color:#6ee7a0}.dbg-nk tr.rare td:first-child{color:#b98bff}.dbg-nk tr.legendary td:first-child{color:#ffd257}.dbg-nk tr.on{background:#16241d}.dbg-nk tr.on td{color:#b6f2d0}.dbg-nk tr.none td{color:#55607a}.dbg-nk button[disabled]{opacity:.35;cursor:default}.dbg-nk.rw td{text-align:center}.dbg-nk.rw input{width:54px;background:#0d1119;border:1px solid #2f3850;color:#cbd4e6;border-radius:3px;padding:2px 4px;font:inherit;font-size:10.5px;text-align:right}.dbg-nk.rw i{display:block;font-style:normal;font-size:9px;color:#6f7c93}.dbg-nk button{background:#222a3d;border:1px solid #3a4459;color:#cbd4e6;border-radius:3px;padding:2px 8px;font:inherit;font-size:10px;cursor:pointer}.dbg-nk button:hover{background:#2e3852}.panel.manual{max-width:720px}.mn-tabs{display:flex;gap:6px;margin-bottom:12px}.mn-tab{background:#1a1e2b;border:1px solid #2f3850;color:#8b97ad;border-radius:4px;padding:5px 12px;font:inherit;font-size:11.5px;cursor:pointer}.mn-tab:hover{background:#222a3d}.mn-tab.sel{background:#2e3852;border-color:#6f7c93;color:#f2f5fb}.mn-body{max-height:calc(46vh / var(--ui));overflow-y:auto;margin-bottom:12px}.mn-body section{margin-bottom:14px}.mn-body h4{font-size:12px;color:#ffd257;margin:0 0 4px;letter-spacing:.04em}.mn-body p{font-size:12px;line-height:1.75;color:#cbd4e6;margin:0}.mn-back{margin-top:0}.opt.nk-common{border-color:#35506b}.opt.nk-uncommon{border-color:#2f6b4c}.opt.nk-rare{border-color:#553b7a}.opt.nk-legendary{border-color:#7a6320}.opt.nk-common.sel{border-color:#8fd6ff}.opt.nk-uncommon.sel{border-color:#6ee7a0}.opt.nk-rare.sel{border-color:#b98bff}.opt.nk-legendary.sel{border-color:#ffd257;box-shadow:0 0 14px #ffd25766}.panel.skills{width:960px;max-width:calc(94vw / var(--ui))}.sk-body{margin-bottom:10px}.sk-style{margin-bottom:12px}.sk-style h4{font-size:13px;letter-spacing:.1em;margin-bottom:5px}.sk-row{display:flex;align-items:baseline;gap:8px;font-size:12px}.sk-kind{width:48px;flex:0 0 48px;font-size:10px;color:#6f7c93}.sk-row b{color:#cbd4e6;font-size:13px}.sk-num{font-size:10px;color:#6f7c93;font-variant-numeric:tabular-nums}.sk-pas{font-size:11px;color:#97a3ba}.sk-desc{margin:1px 0 6px 56px;font-size:11.5px;color:#97a3ba;line-height:1.6}.pairinfo{margin:4px 0 0;padding:3px 8px;border-left:2px solid #2a3244;font-size:11px;line-height:1.55}.pairinfo div{color:#97a3ba}.pairinfo b{color:#cbd4e6}.pi-st{display:inline-block;width:84px;color:#6f7c93;font-size:10px}.pi-d{margin-left:8px;font-size:10px;color:#6f7c93}.pi-more{color:#4a5468!important;font-size:10px;float:right;margin-top:-32px}.mn-table{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.mn-row{display:grid;grid-template-columns:152px auto 1fr;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--line)}.mn-k,.mn-b,.mn-n{display:flex}.mn-k,.mn-b,.mn-n{justify-content:flex-start}.mn-b .pixlabel{filter:brightness(1.15)}.mn-n{color:#8892a6}.panel.credits{width:560px;max-width:calc(94vw / var(--ui))}.cr-list{display:flex;flex-direction:column;gap:20px;margin:8px 0 24px}.cr-row{display:flex;flex-direction:column;align-items:center;gap:7px}.cr-role{color:#6f7c93}.hd-row{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:12px}.hd-row h1{margin-bottom:0}.lang-pick{position:absolute;right:0;display:flex;gap:4px}.lang-btn{padding:6px 10px;border:1px solid var(--line);border-radius:0;background:#12161f;color:#8892a6;cursor:pointer;font:inherit}.lang-btn:hover{background:#1a2130;color:#e8ecf5}.lang-btn.sel{background:#2e3852;border-color:#6f7c93;color:#f2f5fb;cursor:default}.panel.records{width:960px;max-width:calc(94vw / var(--ui))}.opts.rc-pick{gap:5px;margin-bottom:6px}.opts.rc-pick .opt{padding:5px 6px}.rc-head{display:flex;align-items:center;justify-content:center;gap:20px;margin:14px 0 12px}.rc-head .rc-grade{color:#ffd257}.rc-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:14px}.rc-times{display:flex;justify-content:center;gap:6px;margin-bottom:6px}.rc-time-cell{min-width:150px;padding:10px 16px;gap:6px}.rc-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;border:1px solid var(--line)}.rc-cell .rc-l{color:#6f7c93}.btn-row{display:flex;gap:8px}.btn-row .start{flex:1;width:auto}.panel.mods{width:960px;max-width:calc(94vw / var(--ui))}.md-warn{color:#ffd257}.md-code{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:8px 12px;margin-bottom:10px;border:1px solid #2a3244;border-radius:4px;background:#1a1f2c}.md-code span{font-size:10px;color:#6f7c93;letter-spacing:.1em}.md-code b{font-family:Consolas,monospace;font-size:15px;color:#ffd257;word-break:break-all}.md-code small{font-size:10px;color:#6f7c93}.opts.modlist{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.opts.modlist .opt{flex:0 0 auto;width:100%;min-width:0}.opts.modlist .opt b{display:flex;align-items:center;justify-content:center;gap:10px}.opt.md-hard{border-color:#6b3540}.opt.md-twist{border-color:#3a4258}.opt.md-easy{border-color:#2f6b4c}.opt.md-hard.sel{border-color:#ff8a7a;background:#ff8a7a14}.opt.md-twist.sel{border-color:#8fd6ff;background:#8fd6ff14}.opt.md-easy.sel{border-color:#6ee7a0;background:#6ee7a014}.md-on{margin-left:8px;padding:1px 6px;border-radius:3px;background:#ffd257;color:#171c28;font-size:10px;font-style:normal}.md-id{display:block;margin-top:2px;font-family:Consolas,monospace;font-size:9.5px;color:#4a5468}.panel.records{width:720px;max-width:92vw}.rc-divs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.rc-body{max-height:calc(44vh / var(--ui));overflow-y:auto;margin-bottom:12px}.panel.records{width:900px}.rc-w{margin-bottom:12px}.rc-w h4{font-size:11px;color:#8892a6;letter-spacing:.1em;margin-bottom:4px}.rc-row{display:flex;align-items:baseline;gap:10px;padding:3px 8px;border-left:2px solid #2a3244;font-size:12px}.rc-name{flex:1;min-width:106px;color:#97a3ba}.rc-grade{width:22px;text-align:center;font-size:15px;font-weight:700;color:#4a5468}.rc-grade.gS{color:#ffd257;text-shadow:0 0 10px rgba(255,210,87,.5)}.rc-grade.gA{color:#6ee7a0}.rc-grade.gB{color:#8fd6ff}.rc-grade.gC{color:#8892a6}.rc-top{padding:2px 8px 5px 10px;margin-bottom:3px;border-left:2px solid #2a3244;font-size:10px;color:#6f7c93;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap;overflow-x:auto}.rc-top b{color:#97a3ba;font-weight:400}.rc-noHit{color:#ffd257!important}.rc-death{color:#d9707a}.rc-excl{font-size:10px;color:#6f7c93;letter-spacing:0}.rc-tally{font-size:12px;color:#97a3ba;margin:-6px 0 8px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.rc-m{width:62px;text-align:right;font-size:10.5px;color:#6f7c93;font-variant-numeric:tabular-nums}.rc-row.done .rc-m{color:#97a3ba}.rc-note{font-size:10px;color:#6f7c93;line-height:1.6;margin:-4px 0 10px;padding:6px 8px;border-left:2px solid #2a3244}.rc-note b{color:#97a3ba}.rc-time{font-variant-numeric:tabular-nums;font-size:14px;color:#4a5468}.rc-runs{width:84px;text-align:right;font-size:10px;color:#6f7c93}.rc-row.tried{border-left-color:#4a5468}.rc-row.tried .rc-time{color:#8892a6}.rc-row.done{border-left-color:#ffd257;background:#ffd2570d}.rc-row.done .rc-time{color:#ffd257}.pb{display:flex;flex-direction:column;gap:2px;padding:8px 12px;margin-bottom:10px;border:1px solid #2a3244;border-radius:4px}.pb-label{font-size:10px;color:#8892a6;letter-spacing:.08em}.pb-time{font-size:26px;font-variant-numeric:tabular-nums;line-height:1.1}.pb-note{font-size:10.5px;color:#6f7c93}.pb.new,.pb.first{border-color:#ffd257;background:#ffd25712}.pb.new .pb-time,.pb.first .pb-time,.pb.new .pb-label,.pb.first .pb-label{color:#ffd257}.pb.miss .pb-time{color:#8892a6}.title{display:flex;flex-direction:column;align-items:center;gap:30px;pointer-events:auto;cursor:pointer;zoom:var(--ui)}.ttl-logo{min-height:124px;display:flex;align-items:center}.ttl-press{min-height:21px;display:flex;align-items:center}.ttl-logo canvas{filter:drop-shadow(0 0 20px rgba(255,255,255,.18))}.ttl-press canvas{animation:ttlBlink 1.6s infinite}.title canvas{image-rendering:pixelated}.title .keys{margin-top:-16px}@keyframes ttlBlink{0%,to{opacity:1}50%{opacity:.3}}.panel.pause{width:380px;max-width:90vw}.panel.pause h2{font-size:20px;letter-spacing:.2em;color:#6f7c93;margin-bottom:12px;text-align:center}.opts.pauselist{flex-direction:column;gap:5px;margin-bottom:10px}.opts.pauselist .opt{flex:0 0 auto;width:100%;min-width:0}.pause-keys{display:flex;flex-direction:column;align-items:center;gap:4px}.pause-keys canvas{display:block;image-rendering:pixelated}.panel.necklist{width:960px;max-width:calc(94vw / var(--ui))}.opts.nklist{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.opts.nklist .opt{flex:0 0 auto;width:100%;min-width:0}.opts.nklist .opt b{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:3px}.opts.nklist .opt.nk-none{border-color:#3a4258}.nk-dif{display:block;margin-top:3px;color:#d98b7a;font-size:10px}.opt.nk-none .nk-dif{color:#6f7c93}.nk-eq{margin-left:10px;color:#ffd257;font-style:normal;background:none;padding:0;border-radius:0}.nk-note{margin-left:10px;font-size:10px;color:#6f7c93;font-weight:400}.nk-note.on{color:#ffd257}.reward{margin:12px 0 4px;padding:10px 12px;border-radius:6px;background:#0f131c;border:1px solid #2a3346;display:flex;flex-direction:column;gap:3px;animation:rewardIn .5s cubic-bezier(.2,1.5,.35,1)}.rw-label{font-size:9px;letter-spacing:.18em;color:#6f7c93}.rw-name{font-size:15px;font-weight:700}.rw-jp{font-size:11px;color:#8892a6}.rw-desc{font-size:11px;color:#8b97ad}.rw-why{font-size:9.5px;color:#55607a;margin-top:2px}.reward.common{border-color:#8fd6ff}.reward.common .rw-name{color:#8fd6ff}.reward.uncommon{border-color:#6ee7a0;box-shadow:0 0 14px #6ee7a040}.reward.uncommon .rw-name{color:#6ee7a0}.reward.rare{border-color:#b98bff;box-shadow:0 0 18px #b98cff59}.reward.rare .rw-name{color:#d4bcff}.reward.legendary{border-color:#ffd257;box-shadow:0 0 26px #ffd2578c;animation:rewardIn .5s cubic-bezier(.2,1.5,.35,1),rewardGlow 1.6s ease-in-out infinite}.reward.legendary .rw-name{color:#ffe9a3}.reward.fast{padding:14px 16px;border-width:2px;transform-origin:50% 50%;animation:rewardInFast .6s cubic-bezier(.2,1.6,.3,1)}.reward.fast .rw-name{font-size:19px}.reward.fast .rw-label:after{content:"　★ 境界突破";color:#ffd257}.reward.fast .rw-why{color:#ffd257}@keyframes rewardInFast{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes rewardIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rewardGlow{0%,to{box-shadow:0 0 16px #ffd25766}50%{box-shadow:0 0 34px #ffd257d9}}.skillbar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:6px}.sk{min-width:92px;max-width:150px;background:#12161f;border:1px solid #2a3346;border-radius:5px;padding:4px 8px 5px;text-align:center;opacity:.42;transition:opacity .08s linear,border-color .08s linear,box-shadow .12s ease-out}.sk-ico{display:flex;justify-content:center}.sk-ico canvas{display:block;image-rendering:pixelated}.sk-name{display:block;font-size:11px;font-weight:700;color:#8b97ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.sk.on{opacity:1}.sk.on .sk-name{color:#fff}.sk.guard.on{border-color:#9fb4d8;box-shadow:0 0 12px #9fb4d88c}.sk.guard.on .sk-name{color:#dce7ff}.sk.atk.on{border-color:#ffd257;box-shadow:0 0 14px #ffd25799}.sk.atk.on .sk-name{color:#ffe9a3}.sk.magic.on{border-color:#8f9bff;box-shadow:0 0 14px #8f9bff99}.sk.magic.on .sk-name{color:#ccd2ff}.sk.toggle.on{border-color:#b98cff;animation:skPulse 1s ease-in-out infinite}.sk.toggle.on .sk-name{color:#e0ccff}.sk.pas.on{border-color:#6ee7a0;box-shadow:0 0 12px #6ee7a080}.sk.pas.on .sk-name{color:#b6f2d0}@keyframes skPulse{0%,to{box-shadow:0 0 8px #b98cff66}50%{box-shadow:0 0 20px #b98cffe6}}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#06080d8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#overlay.show{display:flex}#overlay.solid{background:#0b0d13;-webkit-backdrop-filter:none;backdrop-filter:none}:root{--line: #4a5570;--line-on: #ffd257}.panel{background-color:#0d1018;border:2px solid var(--line);border-radius:0;padding:20px 24px;box-shadow:none;pointer-events:auto;text-align:center}.panel h2{font-size:24px;margin-bottom:14px}.panel h3{font-size:14px;color:#8892a6;margin-bottom:12px;letter-spacing:.1em}.cards{display:flex;gap:12px}.card{position:relative;width:210px;padding:16px 14px 14px;text-align:left;background:#1b2130;border:1px solid #333c52;border-radius:6px;color:#e8ecf5;cursor:pointer;font:inherit;transition:transform .08s,border-color .08s,background .08s}.card:hover{transform:translateY(-3px);background:#222a3d;border-color:#4c5a7a}.card.sel{transform:translateY(-6px);background:#262f45;border-color:#ffd257;box-shadow:0 0 0 2px #ffd25759,0 10px 24px #00000080}.card.sel .key{color:#ffd257;border-color:#ffd257}.choice-hint{margin-top:14px;text-align:center;font-size:11px;color:#6f7c93;line-height:1.9}.choice-hint kbd{background:#222a3d;border:1px solid #3a4459;border-radius:3px;padding:1px 6px;font-family:inherit;font-size:10.5px;margin:0 2px}.panel.choice.locked .choice-hint{opacity:.35}.card.uncommon{border-left:3px solid #b98bff}.card.rare{border-left:3px solid #ffd257}.card .key{position:absolute;top:8px;right:10px;font-size:10px;color:#6f7c93;border:1px solid #3a4459;border-radius:3px;padding:1px 5px}.card b{display:block;font-size:15px;margin-bottom:6px}.card small{font-size:11px;color:#97a3ba;line-height:1.5}.result .rows{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.result .rows div{display:flex;justify-content:space-between;gap:40px;font-size:13px}.result .rows span{color:#8892a6}.result .rows b{font-variant-numeric:tabular-nums}.result .rw-row,.result .pb,.result .reward,.result .hint{opacity:0;transform:translateY(6px);transition:opacity .18s ease-out,transform .18s ease-out}.result .rw-row.in,.result .pb.in,.result .reward.in,.result .hint.in{opacity:1;transform:none}.result .reward{transform:translateY(10px) scale(.96)}.result .reward.in{animation:rwPop .34s ease-out}@keyframes rwPop{0%{transform:translateY(10px) scale(.96)}60%{transform:translateY(0) scale(1.04)}to{transform:none}}.result .hint{font-size:11px;color:#6f7c93}.result .hint.in{animation:hintBlink 1.4s infinite}@keyframes hintBlink{0%,to{opacity:1}50%{opacity:.4}}.result.clear h2{color:#ffd257;text-shadow:0 0 20px rgba(255,210,87,.4)}.result.over h2{color:#d9707a}#debug{position:absolute;top:0;right:0;bottom:0;left:0;display:none;pointer-events:none;font-size:12px;z-index:20}#debug.show{display:block}.dbg-head{display:flex;align-items:baseline;gap:8px;padding:10px 12px;border-bottom:1px solid #232a3a}.dbg-head b{font-size:13px}.dbg-hint{flex:1;font-size:10px;color:#6f7c93}.dbg-head button,.dbg-actions button{background:#222a3d;border:1px solid #3a4459;color:#cbd4e6;border-radius:4px;padding:3px 8px;font:inherit;font-size:10.5px;cursor:pointer}.dbg-head button:hover,.dbg-actions button:hover{background:#2e3852}.dbg-actions{display:flex;flex-wrap:wrap;gap:5px;padding:8px 12px;border-bottom:1px solid #232a3a}.dbg-saved{padding:5px 12px;font-size:10px;color:#6f7c93;border-bottom:1px solid #232a3a;line-height:1.5}.dbg-saved.on{color:#ffd257;background:#1e1b10}.dbg-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:auto;background:#06080de6;display:flex;align-items:center;justify-content:center;padding:16px}.dbg-modal-inner{width:100%;max-height:100%;overflow-y:auto;background:#141824;border:1px solid #2f3850;border-radius:6px;padding:14px}.dbg-modal-inner h3{font-size:10.5px;color:#6f7c93;letter-spacing:.1em;margin:0 0 6px}.dbg-diff{background:#0d1119;border:1px solid #232a3a;border-radius:4px;padding:8px;font-size:10px;line-height:1.6;color:#cbd4e6;white-space:pre;overflow-x:auto;margin-bottom:12px;font-family:Consolas,monospace}.dbg-json{width:100%;height:150px;resize:vertical;background:#0d1119;border:1px solid #232a3a;border-radius:4px;color:#cbd4e6;font-family:Consolas,monospace;font-size:10.5px;padding:8px;margin-bottom:10px}.dbg-json.bad{border-color:#e2564a}.dbg-modal-btns{display:flex;gap:6px;margin-bottom:10px}.dbg-modal-btns button{background:#222a3d;border:1px solid #3a4459;color:#cbd4e6;border-radius:4px;padding:5px 10px;font:inherit;font-size:11px;cursor:pointer}.dbg-modal-btns button:hover{background:#2e3852}.dbg-modal-inner code{background:#222a3d;padding:1px 4px;border-radius:3px;font-size:10px}.dbg-modal-inner.wide{max-width:1100px}.dbg-cover{border-collapse:collapse;margin-bottom:14px;font-size:11px}.dbg-cover th,.dbg-cover td{border:1px solid #2a3346;padding:3px 8px;text-align:center}.dbg-cover th{color:#6f7c93;font-weight:400;background:#0d1119}.dbg-cover td.wp{color:#cbd4e6;text-align:left;background:#10141e}.dbg-cover td.am{color:#8b97ad;text-align:left}.dbg-cover td.none{color:#39415a}.dbg-cover td.try{color:#d8b04a}.dbg-cover td.ok{color:#6ee7a0;background:#16241d}.dbg-recwrap{max-height:260px;overflow:auto;margin-bottom:12px}.dbg-rec{border-collapse:collapse;font-size:10.5px;width:100%}.dbg-rec th,.dbg-rec td{border-bottom:1px solid #222a3a;padding:3px 6px;text-align:right;white-space:nowrap}.dbg-rec th{color:#6f7c93;font-weight:400;text-align:right;position:sticky;top:0;background:#141824}.dbg-rec td:nth-child(-n+5),.dbg-rec th:nth-child(-n+5){text-align:left}.dbg-rec tr.ok td{color:#9fe8bd}.dbg-actions button.on{background:#ffd257;border-color:#ffd257;color:#1a1500;font-weight:700}.dbg-live{padding:8px 12px;border-bottom:1px solid #232a3a;background:#101420}.dbg-dummy{margin-top:8px;padding-top:8px;border-top:1px solid #232a3a}.dbg-dummy>b{font-size:10px;color:#6f7c93;letter-spacing:.12em}.dbg-dummy th{font-size:9.5px;color:#55617a;text-align:left;font-weight:400;padding:2px 0}.dbg-dummy td{font-size:11px;padding:2px 0}.dbg-dummy tr.dead td{color:#55617a}.dbg-stats{display:flex;gap:10px;margin-bottom:6px;font-size:11px;color:#8892a6}.dbg-stats b{color:#ffd257;font-variant-numeric:tabular-nums}.dbg-live table{width:100%;border-collapse:collapse}.dbg-live td{padding:2px 0;font-size:11px;color:#b9c4d8}.dbg-live td:first-child{color:#6f7c93;width:44%}.dbg-live td:last-child{font-variant-numeric:tabular-nums}.dbg-col{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;min-height:0;background:#0c0f16f5;pointer-events:auto}.dbg-read{left:0;width:min(360px,30vw);border-right:1px solid #2f3850;overflow-y:auto}.dbg-edit{right:0;width:min(470px,38vw);border-left:1px solid #2f3850}.dbg-read .dbg-live{border-bottom:0}.dbg-body{flex:1;overflow-y:auto;padding:4px 12px 20px}.dbg-group{border-bottom:1px solid #1c2230;padding:4px 0}.dbg-group summary{cursor:pointer;padding:6px 0;font-weight:700;font-size:11.5px;color:#cbd4e6}.dbg-note{font-size:10px;color:#6f7c93;line-height:1.5;margin:0 0 6px}.dbg-row{display:flex;align-items:center;gap:6px;padding:2px 0}.dbg-label{flex:1;color:#97a3ba;font-size:11px}.dbg-label i{color:#6f7c93;font-style:normal}.dbg-label b{display:none}.dbg-row.dead{opacity:.4}.dbg-row.dead input{cursor:not-allowed}.dbg-row.dead .dbg-label b{display:inline;margin-left:5px;padding:0 4px;border:1px solid #4a5568;border-radius:2px;color:#6f7c93;font-size:9px;font-weight:400}.dbg-row input{width:86px;background:#1b2130;border:1px solid #333c52;color:#e8ecf5;border-radius:3px;padding:3px 6px;font:inherit;font-size:11px;font-variant-numeric:tabular-nums}.dbg-row input.changed{border-color:#ffd257;color:#ffd257}.dbg-rev{background:none;border:0;cursor:pointer;color:#55617a;font-size:12px;padding:0 2px}.dbg-rev:hover{color:#ffd257}.setup{width:960px}.setup h1{font-size:22px;margin-bottom:4px}.panel.setup{width:960px;max-width:calc(94vw / var(--ui));max-height:calc((100vh - 24px) / var(--ui));overflow-y:auto;padding:16px 20px}.setup-logo{display:flex;margin-bottom:10px}.setup-logo canvas{display:block;image-rendering:pixelated}.setup .lead{font-size:13px;color:#8892a6;margin-bottom:12px}.setup h4{font-size:10.5px;color:#6f7c93;letter-spacing:.12em;margin:6px 0 4px}.setup .keys{margin-top:6px}.setup .start{border-radius:0;margin-top:10px}.setup .keys .pad{margin-top:4px}.setup .keys .pad-status{font-size:9.5px}.opts{display:flex;gap:6px}.opt{flex:1;padding:7px 9px;border-radius:0;background-color:#12161f;border:1px solid var(--line);color:#e8ecf5;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.opt b{font-size:12px}.opt small{font-size:11.5px;line-height:1.5}.opts .opt.ico{display:flex;align-items:center;justify-content:center;gap:7px;padding:5px 8px}.opts .opt.ico{flex-direction:column;gap:3px;padding:5px 6px;justify-content:center}.opt.ico b{font-size:12.5px;line-height:1.25}.ico-img{display:flex;align-items:center;flex:0 0 auto;opacity:.45}.ico-img.two{gap:8px}.opt.sel .ico-img,.opt.cursor .ico-img{opacity:1}.ico-img canvas{image-rendering:pixelated;display:block}.opts.necks,.opts.helps{flex-wrap:wrap}.opts.necks .opt{flex:1 1 30%;min-width:190px}.opts.helps .opt{flex:1 1 0;min-width:116px;padding:6px 8px}.opts.helps .opt b{font-size:12.5px}.opts.helps .opt small{font-size:9.5px;line-height:1.4}.opt:hover{background-color:#1a2130}.opt.sel{border-color:var(--line-on);background-color:#1e2231}.opt.cursor,.start.cursor{outline:2px solid #8fd6ff;outline-offset:2px;border-radius:0}.opt.cursor{background-color:#1c2436}.opt b{display:block;font-size:14px;margin-bottom:4px}.opt small{font-size:10.5px;color:#97a3ba;line-height:1.5}.start{display:flex;align-items:center;justify-content:center;margin-top:22px;width:100%;padding:12px;background:#ffd257;border:0;border-radius:0;font:inherit;font-weight:700;font-size:15px;color:#1a1500;cursor:pointer}.start:hover{background:#ffdf7d}.pad-status{font-size:11px;padding:7px 10px;border-radius:0;margin-bottom:8px;line-height:1.6}.pad-status.ok{background:#16301f;border:1px solid #2f6b42;color:#8fe0a8}.pad-status.off{background:#2a1f18;border:1px solid #6b4a2f;color:#e0b98f}.pad-table{width:100%;border-collapse:collapse;font-size:11.5px}.pad-table td{padding:5px 8px;border-bottom:1px solid #232a3a;color:#b9c4d8}.pad-table td.kb,.pad-table td.pd{color:#8892a6;width:34%}.pad-table td.pd{color:#c8b98f}.pad-table tr.on td{background:#2a3350;color:#ffd257}.keys{margin-top:14px;font-size:11px;color:#6f7c93;line-height:1.8}.keys kbd{background:#222a3d;border:1px solid #3a4459;border-radius:3px;padding:1px 6px;font-family:inherit;font-size:10.5px}.wpoint{display:flex;align-items:center;gap:6px;margin-top:0;justify-content:center;font-size:10px;color:#6f7c93}.wpoint i{width:16px;height:16px;border-radius:3px;background:#1a1e2b;border:1px solid #3a4459}.wpoint i.on{background:#ffd257;border-color:#ffd257;box-shadow:0 0 8px #ffd25799}.wpoint em{font-style:normal;color:#ffd257;font-weight:700}.nextbuff{display:flex;gap:6px;margin-top:0;justify-content:center}.nextbuff em{font-style:normal;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:9px}.nextbuff .crit{background:#3a3010;border:1px solid #ffd257;color:#ffd257}.nextbuff .poison{background:#2b1a38;border:1px solid #a864d8;color:#cf9ff0}.nextbuff .stun{background:#3a3010;border:1px solid #ffd257;color:#ffd257}.nextbuff .toggle{background:#2a1f3d;border:1px solid #b98cff;color:#e0ccff}.nextbuff .charge{background:#3a2410;border:1px solid #e2884a;color:#f0b98f}.nextbuff .spin{background:#10303a;border:1px solid #4ac8e2;color:#9fe0f0}.keys.demo,.hint.demo{color:#ff9a3c;margin-top:10px}.dbg-filter{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;margin:4px 0;background:#1a1e28;border:1px solid #2b3242;border-radius:4px}.dbg-flabel{font-size:11px;color:#6f7c93;margin-right:4px}.dbg-filter button{font-size:11px;padding:3px 8px;cursor:pointer;background:#232a36;color:#cbd4e6;border:1px solid #333c4d;border-radius:3px}.dbg-filter button:hover{background:#2c3442}.dbg-filter button.on{background:#3d6ea8;border-color:#5a8fd0;color:#fff}.dbg-filter button i{font-style:normal;opacity:.55;margin-left:5px;font-size:10px}.dbg-row.wf-hide,.dbg-group.wf-hide{display:none}.opt .armbase{display:block;margin-top:3px;opacity:.75}.mobile{--tp-btn: 88px;--tp-btn-big: 108px;--tp-gap: 10px;--tp-inset: 12px;--pad-h: calc(var(--tp-inset) * 2 + var(--tp-btn-big) + var(--tp-gap) + var(--tp-btn))}.touchpad{position:fixed;inset:auto 0 0 0;z-index:40;display:flex;justify-content:space-between;align-items:flex-end;padding:var(--tp-inset, 12px);gap:12px;pointer-events:none}.tp-side{display:flex;flex-direction:column;gap:var(--tp-gap, 10px);pointer-events:auto}.tp-left{align-items:flex-start}.tp-right{align-items:flex-end}.tp-btn{width:var(--tp-btn, 88px);height:var(--tp-btn, 88px);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;font:inherit;font-size:11px;letter-spacing:.04em;color:#e8ecf5;background:#1b2230cc;border:2px solid #3d4a63;transition:background .06s,border-color .06s;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}.tp-btn:active{background:#33507acc;border-color:#7d9ac8}.tp-attackSkill{width:var(--tp-btn-big, 108px);height:var(--tp-btn-big, 108px);font-size:12px}.tp-guard{border-color:#4f6b52}.tp-guard:active{background:#2f5a3ccc;border-color:#7fc08f}.tp-styleChange{border-color:#6b5b3f}.tp-styleChange:active{background:#6a512acc;border-color:#d0a95a}.mobile .skillbar{left:2px;right:2px;transform:none;bottom:calc((var(--pad-h) + 10px) / var(--ui));justify-content:center;gap:3px;padding:0 4px}.mobile .sk{min-width:0;flex:1 1 0;max-width:none;padding:3px 2px 4px}.mobile .hud-left,.mobile .hud-right{max-width:calc(100vw / var(--ui) - 28px)}.mobile .panel{width:auto;max-width:calc(100vw / var(--ui) - 12px);padding:12px 10px;box-sizing:border-box}.mobile #overlay.show{overflow-y:auto;align-items:flex-start;padding:16px 0 calc(24px + env(safe-area-inset-bottom,0px))}.mobile #overlay.show>*{margin:auto}.mobile .opts{flex-wrap:wrap}.mobile .opts .opt{flex:1 1 46%;min-width:0}.mobile .opts.weapons .opt,.mobile .opts .opt.ico{flex:1 1 30%}.mobile .btn-row{flex-wrap:wrap}.mobile .rc-stats{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.mobile .rc-times{flex-wrap:wrap}.mobile .rc-time-cell{min-width:120px;flex:1 1 40%}.mobile .result .rows div{gap:12px}.mobile .ttl-logo canvas,.mobile .ttl-press canvas,.mobile .keys canvas,.mobile .setup-logo canvas{max-width:calc(100vw / var(--ui) - 16px);height:auto}.mobile .title{gap:16px}.mobile #overlay.show~.touchpad{display:none}.rc-close{display:block;width:100%;margin-top:10px;padding:14px 10px;background:#1b2230cc;border:2px solid #f2d06b;border-radius:4px;color:#f2d06b;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;opacity:0;transition:opacity .18s;pointer-events:none}.rc-close.in{opacity:1;pointer-events:auto}.rc-close:active{background:#6a512acc}.mobile .opts.pairs .opt{flex:1 1 100%}.mobile .opt canvas,.mobile .panel canvas{max-width:100%;height:auto;image-rendering:pixelated}.mobile #hud{overflow:hidden}.mobile #hud canvas{max-width:calc(100vw / var(--ui) - 24px);height:auto;image-rendering:pixelated}.mobile .hud-right .stat{flex:0 0 auto}.mobile .sk-name{min-width:0;overflow:hidden}@keyframes statPopBigMobile{0%{transform:scale(1.3);filter:brightness(2)}55%{transform:scale(.96);filter:brightness(1)}to{transform:none}}.mobile .stat b.pop.big{animation-name:statPopBigMobile}.mobile #hud .sk canvas{max-width:100%}.mobile #hud .hud-right .stat.big{flex:1 1 100%;justify-content:center}.mobile #hud .stat.big canvas{max-width:calc(100vw / var(--ui) / 1.45)}.mobile #hud .hud-left canvas{max-width:100%}.mobile .tp-pause{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tp-inset, 12px) + env(safe-area-inset-bottom,0px));width:60px;height:60px;font-size:9px;pointer-events:auto;opacity:.55}.mobile .tp-pause:active{opacity:1}.mobile #hud{padding-top:calc((10px + env(safe-area-inset-top,0px)) / var(--ui));box-sizing:border-box}.mobile .tp-btn.tp-flash{background:#6a512acc;border-color:#ffd257;box-shadow:0 0 14px #ffd2578c;opacity:1}.opt.autosw{flex:0 0 auto;align-self:center;padding:5px 14px;margin-bottom:8px}.opt.autosw.sel{border-color:#ffd257;color:#ffd257}.tut{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 74px);transform:translate(-50%);zoom:var(--ui);pointer-events:none;z-index:40;padding:6px 14px;max-width:calc(92vw / var(--ui));text-align:center;background:#000000b8;border:2px solid #f2d06b;animation:tutIn .18s ease-out}@keyframes tutIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.mobile .tut{bottom:calc(var(--pad-h, 0px) + 12px)}.styles .style-chip.autosw{border-color:#fff;box-shadow:0 0 18px #ffffffb3;animation:autoswPop .3s ease-out}@keyframes autoswPop{0%{transform:scale(1.06)}to{transform:scale(1)}}.sk.cool{border-color:#4a3a20;border-style:dashed}.sk.cool .sk-name{color:#6b5b3f}.unlock{margin:14px 0 6px;padding:10px;border:2px dashed #3d4a63;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:8px}.unlock.done{border-style:solid;border-color:#6ee7a0}.unlock .opt{min-width:220px}.panel.unlockpanel{width:520px;max-width:calc(94vw / var(--ui));text-align:center}.unlockpanel .note{display:block;color:#8892a6;margin:8px 0}.uk-in{width:100%;margin:10px 0;padding:14px 10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:24px;letter-spacing:.18em;text-align:center;text-transform:uppercase;color:#ffd257;background:#12161f;border:2px solid #3d4a63;border-radius:4px}.uk-in:focus{outline:none;border-color:#ffd257}.uk-in::placeholder{color:#48536a;letter-spacing:.12em}.uk-msg{min-height:22px;margin:6px 0 10px}.uk-msg.ng{color:#e2564a}.uk-msg.ok{color:#6ee7a0}.opt.buy{border-color:#6ee7a0}.opt.buy:hover,.opt.buy:active{background:#1d3a2a;border-color:#9df5c0}.uk-url{display:none;margin-top:12px;padding:8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:#6ee7a0;background:#12161f;border:1px solid #2a3346;border-radius:4px;word-break:break-all;user-select:all;-webkit-user-select:all}.uk-url.show{display:block}.install{margin:14px 0 0;padding:10px;border:2px dashed #3d4a63;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:8px}.install .opt{min-width:220px;border-color:#8f9bff}.install .opt:hover,.install .opt:active{background:#1b1f3a;border-color:#b6bdff}.px.raw{line-height:1.45}