:root{--ink:#10141d;--gold:#d6b378;--text:#eee9df;--muted:#afbac7;--blue:#6abafa;--purple:#b48df5;--red:#b95153;--bone:#e8e5de}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#080b12;color:var(--text);font-family:system-ui,PingFang SC,Microsoft YaHei,sans-serif;-webkit-user-select:none;user-select:none}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block}.hidden{display:none!important}button{cursor:pointer;font:inherit;color:var(--text);background:#1a2230;border:1px solid #6b5a3a;border-radius:6px;padding:8px 16px;margin:4px}button:hover{background:#2a3446;border-color:var(--gold)}button.ghost{background:transparent;border-color:#485366}button.danger{border-color:#a04848;color:#f0b0b0}button.big{font-size:18px;padding:10px 28px}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;background:radial-gradient(ellipse at 50% 40%,#1b2130,#06080d)}.screen.dim{background:#05060ac7}#title{background:linear-gradient(0deg,#04060ae6,#04060a40 60%,#04060a99)}.brand{font-family:Georgia,Songti SC,serif;letter-spacing:4px;font-size:34px;color:#e8d3ad;text-shadow:0 0 18px #d88b4866;text-align:center}.brand.big{font-size:64px}.brand small{display:block;font-size:14px;letter-spacing:6px;color:var(--muted);margin-top:6px}.menu{display:flex;flex-direction:column;margin-top:28px;min-width:240px}.menu button{font-size:18px;padding:12px}.muted{color:var(--muted);font-size:14px;margin-top:10px}.small{font-size:12px}.foot{position:absolute;bottom:18px}.lbar{width:360px;height:8px;border:1px solid #556273;margin-top:24px;border-radius:4px;overflow:hidden}#lfill{height:100%;width:0;background:linear-gradient(90deg,#d88b48,#e9b85b)}#ltext{margin-top:10px;color:var(--muted);font-size:13px}.hud{position:fixed;z-index:10}.bars{top:16px;left:16px;background:#09101edc;border:1px solid #556273;padding:12px;width:270px;border-radius:8px}.name{color:#dfcb9c;font-weight:700;margin-bottom:6px}.bar{position:relative;height:16px;border:1px solid #778392;background:#172231;border-radius:3px;overflow:hidden;margin:6px 0}.bar span{position:absolute;top:0;right:0;bottom:0;left:0;font-size:11px;text-align:center;line-height:15px;text-shadow:0 1px 2px #000}.fill{height:100%;width:100%;transition:width .12s}.hp .fill{background:linear-gradient(90deg,#8f3039,#d14f57)}.mp .fill{background:linear-gradient(90deg,#276599,#67bdf8)}.xp{height:5px}.xp .fill{background:#d6b378}.cur{font-size:12px;color:#cdd8e2;margin-top:4px;line-height:1.6}.map{top:16px;right:16px;width:220px;padding:10px;background:#0d1420da;border:1px solid #56697d;border-radius:8px}.zname{color:#e8d3ad;font-weight:700;margin-bottom:6px}#mini{width:200px;height:130px;border:1px solid #3a4452;background:#0a0e15}.quest{margin-top:8px;font-size:12px;line-height:1.55;color:#dfe6ee}.quest b{color:var(--gold)}.quest .p{color:#9fd8ff}.bossbar{top:18px;left:50%;transform:translate(-50%);width:520px;text-align:center}.bname{color:#f0c0a0;font-family:Georgia,serif;letter-spacing:2px;text-shadow:0 0 8px #000}.bossbar .bar{height:14px}.bossbar .fill{background:linear-gradient(90deg,#6a1a24,#c03a48)}.skills{bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:8px}.sk{position:relative;width:78px;height:72px;background:#0b101bdd;border:1px solid #6b7686;border-radius:8px;text-align:center;padding-top:6px;overflow:hidden}.sk b{display:block;color:var(--gold);font-size:13px}.sk span{display:block;font-size:13px}.sk i{display:block;font-size:10px;color:var(--muted);font-style:normal}.sk .cd{position:absolute;left:0;right:0;bottom:0;height:0;background:#000a;pointer-events:none}.sk .lock{position:absolute;top:0;right:0;bottom:0;left:0;background:#000b;display:flex;align-items:center;justify-content:center;font-size:20px}.sk.active{border-color:#9fd8ff;box-shadow:0 0 10px #66bcf2}.hint{bottom:4px;left:50%;transform:translate(-50%);font-size:11px;color:#8a96a6;white-space:nowrap}.prompt{bottom:112px;left:50%;transform:translate(-50%);background:#0c101ae8;border:1px solid var(--gold);padding:6px 14px;border-radius:6px;font-size:14px}#toasts{position:fixed;top:24%;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{background:#0c101ae8;border:1px solid #6b5a3a;padding:8px 18px;border-radius:6px;font-size:15px;animation:tf 3.2s forwards}.toast.big{font-size:22px;color:#e8d3ad;border-color:var(--gold)}@keyframes tf{0%{opacity:0;transform:translateY(8px)}8%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden}.dmg{position:absolute;left:0;top:0;font-weight:800;font-size:20px;color:#fff;text-shadow:0 2px 3px #000,0 0 6px #000;white-space:nowrap}.dmg.crit{color:#ffcf5a;font-size:26px}.dmg.hurt{color:#ff6b6b}.dmg.heal{color:#7fe08a}.dmg.skill{color:#9fd8ff}.dmg[data-extra]:after{content:attr(data-extra);font-size:12px;color:#ccc;margin-left:3px}.lbl{position:absolute;left:0;top:0;padding:3px 9px;background:#0c101ae0;border:1px solid;border-radius:4px;font-size:13px;font-weight:700;white-space:nowrap;pointer-events:auto;cursor:pointer}.lbl.common{color:#d8d4cc;border-color:#77746d;font-weight:400}.lbl.magic{color:#67b9ef;border-color:#67b9ef}.lbl.rare{color:#e8b75d;border-color:#e8b75d;box-shadow:0 0 8px #e8b75d55}.lbl.mythic{color:#d7bfff;border-color:#b58af4;box-shadow:0 0 12px #b58af499}.lbl.mat{color:#f0c090;border-color:#806040;font-weight:400}.lbl.story{color:#ffe2a0;border-color:#e9b85b;box-shadow:0 0 12px #e9b85b}.ehp{position:absolute;left:0;top:0;width:60px;height:5px;background:#200;border:1px solid #000;pointer-events:none}.ehp div{height:100%;background:#c8404a}.ehp.elite{width:90px;height:7px;border-color:#e9b85b}.ehp em{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:12px;font-style:normal;white-space:nowrap;color:#e9b85b;text-shadow:0 1px 2px #000}.npcl{position:absolute;left:0;top:0;color:#f0d8a8;font-size:13px;text-shadow:0 1px 3px #000;white-space:nowrap;pointer-events:none}.npcl b{color:#ffd060;font-size:18px;display:block;text-align:center}.panel{position:fixed;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);background:#0d121ef2;border:1px solid #6b5a3a;border-radius:10px;padding:16px 20px;min-width:420px;box-shadow:0 10px 40px #000}.panel.wide{width:min(980px,96vw)}.ph{font-family:Georgia,serif;color:#e8d3ad;font-size:20px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.x{padding:2px 10px}.panel label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;font-size:14px}.row{display:flex;flex-wrap:wrap;margin-top:8px}.invwrap{display:flex;gap:16px}.doll{width:330px}.bag{flex:1;position:relative}.sub{font-size:12px;color:var(--muted);margin-bottom:6px}.slot{display:flex;align-items:center;gap:8px;border:1px solid #3a4452;border-radius:6px;padding:6px;margin-bottom:6px;min-height:44px;cursor:pointer;font-size:13px}.slot .sl{width:46px;color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.cell{height:62px;border:1px solid #3a4452;border-radius:6px;background:#111827;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;text-align:center;cursor:pointer;padding:2px;line-height:1.25}.cell .ic{font-size:18px}.cell.sel{outline:2px solid var(--gold)}.common{color:#d8d4cc}.magic{color:#67b9ef}.rare{color:#e8b75d}.mythic{color:#c8a4ff}.r-common{color:#d8d4cc}.r-magic{color:#67b9ef}.r-rare{color:#e8b75d}.r-mythic{color:#c8a4ff}.cell.common{border-color:#55524c}.cell.magic{border-color:#3d7aa6}.cell.rare{border-color:#9a7a3a}.cell.mythic{border-color:#7a5aa8;box-shadow:inset 0 0 8px #b58af455}.tip{margin-top:10px;min-height:120px;border:1px solid #3a4452;border-radius:6px;padding:10px;font-size:13px;line-height:1.6;background:#0a0f18}.tip .up{color:#7fe08a}.tip .down{color:#ff7b7b}.stats{font-size:13px;line-height:1.7;border:1px solid #3a4452;border-radius:6px;padding:8px 10px;background:#0a0f18}#dialog{top:auto;bottom:120px;transform:translate(-50%);width:min(720px,94vw)}#dialog .who{color:var(--gold);font-weight:700;margin-bottom:6px}#dialog .txt{line-height:1.7;font-size:15px;min-height:50px}.helptxt p{margin:8px 0;font-size:14px}#fps{position:fixed;left:16px;bottom:16px;z-index:40;font:12px/1.5 ui-monospace,monospace;background:#000b;padding:6px 10px;border-radius:4px;color:#9fe0a0;white-space:pre}#ending .txt{max-width:640px;text-align:center;line-height:1.8;margin:18px;color:#dfe6ee}.offarrow{position:fixed;z-index:9;font-size:22px;pointer-events:none;text-shadow:0 0 6px #000}#fResult{min-height:40px;margin:8px 0;font-size:15px}.ok{color:#7fe08a}.bad{color:#ffb070}#fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;z-index:45;transition:opacity .25s}.sk.low{filter:saturate(.3) brightness(.7)}.sk.active{box-shadow:0 0 10px #e9b85b}.cell.sel{outline:2px solid #e9b85b}#choice{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);z-index:40;display:flex;flex-direction:column;gap:6px;min-width:260px}.cmp{margin-top:6px}.cmp span{margin-right:6px}.tn{font-size:16px;font-weight:700}.cell{position:relative}.cell i.up{position:absolute;right:2px;top:0;color:#7fe08a;font-style:normal;font-weight:700;font-size:14px;text-shadow:0 0 3px #000,0 0 6px #2f7a3a}.cell.better{box-shadow:inset 0 0 0 2px #5fbf6c}.cmp .verdict{display:block;font-weight:700;margin-bottom:2px}.cmp .verdict.up{color:#7fe08a}.cmp .verdict.down{color:#ff7b7b}.cmp .verdict.same{color:#c8c2b6}