:root{--bg: #14111c;--bg-2: #1d1928;--bg-3: #29233a;--line: #3a3350;--text: #ece8f4;--text-dim: #9d95b3;--hp: #e0494f;--hp-bg: #3b1d24;--mp: #4a8cff;--exp: #d7b33c;--foe: #c8414a;--up: #5fd07a;--down: #ff6b6b;--accent: #f0c24b;--boss: #ff9a2e;--ego: #ff3b3b;--radius: 10px;--font: "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Meiryo", monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.app{height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);overflow:hidden;max-width:520px;margin:0 auto}.app.loading{align-items:center;justify-content:center;color:var(--text-dim)}.content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.header{padding:8px 12px 6px;background:var(--bg-2);border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.floor{display:flex;align-items:baseline;gap:2px}.floor-num{font-size:26px;font-weight:700;line-height:1}.floor-unit{font-size:13px;color:var(--text-dim)}.floor-kind{margin-left:6px;font-size:11px;padding:2px 6px;border-radius:999px;border:1px solid currentColor}.kind-boss{color:var(--boss)}.kind-ego{color:var(--ego)}.progress{display:flex;gap:4px}.pip{width:9px;height:9px;border-radius:50%;border:1px solid var(--text-dim)}.pip.done{background:var(--accent);border-color:var(--accent)}.pip.now{border-color:var(--accent);box-shadow:0 0 0 2px #f0c24b4d}.header-right{margin-left:auto;display:flex;gap:10px;font-size:14px}.gold{color:var(--accent)}.bar{position:relative;height:20px;border-radius:6px;background:var(--bg-3);overflow:hidden}.bar-fill{position:absolute;inset:0 auto 0 0;transition:width .18s ease-out}.bar-text{position:relative;display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 8px;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.bar-hp{background:var(--hp-bg)}.bar-hp .bar-fill{background:linear-gradient(var(--hp),#b83238)}.bar-mp .bar-fill{background:var(--mp)}.bar-exp .bar-fill{background:var(--exp)}.bar-foe{height:6px;border-radius:3px}.bar-foe .bar-fill{background:var(--foe)}.recover{color:#ffd6d6}.sub-bars{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}.sub-bars .bar{height:14px}.sub-bars .bar-text{font-size:10px}.hp-wrap.shake{animation:shake .25s}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.battle-screen{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.stage{flex:1;min-height:180px;display:flex;align-items:center;justify-content:center;padding:12px;background:radial-gradient(ellipse at 50% 70%,#2a2340 0%,var(--bg) 70%)}.sprite{image-rendering:pixelated;display:block}.foes{display:flex;gap:8px;align-items:flex-end;justify-content:center;width:100%}.foe{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:96px;transition:opacity .4s,filter .4s}.foe.dead{opacity:.15;filter:grayscale(1)}.foe-sprite{position:relative}.foe-name{font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.foe-boss .foe-name{color:var(--boss)}.foe-ego .foe-name{color:var(--ego)}.foe .bar{width:90%}.pop{position:absolute;left:50%;top:10%;transform:translate(-50%);font-weight:700;font-size:20px;color:#fff;text-shadow:0 0 3px #000,0 2px 0 #000;pointer-events:none;animation:pop .7s ease-out forwards;white-space:nowrap}@keyframes pop{0%{opacity:0;transform:translate(-50%,6px) scale(.8)}20%{opacity:1;transform:translate(-50%,-6px) scale(1.15)}to{opacity:0;transform:translate(-50%,-30px) scale(1)}}.idle{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.idle-main{font-size:17px}.idle-sub{font-size:12px;color:var(--text-dim);margin-top:4px}.drop{margin:0 12px 6px;padding:6px 6px 6px 10px;display:flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--rarity);border-left-width:4px;border-radius:var(--radius)}.drop-main{flex:1;min-width:0;text-align:left;background:none;border:none;padding:0}.drop-actions{display:flex;align-items:center;gap:4px;font-size:11px}.drop-actions .btn{min-width:56px;min-height:40px}.drop-close{width:36px;height:40px;background:none;border:none;color:var(--text-dim);font-size:18px}.drop.flash{animation:flash .6s ease-out}@keyframes flash{0%{box-shadow:0 0 0 0 var(--rarity);background:color-mix(in srgb,var(--rarity) 45%,var(--bg-2))}to{box-shadow:0 0 0 10px transparent}}.drop-head{display:flex;gap:8px;align-items:baseline}.drop-rarity{font-size:11px;color:var(--rarity)}.drop-name{color:var(--rarity);font-weight:700;flex:1}.drop-floor{font-size:11px;color:var(--text-dim)}.drop-diff{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:12px;margin-top:2px}.up{color:var(--up)}.down{color:var(--down)}.drop-action{margin-left:auto;color:var(--text-dim)}.log{list-style:none;margin:0;padding:6px 12px;height:calc(7.5em + 12px);font-size:13px;line-height:1.5;background:var(--bg-2);border-top:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.log li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-take{color:#ffb3b3}.log-win,.log-level{color:var(--accent)}.log-lose{color:var(--down)}.log-floor{color:#9fd4ff}.log-heal{color:var(--up)}.log-system,.log-status{color:var(--text-dim)}.commands{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:6px;padding:8px 12px;background:var(--bg-2)}.cmd{min-height:64px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-3);font-size:16px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;touch-action:none}.cmd small{font-size:10px;font-weight:400;color:var(--text-dim)}.cmd:active:not(:disabled){transform:scale(.97);background:var(--line)}.cmd:disabled{opacity:.35}.cmd-attack:not(:disabled){background:#5a2530;border-color:#8a3440}.cmd-climb:not(:disabled){background:#3d3413;border-color:var(--accent);color:var(--accent)}.sheet{position:absolute;left:12px;right:12px;bottom:88px;padding:12px;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 30px #00000080;z-index:10}.sheet-row{display:flex;align-items:center;gap:10px;padding:6px 0}.sheet-row>div{flex:1}.sheet-title{font-weight:700}.sheet-sub{font-size:12px;color:var(--text-dim)}.sheet-close{width:100%;margin-top:6px;padding:8px;background:none;border:none;color:var(--text-dim)}.btn{min-width:72px;min-height:44px;padding:0 14px;border-radius:var(--radius);border:1px solid var(--accent);background:#3d3413;color:var(--accent);font-weight:700}.btn:disabled{opacity:.35}.btn-danger{border-color:var(--down);background:transparent;color:var(--down);margin:8px 12px 20px}.equip-screen{padding:12px 0}.panel{margin:0 12px 12px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius)}.panel h2{margin:0 0 8px;font-size:13px;color:var(--text-dim);font-weight:400}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin:0}.stat-grid div{display:flex;justify-content:space-between}.stat-grid dt{color:var(--text-dim)}.stat-grid dd{margin:0}.equip-list{list-style:none;margin:0;padding:0}.equip-list li{display:flex;gap:10px;padding:8px 0 8px 8px;border-left:3px solid var(--rarity);margin-bottom:4px}.slot{width:5.5em;color:var(--text-dim);font-size:13px}.item{display:flex;flex-direction:column;min-width:0}.item-name{color:var(--rarity)}.item-meta{font-size:11px;color:var(--text-dim)}.item.empty{color:var(--text-dim)}.tabs{display:flex;background:var(--bg-2);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;min-height:48px;background:none;border:none;color:var(--text-dim);font-size:14px}.tab.active{color:var(--accent);box-shadow:inset 0 2px 0 var(--accent)}.tab:disabled{opacity:.35}.muted{color:var(--text-dim);font-size:12px}.center{text-align:center}.btn-primary{background:var(--accent);color:#1b1424}.btn-sub{border-color:var(--line);background:var(--bg-3);color:var(--text);font-weight:400;font-size:13px}.tag{font-size:10px;padding:1px 6px;border-radius:999px;border:1px solid var(--text-dim);color:var(--text-dim);white-space:nowrap}.tag-on{border-color:var(--accent);color:var(--accent)}.badge-new,.badge-lock{margin-left:6px;font-size:9px;padding:0 4px;border-radius:3px;vertical-align:2px}.badge-new{background:var(--accent);color:#1b1424}.badge-lock{border:1px solid var(--text-dim);color:var(--text-dim)}.high-mark{color:#ff5a5a}.panel-head{display:flex;justify-content:space-between;align-items:baseline}.row-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0;background:none;border:none;text-align:left}.row-btn:disabled{opacity:1}.chips{display:flex;gap:4px;overflow-x:auto;margin-bottom:8px;scrollbar-width:none}.chip{flex:none;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg-3);font-size:12px;color:var(--text-dim)}.chip.on{border-color:var(--accent);color:var(--accent)}.inv-list{list-style:none;margin:0;padding:0}.inv-list li{border-left:3px solid var(--rarity);padding:4px 0 4px 8px;margin-bottom:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--rarity) 8%,transparent),transparent 60%)}.inv-list .item{flex:1}.row-diff{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:11px;white-space:nowrap}.bulk{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.bulk .btn{flex:1}.toggle{width:100%;display:flex;align-items:center;gap:8px;font-size:13px;min-height:40px}.toggle input{width:20px;height:20px;accent-color:var(--accent)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#08060eb3;display:flex;align-items:flex-end;justify-content:center}.modal-body{width:100%;max-width:520px;max-height:88dvh;overflow-y:auto;padding:14px 16px calc(10px + env(safe-area-inset-bottom));background:var(--bg-2);border-top:3px solid var(--rarity);border-radius:14px 14px 0 0}.detail-rarity{font-size:12px;color:var(--rarity)}.detail-name{margin:2px 0 4px;font-size:20px;color:var(--rarity)}.detail-tags{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--text-dim)}.detail-sec{margin-top:14px}.detail-sec h4{margin:0 0 6px;font-size:12px;font-weight:400;color:var(--text-dim)}.breakdown{width:100%;border-collapse:collapse;font-size:13px}.breakdown th{text-align:left;font-weight:400;color:var(--text-dim);padding:3px 0}.breakdown td{text-align:right}.breakdown .total th,.breakdown .total td{border-top:1px solid var(--line);padding-top:6px;color:var(--text);font-weight:700}.effects{list-style:none;margin:0;padding:0;font-size:13px}.effects li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dashed var(--line)}.effects li>span:last-child{display:flex;flex-direction:column;align-items:flex-end}.effects .high{color:#ff5a5a}.effects em{font-style:normal;font-size:10px;margin-left:4px;padding:0 4px;border:1px solid currentColor;border-radius:3px}.effects .special{color:var(--rarity)}.drawback{color:var(--down)}.sockets{margin-top:8px;font-size:13px}.socket{margin-left:4px;color:var(--text-dim)}.diff-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;font-size:13px}.detail-actions{display:flex;gap:6px;margin-top:16px}.detail-actions .btn{flex:1}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.skill-btn{min-height:56px;padding:6px 8px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-2);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}.skill-btn small{font-size:11px;color:var(--text-dim)}.skill-btn:disabled{opacity:.4}.skill-attack:not(:disabled){border-color:#8a3440}.skill-heal:not(:disabled){border-color:#2f7a4a}.skill-buff:not(:disabled),.skill-debuff:not(:disabled){border-color:#3a5aa8}.log-skill{color:#c9a8ff}.tab{position:relative}.tab-dot{position:absolute;top:10px;right:calc(50% - 26px);width:8px;height:8px;border-radius:50%;background:var(--accent)}.growth-screen{padding:12px 0}.sp-count b{color:var(--accent);font-size:18px}.job-list{list-style:none;margin:0;padding:0}.job{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}.job.on .job-name{color:var(--accent)}.job-head{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:2px 8px;align-items:center;min-height:44px;background:none;border:none;text-align:left;padding:0}.job-name{font-weight:700}.job-axis{font-size:11px;color:var(--text-dim)}.job-progress{grid-column:1 / 3;height:5px;border-radius:3px;background:var(--bg-3);overflow:hidden}.job-progress span{display:block;height:100%;background:var(--accent)}.job-count{grid-row:1 / 3;grid-column:3;font-size:12px;color:var(--text-dim);display:flex;flex-direction:column;align-items:flex-end}.job-count em{font-style:normal;font-size:10px;color:var(--accent)}.job-set{min-width:80px}.job-set.on{border-color:var(--accent);color:var(--accent)}.branch{grid-column:1 / 3;padding:6px 0 4px}.branch-meta{margin-bottom:6px}.nodes{list-style:none;margin:0 0 8px;padding:0}.node{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:5px 0;border-bottom:1px dashed var(--line);font-size:13px;opacity:.55}.node.opened,.node.next{opacity:1}.node.opened .node-cost{color:var(--up)}.node-no{font-size:11px;color:var(--text-dim);text-align:right}.node-body{display:flex;flex-direction:column;gap:2px}.node-kind{font-size:10px;color:var(--text-dim)}.node-active .node-text{color:#c9a8ff}.node-cost{font-size:12px;color:var(--text-dim)}.node-cost .btn{min-width:56px;min-height:36px}.traits{display:grid;grid-template-columns:1fr 1fr;gap:6px}.trait{display:flex;flex-direction:column;gap:2px;padding:6px;min-height:44px;border-radius:8px;border:1px solid var(--line);background:var(--bg-3);text-align:left}.trait small{font-size:11px;color:var(--text-dim)}.trait.chosen{border-color:var(--accent)}.trait.chosen b{color:var(--accent)}.node.next .trait:not(:disabled){border-color:var(--accent)}.skill-slots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.slot-btn{width:100%;min-height:52px;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-3);text-align:left}.slot-btn span{display:flex;flex-direction:column}.slot-btn small{font-size:11px;color:var(--text-dim)}.slot-btn.inactive b{color:var(--text-dim)}.slot-no{font-size:11px;color:var(--text-dim)}.picker-title{margin:0 0 8px;font-size:16px}.picker-list{list-style:none;margin:0 0 8px;padding:0}.picker-item{width:100%;display:flex;flex-direction:column;gap:2px;padding:8px;margin-bottom:4px;border-radius:8px;border:1px solid var(--line);background:var(--bg-3);text-align:left}.picker-item small{font-size:11px;color:var(--text-dim)}.picker-item.current{border-color:var(--accent)}.picker-item.inactive b{color:var(--text-dim)}.sort{display:flex;align-items:center;gap:4px;margin-bottom:8px;font-size:12px;color:var(--text-dim)}.full-notice{margin-bottom:8px;padding:8px 10px;border:1px solid var(--accent);border-radius:var(--radius);font-size:13px}.full-notice p{margin:0 0 6px}.rebirth-screen{padding:12px 0}.rebirth-card{border-color:var(--accent)}.rebirth-main{margin:4px 0;font-size:18px}.rebirth-main b{color:var(--accent);font-size:22px}.rebirth-rules{margin:8px 0 12px;padding-left:18px;font-size:12px;color:var(--text-dim)}.rebirth-btn{width:100%;min-height:52px;font-size:16px}.blessing-list{list-style:none;margin:0 0 6px;padding:0}.blessing-list li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line)}.blessing-list li>span:first-child{flex:1;display:flex;flex-direction:column}.blessing-list li.has b{color:var(--accent)}.portals{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.socket-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px}.socket-btn{min-height:34px;padding:0 10px;border-radius:8px;border:1px dashed var(--line);background:var(--bg-3);font-size:12px}.socket-btn.filled{border-style:solid;border-color:#6aa8ff;color:#9fd4ff}.socket-btn.picking{border-color:var(--accent)}.stone-pick{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.stone-pick .chip small,.inherit-affixes .chip small{color:var(--text-dim)}.chip.high{color:#ff5a5a}.smith-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px dashed var(--line);font-size:13px}.smith-row>span{flex:1;display:flex;flex-direction:column}.smith-row .btn{min-height:38px;font-size:12px}.inherit-list{list-style:none;margin:4px 0;padding:0}.inherit-list li{border-left:3px solid var(--rarity);padding:4px 0 4px 8px;margin-bottom:4px;font-size:13px}.inherit-affixes{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.stone-list{list-style:none;margin:0;padding:0}.stone-list li{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px dashed var(--line);font-size:13px}.stone-list li>span{flex:1;display:flex;flex-direction:column}.companion-screen{padding:12px 0}.companion-list{list-style:none;margin:0;padding:0}.companion-list li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line)}.companion-list li.on b{color:var(--accent)}.companion-body{flex:1;display:flex;flex-direction:column;gap:1px;font-size:13px;min-width:0}.companion-body small{font-size:11px}.mod{margin-right:4px;padding:0 4px;border:1px solid var(--line);border-radius:3px}.companion-actions{display:flex;flex-direction:column;gap:4px}.companion-actions .btn{min-height:34px;min-width:72px;font-size:12px}.companion-actions .btn.on{border-color:var(--accent);color:var(--accent)}.stage{flex-direction:column;gap:8px}.allies{display:flex;gap:10px;justify-content:center}.ally{display:flex;flex-direction:column;align-items:center;gap:2px;width:48px}.ally .bar{width:100%;height:4px}.bar-ally .bar-fill{background:var(--up)}.ally.dead{opacity:.25;filter:grayscale(1)}.tabs .tab{font-size:13px}.auto-btn,.gear-btn{min-height:32px;padding:0 8px;border-radius:8px;border:1px solid var(--line);background:var(--bg-3);font-size:12px;font-weight:700;color:var(--text-dim)}.auto-btn.on{border-color:var(--up);color:var(--up);box-shadow:0 0 8px #5fd07a66}.gear-btn{font-size:16px}.auto-reason{width:100%;margin-bottom:4px;padding:4px 8px;border:1px solid var(--accent);border-radius:8px;background:#3d3413;color:var(--accent);font-size:12px;text-align:left}.stay-badge{margin-bottom:4px;font-size:11px;color:#9fd4ff}.header-right{align-items:center}.settings .field{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;font-size:13px}.settings select{min-height:36px;padding:0 8px;border-radius:8px;border:1px solid var(--line);background:var(--bg-3);color:var(--text);font:inherit}.settings .toggle{align-items:flex-start;padding:4px 0}.paste{width:100%;min-height:64px;margin:8px 0 6px;padding:6px;border-radius:8px;border:1px solid var(--line);background:var(--bg-3);color:var(--text);font-size:11px}.settings-msg{color:var(--accent);font-size:13px}.settings .btn-danger{margin:4px 0}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.preset{display:flex;flex-direction:column;gap:4px}.preset-load{display:flex;flex-direction:column;min-height:52px}.preset-load small{font-size:10px;color:var(--text-dim)}.preset.on .preset-load{border-color:var(--accent);color:var(--accent)}.preset-save{min-height:30px;border:none;background:none;color:var(--text-dim);font-size:11px;text-decoration:underline}.toggle input{flex:none}