:root{--bg: #0d0808;--panel: #1c1110;--panel2: #241614;--panel3: #2e1b17;--line: #4a2a22;--gold: #e8c87a;--gold2: #f5dfa6;--red: #c0392b;--red2: #e74c3c;--green: #5fbf7a;--blue: #5aa9e6;--purple: #b07ce8;--orange: #e8944a;--text: #e9dcc9;--dim: #9c8a76}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:radial-gradient(circle at 50% 0%,#1a0f0d 0%,var(--bg) 55%);color:var(--text);font-family:-apple-system,PingFang SC,Microsoft YaHei,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit}button:disabled{opacity:.45;cursor:not-allowed}.app-wrap{height:100%;height:100dvh;display:flex;justify-content:center;align-items:stretch;padding:0;overflow:hidden}.phone{flex:1 1 auto;width:100%;max-width:100vw;height:100%;min-height:0;background:var(--panel);overflow:hidden;display:flex;flex-direction:column}@media (min-width: 480px){.app-wrap{align-items:center;padding:12px 0;overflow:auto}.phone{flex:0 0 auto;width:390px;height:min(100dvh - 24px,900px);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 60px #0000008c}}.topbar{display:flex;align-items:center;gap:8px;padding:9px 12px;padding-top:calc(9px + env(safe-area-inset-top));background:linear-gradient(180deg,#2a1815,#1d1210);border-bottom:1px solid var(--line);min-height:44px}.topbar .title{font-size:14px;font-weight:700;color:var(--gold2);letter-spacing:1px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .res{display:flex;gap:8px;font-size:10px;color:var(--dim)}.topbar .res i{font-style:normal;color:var(--dim);margin-right:2px}.gear{background:transparent;border:1px solid var(--line);color:var(--gold);width:26px;height:26px;border-radius:6px;cursor:pointer;line-height:1}.body{flex:1 1 0;min-height:0;max-height:none;padding:8px;overflow-y:auto;-webkit-overflow-scrolling:touch}.navbar{display:flex;background:var(--panel2);border-top:1px solid var(--line);padding:4px 0 calc(4px + env(safe-area-inset-bottom))}.navbar button{flex:1;background:transparent;border:0;color:var(--dim);font-size:9px;padding:5px 0;cursor:pointer;display:flex;flex-direction:column;gap:2px;align-items:center}.navbar button em{font-style:normal;font-size:15px}.navbar button.on{color:var(--gold2)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.body{overflow-x:hidden}@media (max-width: 360px){.partrow .pn{width:58px;font-size:9px}.gems3 .gem{width:40px;font-size:8px}.numin{width:36px}.topbar{padding-left:10px;padding-right:10px}}@media (max-height: 700px){.body{padding:6px}.topbar{min-height:40px;padding-top:calc(7px + env(safe-area-inset-top))}.navbar button{padding:3px 0;font-size:8px}.navbar button em{font-size:14px}}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-bottom:8px}.card-title{font-size:11px;color:var(--gold);letter-spacing:1px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:baseline}.card-title small{color:var(--dim);font-size:9px;letter-spacing:0}.row{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;padding:3px 0;gap:8px}.row .k{color:var(--dim)}.hairline{height:1px;background:var(--line);margin:5px 0;opacity:.6}.note{font-size:9px;color:var(--dim);line-height:1.6}.big{font-size:22px;font-weight:800;letter-spacing:-.5px}.tag{font-size:8px;border:1px solid var(--line);border-radius:3px;padding:1px 4px;color:var(--dim)}.gold{color:var(--gold)}.gold2{color:var(--gold2)}.red{color:var(--red2)}.green{color:var(--green)}.blue{color:var(--blue)}.purple{color:var(--purple)}.orange{color:var(--orange)}.dim{color:var(--dim)}.btn{flex:1;background:linear-gradient(180deg,#a8792f,#7a5220);border:1px solid #d3a355;color:#1a0f0d;font-size:11px;font-weight:700;padding:7px 8px;border-radius:5px;cursor:pointer}.btn.ghost{background:transparent;color:var(--gold);border-color:var(--line)}.btn.danger{color:var(--red2);border-color:var(--red2);background:transparent}.costbar{display:flex;gap:6px;margin-top:7px}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:9px;padding:3px 7px;border:1px solid var(--line);border-radius:12px;color:var(--dim);cursor:pointer;background:transparent}.chip.on{border-color:var(--gold);color:var(--gold2);background:#e8c87a1a}.chip.off{opacity:.35;cursor:not-allowed}.mapitem{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid var(--line);border-radius:6px;margin-bottom:5px;background:var(--panel2)}.mapitem.locked{opacity:.45}.mapitem .idx{width:22px;height:22px;border-radius:50%;background:var(--panel3);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--gold)}.mapitem .mi{flex:1;min-width:0}.mapitem .n{font-size:11px;color:var(--text)}.mapitem .s{font-size:9px;color:var(--dim)}.mapitem .btn{flex:0 0 auto;padding:4px 9px;font-size:10px}.codexrow{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid transparent;border-bottom-color:#4a2a2280;cursor:pointer}.codexrow:hover{background:#e8c87a0a}.codexrow.sel{border-color:var(--gold);background:#e8c87a12;border-radius:5px}.codexrow.locked{opacity:.45}.codexrow .cn{font-size:11px;color:var(--text);width:92px;flex:none}.codexrow .cinfo{flex:1;font-size:9px;color:var(--dim)}.codexrow .stars{font-size:9px;color:var(--gold)}.equip-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.slot{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:6px;padding:6px 7px;background:var(--panel2);cursor:pointer}.slot.sel{border-color:var(--gold);background:#e8c87a12}.slot.empty{opacity:.55}.slot .ic{font-size:17px;width:20px;text-align:center}.slot .si{flex:1;min-width:0}.slot .sn{font-size:10px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot .sv{font-size:8px;color:var(--dim)}.slot .sg{font-size:8px;color:var(--purple)}.gems{display:flex;gap:4px;flex-wrap:wrap}.gem{width:32px;height:22px;border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--dim);background:var(--panel3)}.gem.on{border-color:var(--gold);color:var(--gold2);background:#e8c87a14}.bar{height:6px;background:var(--panel3);border-radius:3px;overflow:hidden;margin:5px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,#7a5220,var(--gold))}.hpbar{margin-bottom:5px}.hpbar .top{display:flex;justify-content:space-between;font-size:9px;color:var(--dim);margin-bottom:2px}.hpbar .track{height:9px;background:#2a1512;border:1px solid var(--line);border-radius:5px;overflow:hidden}.hpbar .fill{height:100%;background:linear-gradient(90deg,#7d1f18,var(--red2))}.hpbar.ally .fill{background:linear-gradient(90deg,#1d5c34,var(--green))}.log{border:1px solid var(--line);border-radius:6px;background:#120c0b;padding:6px 7px;overflow-y:auto;font-size:10px;line-height:1.65}.log .line{padding:2px 0;border-bottom:1px dashed rgba(74,42,34,.45);word-break:break-all}.log .line:last-child{border-bottom:0}.log .dmg{color:var(--orange)}.log .loot{color:var(--gold)}.log .good{color:var(--green)}.log .bad{color:var(--red2)}.log .warn{color:var(--dim)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.center{text-align:center}.empty{padding:18px 8px;text-align:center;color:var(--dim);font-size:10px}.mini{font-size:9px;color:var(--dim)}.mt6{margin-top:6px}.mt10{margin-top:10px}.partrow{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px dashed rgba(74,42,34,.45)}.partrow:last-child{border-bottom:0}.partrow .pn{width:74px;flex:none;font-size:10px;color:var(--dim)}.gems3{display:flex;gap:4px;flex:1}.gems3 .gem{width:46px;height:24px;font-size:9px;cursor:pointer}.gemtable{font-size:10px}.gemtable .hrow,.gemtable .trow{display:grid;grid-template-columns:34px repeat(3,1fr);align-items:center;text-align:center}.gemtable .hrow{color:var(--dim);font-size:9px;padding:3px 0;border-bottom:1px solid var(--line)}.gemtable .trow{padding:4px 0;border-bottom:1px dashed rgba(74,42,34,.45)}.gemtable .c{padding:2px 0}.gemtable .t{color:var(--gold)}.gemtable .num{cursor:pointer;border-radius:4px}.gemtable .num.sel{background:#e8c87a2e;color:var(--gold2)}.gemtable .num.zero{color:#5a4a40;cursor:default}.lnk{color:var(--gold);cursor:pointer;text-decoration:underline dotted}.lnk:hover{color:var(--gold2)}.numin{width:42px;background:var(--panel3);border:1px solid var(--line);color:var(--text);border-radius:4px;padding:2px 4px;font-size:10px;text-align:center}input[type=checkbox]{accent-color:#c8a35a;width:14px;height:14px}.pastebox{width:100%;box-sizing:border-box;background:var(--panel3);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:8px;font-size:10px;font-family:ui-monospace,Menlo,Consolas,monospace;resize:vertical}.pastebox::placeholder{color:var(--dim)}