:root{--ink: #14161d;--office: #101319;--paper: #f2efe6;--paper-dim: #e4dfd0;--badge: #ffcf33;--danger: #ff4f4f;--stamp: #d43a2f;--cn: #4ec9a0;--us: #6aa3ff;--hud-bg: rgba(16, 19, 25, .82);--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--office);color:var(--paper);font-family:var(--sans);overflow:hidden;user-select:none;-webkit-user-select:none}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.012) 3px 4px),var(--office)}canvas#cv{image-rendering:pixelated;image-rendering:crisp-edges;background:#171a22;box-shadow:0 0 0 2px #000,0 0 60px #000c}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:var(--mono)}.hud-tl{position:absolute;top:10px;left:12px;display:flex;flex-direction:column;gap:6px}.hud-tc{position:absolute;top:10px;left:50%;transform:translate(-50%);text-align:center}.hud-tr{position:absolute;top:10px;right:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.hud-bc{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:8px}#active-chip,#active-chip-e{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--hud-bg);border:1px solid #b665ff;border-top:3px solid #b665ff;padding:6px 10px;font-family:var(--sans);font-size:10px;color:#e6c9ff}#active-chip-e{border-color:#ffcf33;color:#ffe4a0}#active-chip b,#active-chip-e b{font-family:var(--mono);font-size:14px;color:#fff}#active-chip i{font-style:normal;font-family:var(--mono);color:#b665ff}#active-chip-e i{font-style:normal;font-family:var(--mono);color:#ffcf33}#active-chip.cd,#active-chip-e.cd{opacity:.55}#active-chip:not(.cd) i,#active-chip-e:not(.cd) i{color:#7ee08a}.bar{width:190px;height:14px;background:#000;border:2px solid #000;outline:1px solid rgba(255,255,255,.25);position:relative}.bar>i{display:block;height:100%;background:var(--danger);transition:width .15s steps(8)}.bar.hp>i{background:linear-gradient(180deg,#7ee08a 0,#7ee08a 50%,#46b45e 50%,#46b45e)}.bar.xp{height:8px;width:190px}.bar.xp>i{background:linear-gradient(180deg,#ffe27a 0 50%,var(--badge) 50% 100%)}.bar>b{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000;letter-spacing:1px}.tag{background:var(--hud-bg);border:1px solid rgba(255,255,255,.18);padding:3px 8px;font-size:11px;letter-spacing:1px;font-variant-numeric:tabular-nums}.tag b{color:var(--badge)}#tech-tag{max-width:230px;font-size:10px;line-height:1.5;font-family:var(--sans)}#curse-row{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.curse-tag{background:#2a1040;border:1px solid #b665ff;color:#e6c9ff;padding:2px 7px;font-size:10px;font-family:var(--sans);animation:blink 1.2s steps(2) infinite}#zone-warn{margin-top:6px;display:inline-block;background:var(--danger);color:#fff;font-family:var(--sans);font-weight:700;font-size:12px;padding:4px 10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.55}}#killfeed{position:absolute;top:86px;right:12px;display:flex;flex-direction:column;gap:3px;align-items:flex-end}#killfeed div{background:var(--hud-bg);border-right:3px solid var(--badge);font-size:10px;padding:2px 7px;color:#cfcabb;font-family:var(--sans);animation:feedin .2s steps(4)}#killfeed div.me{border-right-color:var(--danger);color:#fff}@keyframes feedin{0%{transform:translate(20px);opacity:0}}#wpn-card{pointer-events:none;display:flex;align-items:center;gap:9px;background:var(--hud-bg);border:1px solid rgba(255,255,255,.2);border-top:3px solid var(--badge);padding:6px 12px;min-width:220px}#wpn-card canvas{image-rendering:pixelated;width:36px;height:36px}#wpn-name{font-family:var(--sans);font-weight:700;font-size:13px}#wpn-name small{font-weight:400;opacity:.65;margin-left:6px;font-size:10px}#wpn-name .leg-name{color:var(--stamp)}#wpn-pips{display:flex;gap:3px;margin-top:3px}#wpn-pips i{width:14px;height:6px;background:#333;outline:1px solid #000}#wpn-pips i.on{background:var(--badge)}#wpn-pips i.leg{background:var(--stamp)}#wpn-hint{font-size:10px;color:#9aa4b5;margin-top:3px;font-family:var(--sans)}#wpn-hint b{color:var(--badge)}#prompt-e{position:absolute;bottom:84px;left:50%;transform:translate(-50%);font-family:var(--sans);font-size:12px;background:var(--paper);color:var(--ink);font-weight:700;padding:5px 12px;border:2px solid #000;box-shadow:3px 3px #00000080}#prompt-e kbd{background:var(--ink);color:var(--badge);font-family:var(--mono);padding:1px 6px;margin:0 2px;font-size:11px}#prompt-e.fuse{background:var(--badge);animation:blink .8s steps(2) infinite}#prompt-e.warn{background:var(--danger);color:#fff}#prompt-e.warn kbd{background:#7a1010;color:#ffd9d9}#minimap{image-rendering:pixelated;width:108px;height:108px;border:2px solid #000;outline:1px solid rgba(255,255,255,.25);background:#0c0e13}#boss-bar-wrap{position:absolute;top:74px;left:50%;transform:translate(-50%);text-align:center}#boss-bar-wrap .bar{width:280px}#boss-bar-wrap>span{font-family:var(--sans);font-size:11px;color:#ffb3b3;letter-spacing:2px}#boss-bar-wrap .bar>i{background:linear-gradient(180deg,#b665ff 0,#b665ff 50%,#7a2ee0 50%,#7a2ee0)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080a0ec7;z-index:10;overflow-y:auto;padding:20px 12px}.overlay-body{margin:auto;max-height:100%;overflow-y:auto;padding:8px}.paper{background:var(--paper);color:var(--ink);width:min(560px,94vw);border:2px solid #000;box-shadow:6px 6px #0000008c;padding:26px 30px 24px;position:relative;font-family:var(--sans)}.paper:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:repeating-linear-gradient(90deg,var(--stamp) 0 14px,transparent 14px 20px)}.doc-no{font-family:var(--mono);font-size:10px;color:#8a8271;letter-spacing:1px;margin-bottom:10px}.paper h1{font-size:34px;letter-spacing:4px;line-height:1.2;text-wrap:balance;text-shadow:2px 2px 0 var(--badge)}.paper h2{font-size:20px;letter-spacing:3px}.paper .sub{margin-top:6px;color:#6b6455;font-size:13px}.paper hr{border:none;border-top:1px dashed #b5ac97;margin:14px 0}.paper p{font-size:13px;line-height:1.75}.paper .stamp{position:absolute;right:22px;top:18px;width:76px;height:76px;border:3px solid var(--stamp);border-radius:50%;color:var(--stamp);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:2px;text-align:center;line-height:1.4;transform:rotate(12deg);opacity:.85;pointer-events:none;mix-blend-mode:multiply}.kbd-row{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:#4a443a}.kbd-row span{display:inline-flex;align-items:center;gap:5px}.kbd-row kbd{font-family:var(--mono);background:var(--ink);color:var(--paper);font-size:11px;padding:2px 7px;box-shadow:2px 2px #00000059}.btn{display:inline-block;cursor:pointer;border:2px solid #000;background:var(--badge);color:var(--ink);text-decoration:none;font-family:var(--sans);font-weight:700;font-size:15px;letter-spacing:3px;padding:10px 30px;box-shadow:4px 4px #00000080;transition:transform .05s steps(2),box-shadow .05s steps(2)}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #00000080}.btn:active{transform:translate(4px,4px);box-shadow:none}.btn:focus-visible{outline:3px solid var(--us);outline-offset:2px}.btn.ghost{background:transparent;font-size:12px;padding:7px 16px;letter-spacing:1px}.btn-row{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap;align-items:center}.trial-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:14px}.trial-label{font-size:11px;color:#6b6455;width:100%}.trial-btn{width:30px;height:26px;border:2px solid #000;background:#fff;cursor:pointer;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--ink);box-shadow:2px 2px #00000059}.trial-btn:hover{background:#fffbe8}.trial-btn.on{background:var(--badge);box-shadow:none;transform:translate(1px,1px)}.trial-note{font-size:11px;color:#8a8271}#levelup-cards{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}.skill-card{flex:1 1 165px;min-width:158px;cursor:pointer;background:#fff;border:2px solid #000;box-shadow:4px 4px #0006;padding:14px 12px 12px;position:relative;transition:transform .06s steps(2)}.skill-card:hover{transform:translate(-2px,-4px);box-shadow:6px 8px #0006;background:#fffbe8}.skill-card:focus-visible{outline:3px solid var(--us)}.skill-card .k-no{font-family:var(--mono);font-size:9px;color:#9a917c;letter-spacing:1px}.skill-card .k-name{font-size:15px;font-weight:700;margin:7px 0 6px;letter-spacing:1px}.skill-card .k-eff{font-size:11.5px;color:#2e4a2e;font-weight:700;line-height:1.5}.skill-card .k-tag{font-size:10.5px;color:#7c7463;margin-top:7px;line-height:1.55}.skill-card .k-stack{position:absolute;top:10px;right:10px;font-family:var(--mono);font-size:9px;color:var(--stamp)}.skill-card .k-key{position:absolute;bottom:8px;right:9px;font-family:var(--mono);font-size:10px;background:var(--ink);color:var(--badge);padding:1px 6px}.skill-card.rare{background:#fff6d8;border-color:#c9a227;box-shadow:4px 4px #c9a2278c}.skill-card.rare:hover{background:#fff1c2}.skill-card.sub{background:#eef4ff;border-color:#2c6cd8;box-shadow:4px 4px #2c6cd866}.skill-card.sub:hover{background:#e2edff}.skill-card.act{background:#f5edff;border-color:#8a3fd0;box-shadow:4px 4px #8a3fd066}.skill-card.act:hover{background:#eee0ff}.stat-table{width:100%;border-collapse:collapse;margin-top:4px;font-size:12.5px}.stat-table td{padding:6px 4px;border-bottom:1px dashed #c9c0aa}.stat-table td:last-child{text-align:right;font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums}.rank-big{font-size:44px;font-family:var(--mono);font-weight:700;letter-spacing:2px}.rank-big small{font-size:16px;color:#8a8271}.quote{font-size:13px;color:#5c5546;border-left:3px solid var(--badge);padding:4px 0 4px 12px;margin-top:12px;line-height:1.7}#dex{margin-top:12px;max-height:200px;overflow-y:auto;border:1px solid #c9c0aa;background:#fff;padding:8px 10px}.dex-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px dotted #ddd5c0;font-size:11px}.dex-row:last-child{border-bottom:none}.dex-row canvas{image-rendering:pixelated;width:24px;height:24px;flex:none}.dex-row .d-name{font-weight:700;width:96px;flex:none}.dex-row .d-cn{color:var(--cn)}.dex-row .d-us{color:var(--us)}.dex-row .d-pat{color:#6b6455}.dex-sec{font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--stamp);padding:7px 0 3px}.tip-line{font-size:11.5px;color:#7c7463;margin-top:14px;line-height:1.6}.tip-line:before{content:"※ ";color:var(--stamp)}.art-worker{position:absolute;right:28px;bottom:84px;width:64px;height:144px;background-size:320px 144px;image-rendering:pixelated;animation:walkcycle .7s steps(4) infinite;pointer-events:none}@keyframes walkcycle{0%{background-position:-64px 0}to{background-position:-320px 0}}.art-boss{position:absolute;right:18px;bottom:16px;width:98px;height:212px;background-size:196px 212px;background-position:0 0;image-rendering:pixelated;opacity:.16;pointer-events:none}.stamp.newbest{top:auto;bottom:78px;right:32px;border-color:#c9a227;color:#c9a227;transform:rotate(-9deg)}@media(max-width:700px){.art-worker,.art-boss{display:none}}#mute-note{position:fixed;bottom:8px;right:12px;font-family:var(--mono);font-size:10px;color:#55607a;z-index:5}#touch-ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}#touch-ui .tbtn{position:absolute;pointer-events:auto;width:60px;height:60px;border-radius:50%;background:#101319d1;border:2px solid rgba(255,255,255,.4);color:var(--paper);font-family:var(--sans);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;text-align:center;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden;box-shadow:0 3px 10px #00000073;transition:transform .06s}#touch-ui .tbtn:active{transform:scale(.9)}.t-inner{display:flex;flex-direction:column;align-items:center;line-height:1.15;z-index:1}.t-name{font-size:11px}.t-sub{font-size:9px;opacity:.75}.t-key{position:absolute;right:7px;bottom:5px;font-family:var(--mono);font-size:9px;opacity:.55;z-index:2}.t-cdmask{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;pointer-events:none}.t-cdnum{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:17px;color:#fff;text-shadow:0 1px 3px #000;z-index:2}#touch-ui #btn-dash-m{width:80px;height:80px;font-size:22px;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));border-color:#7ac8ff}#touch-ui #btn-dash-m .t-name{font-size:11px;color:#bfe3ff}#touch-ui #btn-active-m{right:calc(max(18px,env(safe-area-inset-right)) + 96px);bottom:max(28px,env(safe-area-inset-bottom));border-color:#b665ff;color:#e6c9ff}#touch-ui #btn-active-e-m{width:68px;height:68px;right:calc(max(18px,env(safe-area-inset-right)) + 30px);bottom:calc(max(18px,env(safe-area-inset-bottom)) + 94px);border-color:#ffcf33;color:#ffe4a0}#touch-ui #btn-interact-m{right:calc(max(18px,env(safe-area-inset-right)) + 112px);bottom:calc(max(18px,env(safe-area-inset-bottom)) + 102px);border-color:var(--badge);color:var(--badge)}#touch-ui #btn-interact-m.fuse{background:var(--badge);color:var(--ink);animation:blink .8s steps(2) infinite}#touch-ui #btn-pause-m{top:max(8px,env(safe-area-inset-top));right:calc(max(10px,env(safe-area-inset-right)) + 92px);width:42px;height:42px;font-size:16px}#touch-ui #btn-active-e-m:not(.cd){animation:readypulse 1.6s ease-in-out infinite}@keyframes readypulse{0%,to{box-shadow:0 3px 10px #00000073,0 0 #ffcf3300}50%{box-shadow:0 3px 10px #00000073,0 0 14px 2px #ffcf3373}}#joy{position:fixed;left:0;top:0;display:none;z-index:6;pointer-events:none}#joy .base{position:absolute;width:124px;height:124px;margin:-62px 0 0 -62px;border-radius:50%;border:2px solid rgba(255,255,255,.28);background:#ffffff12}#joy .knob{position:absolute;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#ffcf3380;border:2px solid var(--badge)}#rotate-hint{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#080a0ef0;align-items:center;justify-content:center;text-align:center;font-family:var(--sans);font-size:17px;line-height:2;color:var(--paper)}#rotate-hint .r-ico{font-size:40px}@media(orientation:portrait){body.is-touch #rotate-hint:not(.off){display:flex}}body.is-touch #prompt-e{display:none!important}body.is-touch #mute-note{display:none}body.is-touch .hud-tl{top:6px;left:8px;gap:4px}body.is-touch .hud-tl .bar,body.is-touch .bar.xp{width:132px}body.is-touch .hud-tl .bar.hp{height:12px}body.is-touch .hud-tl .bar.xp{height:5px}body.is-touch .hud-tc{top:4px}body.is-touch #top-line-m{font-size:10px;padding:2px 8px;opacity:.92;white-space:nowrap}body.is-touch #zone-warn{font-size:10px;padding:2px 8px;margin-top:3px}body.is-touch .hud-tr{top:6px;right:8px;gap:4px}body.is-touch .hud-tr .tag{font-size:9px;padding:2px 6px}body.is-touch #minimap{width:84px;height:84px}body.is-touch #boss-bar-wrap{top:52px}body.is-touch #boss-bar-wrap .bar{width:180px;height:10px}body.is-touch #boss-bar-wrap>span{font-size:9px;letter-spacing:1px}body.is-touch #killfeed{top:76px;right:8px;gap:2px}body.is-touch #killfeed div{font-size:9px;padding:1px 5px}body.is-touch #killfeed div:nth-child(n+3){display:none}body.is-touch .hud-bc{left:8px;bottom:8px;transform:none}body.is-touch #wpn-card{min-width:0;padding:4px 8px;gap:6px;border-top-width:2px;opacity:.92}body.is-touch #wpn-card canvas{width:22px;height:22px}body.is-touch #wpn-name{font-size:11px}body.is-touch #wpn-name small{font-size:8px;margin-left:4px}body.is-touch #wpn-pips{margin-top:2px}body.is-touch #wpn-pips i{width:10px;height:4px}#wpn2-mini{font-size:8px;color:#9ad1ff;margin-left:5px;font-family:var(--sans)}body.is-touch .tag{font-variant-numeric:tabular-nums}body.is-touch #curse-row .curse-tag{font-size:9px;padding:1px 5px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:620px){#levelup-cards{flex-direction:column}.paper{padding:20px 16px}.paper h1{font-size:26px}.pause-grid{grid-template-columns:1fr!important}.pause-paper{width:min(720px,96vw)!important}}.pause-paper{width:min(760px,96vw);max-height:92vh;overflow-y:auto}.pause-paper h2{margin:0}.pause-stat-row{display:flex;flex-wrap:wrap;gap:14px 22px;margin:4px 0 14px;padding:10px 12px;background:#0000000a;border:1px dashed #b5ac97;font-size:12px}.pause-stat-row>div{display:flex;gap:6px;align-items:baseline}.stat-lbl{color:#6b6455;letter-spacing:1px}.stat-val{color:var(--ink);font-family:var(--mono);font-weight:700}.pause-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:4px}.pause-panel-section{border:1px solid #b5ac97;background:#ffffff59;padding:8px 10px 10px}.pause-panel-header{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:11px;letter-spacing:1.5px;color:#4a443a;border-bottom:1px dashed #b5ac97;padding-bottom:4px;margin-bottom:6px}.pause-panel-count{color:#8a8271;font-size:10px;background:var(--paper-dim);padding:1px 6px;border-radius:8px}.pause-panel-subtitle{font-size:10.5px;color:#8a8271;margin-bottom:4px}.pause-panel-body{display:flex;flex-direction:column;gap:3px}.pause-item{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.5}.pause-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pause-lv{font-family:var(--mono);font-size:10.5px;color:#6b6455;background:var(--paper-dim);padding:0 5px;border-radius:3px}.pause-cd{font-family:var(--mono);font-size:10.5px}.pause-empty{font-size:11px;color:#8a8271;font-style:italic}.pause-rarity-dot{display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,.35);flex-shrink:0}.pause-weapon-line{font-size:13px;font-weight:700;display:flex;gap:8px;align-items:center}.pause-badge{font-size:10px;font-family:var(--mono);padding:0 5px;letter-spacing:1px}