*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0a0714;color:#e8eef0;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:relative;height:100%;overflow:hidden}#stage{display:block;width:100%;height:100%;image-rendering:pixelated}.pf-root{--pf-gold: #d8b45a;--pf-gold-dim: #6d5a2a;--pf-panel: #120e1e;--pf-panel-2: #1b1630;--pf-ink: #0b0814;--pf-hp: #b3262e;--pf-fp: #3a5fd0;--pf-st: #4fa84a;--pf-text: #f0e3c2;--pf-dim: #9a8fb8;--pf-font: ui-monospace, "DejaVu Sans Mono", "Liberation Mono", Menlo, Consolas, "Courier New", monospace;position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden;font-family:var(--pf-font);font-size:12px;line-height:1.35;color:var(--pf-text);letter-spacing:.08em;text-transform:uppercase;text-shadow:1px 1px 0 #000;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.pf-root img,.pf-root canvas{image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;display:block}.pf-root ::-webkit-scrollbar{width:0;height:0}.pf-panel{position:relative;background-color:var(--pf-panel);background-image:linear-gradient(var(--pf-gold),var(--pf-gold)),linear-gradient(var(--pf-gold),var(--pf-gold)),linear-gradient(var(--pf-gold),var(--pf-gold)),linear-gradient(var(--pf-gold),var(--pf-gold)),linear-gradient(var(--pf-gold),var(--pf-gold)),linear-gradient(var(--pf-gold),var(--pf-gold)),linear-gradient(var(--pf-gold),var(--pf-gold)),linear-gradient(var(--pf-gold),var(--pf-gold));background-repeat:no-repeat;background-size:11px 3px,3px 11px,11px 3px,3px 11px,11px 3px,3px 11px,11px 3px,3px 11px;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;border:2px solid var(--pf-gold-dim)}.pf-btn{pointer-events:auto;font:inherit;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pf-text);background-color:var(--pf-panel-2);background-image:linear-gradient(var(--pf-gold-dim),var(--pf-gold-dim)),linear-gradient(var(--pf-gold-dim),var(--pf-gold-dim)),linear-gradient(var(--pf-gold-dim),var(--pf-gold-dim)),linear-gradient(var(--pf-gold-dim),var(--pf-gold-dim)),linear-gradient(var(--pf-gold-dim),var(--pf-gold-dim)),linear-gradient(var(--pf-gold-dim),var(--pf-gold-dim)),linear-gradient(var(--pf-gold-dim),var(--pf-gold-dim)),linear-gradient(var(--pf-gold-dim),var(--pf-gold-dim));background-repeat:no-repeat;background-size:8px 2px,2px 8px,8px 2px,2px 8px,8px 2px,2px 8px,8px 2px,2px 8px;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;border:2px solid #4a3f6b;padding:9px 12px;min-height:44px;cursor:pointer;touch-action:manipulation}.pf-btn:hover,.pf-btn:focus-visible,.pf-btn.is-active{background-color:#2c2440;border-color:var(--pf-gold);color:#fff6dc;outline:none}.pf-btn:focus-visible{box-shadow:0 0 0 2px #000,0 0 0 4px var(--pf-gold)}.pf-btn:active,.pf-btn.is-down{background-color:var(--pf-gold);border-color:var(--pf-gold);color:var(--pf-ink)}.pf-btn[disabled]{opacity:.4;cursor:default}.pf-hud{position:absolute;inset:0}.pf-tl{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:7px;align-items:flex-start}.pf-bars{display:flex;flex-direction:column;gap:5px}.pf-bar{width:clamp(132px,46vw,240px)}.pf-bar-row{display:flex;justify-content:space-between;font-size:8px;color:var(--pf-dim);margin-bottom:1px}.pf-bar-track{position:relative;height:13px;background-color:var(--pf-ink);border:2px solid #4a3f6b;overflow:hidden}.pf-bar-fill{position:absolute;inset:0 auto 0 0;width:50%;background-color:var(--pf-hp);box-shadow:inset 0 -3px #00000059}.pf-bar--fp .pf-bar-fill{background-color:var(--pf-fp)}.pf-bar--st .pf-bar-fill{background-color:var(--pf-st)}.pf-bar--st{width:clamp(112px,40vw,200px)}.pf-quick{display:flex;gap:5px}.pf-slot{pointer-events:auto;position:relative;width:46px;height:46px;min-width:44px;min-height:44px;padding:0;display:grid;place-items:center;background-color:var(--pf-panel-2);border:2px solid var(--pf-gold-dim);cursor:pointer;touch-action:none}.pf-slot img{width:42px;height:42px}.pf-slot.is-sel{border-color:var(--pf-gold);box-shadow:0 0 0 1px #000,0 0 0 3px var(--pf-gold)}.pf-slot:empty:after{content:"";width:10px;height:10px;background:#372e52}.pf-slot-key{position:absolute;top:1px;left:3px;font-size:8px;color:var(--pf-dim)}.pf-slot-n{position:absolute;right:2px;bottom:0;font-size:10px;color:var(--pf-text)}.pf-souls{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));display:flex;align-items:center;gap:6px;padding:5px 8px;font-size:13px;color:var(--pf-gold)}.pf-souls img{width:16px;height:16px}.pf-souls-delta{position:absolute;top:100%;right:4px;font-size:13px;color:#8fe08a;opacity:0;white-space:nowrap}.pf-souls-delta.is-on{animation:pf-rise 1.1s ease-out}.pf-side{position:absolute;right:max(10px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.pf-side-btn{pointer-events:auto;width:46px;height:46px;min-width:44px;min-height:44px;padding:0;font:inherit;font-size:9px;letter-spacing:.1em;color:var(--pf-text);background-color:#1b1630d9;border:2px solid var(--pf-gold-dim);cursor:pointer;touch-action:none}.pf-arc{--pf-arc-size: 56px;position:absolute;right:0;bottom:0;width:min(74vw,360px);height:min(54vh,290px);pointer-events:none}.pf-arc-btn{pointer-events:auto;position:absolute;width:var(--pf-arc-size);height:var(--pf-arc-size);min-width:44px;min-height:44px;margin:calc(var(--pf-arc-size) / -2) 0 0 calc(var(--pf-arc-size) / -2);border-radius:50%;padding:0;font:inherit;font-size:9px;letter-spacing:.06em;color:var(--pf-text);background-color:#1b1630d1;border:2px solid var(--pf-gold-dim);cursor:pointer;touch-action:none}.pf-cross{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;background-color:#f0e3c28c;box-shadow:0 0 0 1px #000000b3}.pf-arc-btn.is-down{background-color:var(--pf-gold);border-color:var(--pf-gold);color:var(--pf-ink);transform:scale(.94)}.pf-arc-btn.is-held{border-color:var(--pf-gold);color:#fff6dc}.pf-root:not(.is-touch) .pf-arc,.pf-root:not(.is-touch) .pf-side{display:none}.pf-hints{position:absolute;left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));font-size:9px;color:var(--pf-dim);max-width:52vw}.pf-root.is-touch .pf-hints{display:none}.pf-reticle{position:absolute;left:0;top:0;width:22px;height:22px;margin:-11px 0 0 -11px;border:2px solid rgba(216,180,90,.9);box-shadow:0 0 0 1px #000c,inset 0 0 0 1px #000c;transform:rotate(45deg)}.pf-target{position:absolute;left:0;top:0;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:2px}.pf-target.is-on{display:flex}.pf-target-name{font-size:9px;color:var(--pf-gold)}.pf-target-bar{width:74px;height:7px;background-color:var(--pf-ink);border:2px solid #4a3f6b;position:relative}.pf-target-fill{position:absolute;inset:0 auto 0 0;width:100%;background-color:var(--pf-hp)}.pf-boss{position:absolute;left:50%;top:26%;transform:translate(-50%);width:min(74vw,340px);padding:5px 7px 6px;display:none}.pf-boss.is-on{display:block}.pf-boss-name{font-size:10px;color:var(--pf-gold);text-align:center;margin-bottom:3px}.pf-boss-bar{height:11px;background-color:var(--pf-ink);border:2px solid var(--pf-gold-dim);position:relative}.pf-boss-fill{position:absolute;inset:0 auto 0 0;width:100%;background-color:var(--pf-hp)}.pf-prompt{position:absolute;left:50%;bottom:21%;transform:translate(-50%);padding:6px 10px;font-size:10px;color:var(--pf-text);display:none;white-space:nowrap}.pf-prompt.is-on{display:block}.pf-banner{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:opacity .45s ease-out;white-space:nowrap}.pf-banner.is-on{opacity:1}.pf-banner-title{font-size:clamp(22px,6.6vw,52px);letter-spacing:.2em;color:#f7ead0;text-shadow:2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000,2px 2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,-2px -2px 0 #000,4px 4px 0 rgba(0,0,0,.6)}.pf-banner-sub{margin-top:8px;font-size:clamp(9px,2.4vw,13px);color:var(--pf-dim);letter-spacing:.3em}.pf-banner--gold .pf-banner-title{color:var(--pf-gold)}.pf-banner--red .pf-banner-title{color:#e25a52}.pf-banner--green .pf-banner-title{color:#7fd07a}.pf-toasts{position:absolute;left:50%;bottom:13%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px}.pf-toast{padding:5px 9px;font-size:10px;color:var(--pf-text);background-color:#120e1ee6;border:2px solid var(--pf-gold-dim);animation:pf-fade .25s ease-out}.pf-toast.is-out{opacity:0;transition:opacity .35s ease-in}.pf-hitfx{position:absolute;inset:0;opacity:0;background-image:radial-gradient(ellipse at center,#0000 45%,#b3262ecc)}.pf-hitfx.is-on{animation:pf-hit .45s ease-out}@keyframes pf-hit{0%{opacity:.95}to{opacity:0}}@keyframes pf-rise{0%{opacity:0;transform:translateY(4px)}25%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@keyframes pf-fade{0%{opacity:0}to{opacity:1}}.pf-menus{position:absolute;inset:0;display:none;overflow-y:auto;background-color:#080610d6;pointer-events:auto;touch-action:manipulation}.pf-setlist{display:flex;flex-direction:column;gap:8px}.pf-logo--sm{font-size:clamp(18px,5.4vw,38px)}.pf-menus.is-open{display:flex}.pf-screen[hidden]{display:none}.pf-screen{margin:auto;width:min(94vw,460px);padding:20px 18px;display:flex;flex-direction:column;gap:12px}.pf-logo{font-size:clamp(30px,11vw,66px);letter-spacing:.12em;line-height:1.05;color:var(--pf-gold);text-align:center;text-shadow:3px 0 0 #5a3a12,-3px 0 0 #5a3a12,0 3px 0 #5a3a12,0 -3px 0 #5a3a12,3px 3px 0 #2a1508,-3px 3px 0 #2a1508,3px -3px 0 #2a1508,-3px -3px 0 #2a1508,6px 6px 0 rgba(0,0,0,.55)}.pf-logo-sub{font-size:clamp(8px,2.4vw,11px);letter-spacing:.34em;color:var(--pf-dim);text-align:center}.pf-tag{font-size:10px;color:var(--pf-dim);text-align:center;letter-spacing:.14em}.pf-btnlist{display:flex;flex-direction:column;gap:9px}.pf-h{font-size:12px;color:var(--pf-gold);letter-spacing:.24em}.pf-scores{display:flex;flex-direction:column;gap:3px;font-size:9px;color:var(--pf-dim)}.pf-score{display:grid;grid-template-columns:26px 1fr 58px 46px;gap:6px;padding:3px 5px;border-bottom:1px solid #2e2648}.pf-score b{color:var(--pf-text);font-weight:400}.pf-set{display:flex;align-items:center;gap:9px;font-size:10px}.pf-set-lbl{flex:0 0 88px;color:var(--pf-dim)}.pf-set-val{flex:0 0 34px;text-align:right;color:var(--pf-text);font-size:9px}.pf-range{pointer-events:auto;flex:1 1 auto;height:26px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:manipulation}.pf-range::-webkit-slider-runnable-track{height:8px;background-color:var(--pf-ink);border:2px solid var(--pf-gold-dim)}.pf-range::-moz-range-track{height:8px;background-color:var(--pf-ink);border:2px solid var(--pf-gold-dim)}.pf-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:20px;margin-top:-8px;background-color:var(--pf-gold);border:2px solid #2a1508}.pf-range::-moz-range-thumb{width:14px;height:20px;border-radius:0;background-color:var(--pf-gold);border:2px solid #2a1508}.pf-toggle{pointer-events:auto;font:inherit;font-size:10px;min-width:62px;min-height:30px;color:var(--pf-dim);background-color:var(--pf-panel-2);border:2px solid #4a3f6b;cursor:pointer}.pf-toggle.is-on{color:var(--pf-ink);background-color:var(--pf-gold);border-color:var(--pf-gold)}.pf-select{pointer-events:auto;font:inherit;font-size:10px;color:var(--pf-text);background-color:var(--pf-panel-2);border:2px solid var(--pf-gold-dim);min-height:30px;padding:0 6px}.pf-vic{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.pf-vic-row{display:flex;gap:16px}.pf-stat-big{font-size:11px;color:var(--pf-dim)}.pf-stat-big b{display:block;font-size:20px;color:var(--pf-gold);font-weight:400;letter-spacing:.1em}.pf-name-row{display:flex;gap:8px}.pf-input{pointer-events:auto;flex:1 1 auto;font:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-text);background-color:var(--pf-ink);border:2px solid var(--pf-gold-dim);min-height:44px;padding:0 9px}.pf-input:focus{outline:none;border-color:var(--pf-gold)}.pf-note{font-size:9px;color:var(--pf-dim);letter-spacing:.12em}.pf-equip{position:absolute;inset:0;display:none;flex-direction:column;background-color:#080610ed;pointer-events:auto}.pf-equip.is-open{display:flex}.pf-eq-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:2px solid var(--pf-gold-dim);background-color:var(--pf-panel)}.pf-eq-title{font-size:13px;letter-spacing:.26em;color:var(--pf-gold)}.pf-eq-lv{font-size:10px;color:var(--pf-text)}.pf-eq-lv b{color:var(--pf-gold);font-weight:400;font-size:13px}.pf-eq-x{pointer-events:auto;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;font:inherit;font-size:13px;color:var(--pf-text);background-color:var(--pf-panel-2);border:2px solid var(--pf-gold-dim);cursor:pointer}.pf-eq-body{flex:1 1 auto;display:grid;grid-template-columns:minmax(92px,168px) minmax(0,1fr);gap:10px;padding:10px 12px;overflow-y:auto;align-content:start}.pf-doll-col{display:flex;flex-direction:column;gap:8px;align-items:center}.pf-doll{width:100%;max-width:168px}.pf-doll-note{font-size:8px;color:var(--pf-dim);text-align:center}.pf-eq-right{display:flex;flex-direction:column;gap:10px;min-width:0}.pf-slots{display:grid;grid-template-columns:repeat(2,46px);gap:6px;justify-content:start}.pf-slot-tag{position:absolute;left:0;right:0;bottom:1px;font-size:7px;color:var(--pf-dim);text-align:center;pointer-events:none}.pf-statgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}.pf-stat{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:4px;padding:3px 4px;background-color:#1b1630b3;border:2px solid #332a52;font-size:9px}.pf-stat-lbl{color:var(--pf-dim)}.pf-stat-val{color:var(--pf-text);text-align:center;font-size:11px}.pf-stat-up{pointer-events:auto;min-height:24px;min-width:30px;padding:0;font:inherit;font-size:11px;color:var(--pf-gold);background-color:var(--pf-ink);border:2px solid #4a3f6b;cursor:pointer}.pf-stat-up:disabled{color:#5b5273;border-color:#332a52;cursor:default}.pf-derv{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;font-size:9px}.pf-derv div{padding:4px 2px;text-align:center;background-color:#1b1630b3;border:2px solid #332a52;color:var(--pf-dim)}.pf-derv b{display:block;color:var(--pf-gold);font-size:12px;font-weight:400}.pf-sub{font-size:9px;color:var(--pf-dim);letter-spacing:.2em}.pf-items{display:flex;flex-wrap:wrap;gap:6px}.pf-item{pointer-events:auto;width:52px;height:52px;min-width:44px;min-height:44px;padding:0;display:grid;place-items:center;background-color:var(--pf-panel-2);border:2px solid #4a3f6b;cursor:pointer}.pf-item img{width:48px;height:48px}.pf-item.is-sel{border-color:var(--pf-gold);background-color:#2c2440}.pf-item.is-eq{border-color:var(--pf-st)}.pf-desc{padding:8px;font-size:9px;line-height:1.6;color:var(--pf-dim);min-height:58px}.pf-desc b{color:var(--pf-gold);font-weight:400}.pf-desc .pf-desc-kind{color:#8fd0ff}@media(max-width:480px){.pf-root{font-size:11px}.pf-arc{--pf-arc-size: 48px}.pf-eq-body{grid-template-columns:86px minmax(0,1fr);gap:8px;padding:8px}.pf-slots{grid-template-columns:repeat(2,44px)}.pf-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-derv{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-item{width:46px;height:46px}.pf-item img{width:42px;height:42px}.pf-set-lbl{flex:0 0 72px}}@media(max-height:460px){.pf-arc{height:min(64vh,220px)}.pf-banner{top:34%}}@media(pointer:coarse){.pf-hints{display:none}}.pf-root.is-touch .pf-toasts{bottom:31%}@media(max-height:460px){.pf-root.is-touch .pf-toasts{bottom:24%}}