:root{--ink:#dfe8ee;--dim:#8ea3b0;--cy:#6fe9ff;--warn:#ff8a5c;--bg:#070a0c;--panel:#080e12b8;--edge:#8cbed738;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;cursor:crosshair;margin:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#hud.paused{filter:saturate(.4)brightness(.7)}#crosshair{width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair i{background:#d7f0ffe6;position:absolute;box-shadow:0 0 4px #6edcffcc}#crosshair i:first-child{width:1.5px;height:7px;margin-left:-.75px;top:0;left:50%}#crosshair i:nth-child(2){width:1.5px;height:7px;margin-left:-.75px;bottom:0;left:50%}#crosshair i:nth-child(3){width:7px;height:1.5px;margin-top:-.75px;top:50%;left:0}#crosshair i:nth-child(4){width:7px;height:1.5px;margin-top:-.75px;top:50%;right:0}#topbar{font-family:var(--mono);letter-spacing:.06em;background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:3px;align-items:center;gap:18px;padding:7px 16px;font-size:13px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}#clock{font-variant-numeric:tabular-nums;font-size:17px}#diff{color:var(--dim);align-items:center;gap:8px;display:flex}#diffBar{background:#ffffff1f;width:90px;height:3px}#diffBar i{background:linear-gradient(90deg,#6fe9ff,#ff8a5c);width:0%;height:100%;transition:width .4s;display:block}#stagelabel{color:var(--dim)}#qtier{color:var(--dim);opacity:.5;letter-spacing:.1em;font-size:11px}#objective{letter-spacing:.04em;color:var(--ink);background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;align-items:center;gap:9px;padding:5px 14px;font-size:13px;display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%)}#objective b{font-weight:500}#objArrow{color:var(--cy);font-size:15px;line-height:1;display:inline-block}#objDist{font-style:normal;font-family:var(--mono);color:var(--dim);font-size:11.5px}#bosswrap{text-align:center;width:min(560px,62vw);position:absolute;top:96px;left:50%;transform:translate(-50%)}#bossname{font-family:var(--mono);letter-spacing:.22em;color:#ffb36a;margin-bottom:5px;font-size:12px}#bossbar{background:#0000008c;border:1px solid #ffa05a66;height:7px}#bossbar i{background:linear-gradient(90deg,#ff7a3c,#ffcf6a);width:100%;height:100%;display:block}#tpwrap{text-align:center;width:min(420px,52vw);position:absolute;top:140px;left:50%;transform:translate(-50%)}#tplabel{font-family:var(--mono);letter-spacing:.22em;color:var(--cy);margin-bottom:4px;font-size:11px}#tpbar{background:#0000008c;border:1px solid #6edcff59;height:5px}#tpbar i{background:linear-gradient(90deg,#3ab6d8,#9dffcf);width:0%;height:100%;transition:width .12s linear;display:block}#tphint{color:#9fe6ff;margin-top:4px;font-size:11px}#bottom{align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:20px;left:22px}#vitals{width:300px}#hpbar{border:1px solid var(--edge);background:#0009;height:20px;position:relative;overflow:hidden}#hpbar i{z-index:2;background:linear-gradient(#b9f7c8,#4fce7d);width:100%;position:absolute;inset:0}#hpbar b{opacity:.55;z-index:1;background:#ff5c5c;width:100%;position:absolute;inset:0}#hptext{z-index:3;font-family:var(--mono);color:#07130c;text-shadow:0 0 4px #ffffff59;place-items:center;font-size:11.5px;font-weight:700;display:grid;position:absolute;inset:0}#xpbar{background:#ffffff1a;height:3px;margin-top:3px}#xpbar i{background:var(--cy);width:0%;height:100%;display:block}#statline{font-family:var(--mono);color:var(--dim);justify-content:space-between;margin-top:5px;font-size:12px;display:flex}#gold{color:#ffd166}#skills{gap:7px;display:flex}.skill{border:1px solid var(--edge);background:#0009;width:52px;height:52px;position:relative;overflow:hidden}.skill i{z-index:2;background:#000000a8;width:100%;height:0%;position:absolute;bottom:0;left:0}.skill .k{font-family:var(--mono);color:var(--cy);z-index:3;font-size:10px;position:absolute;top:3px;left:5px}.skill .n{text-align:center;width:100%;color:var(--dim);z-index:3;font-size:10px;position:absolute;bottom:4px;left:0}.skill .ch{font-family:var(--mono);color:#ffd166;z-index:3;font-size:12px;position:absolute;top:2px;right:5px}.skill.ready{border-color:#6ee9ff8c;box-shadow:inset 0 0 12px #6ee9ff1f}#radar{opacity:.95;width:204px;height:204px;position:absolute;top:52px;right:18px}#radarCv{width:100%;height:100%;display:block}#items{flex-wrap:wrap;align-content:flex-start;gap:4px;width:168px;display:flex;position:absolute;top:58px;left:18px}.it{border:1px solid var(--c);width:30px;height:30px;color:var(--c);background:#060c10a8;place-items:center;font-size:15px;line-height:1;display:grid;position:relative}.it b{font-size:9px;font-family:var(--mono);color:#fff;position:absolute;bottom:0;right:1px}#itembook{border:1px solid var(--edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a0eed;width:min(760px,84vw);max-height:74vh;padding:18px 22px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#itembook h4{font-family:var(--mono);letter-spacing:.28em;color:var(--dim);margin:0 0 12px;font-size:11px;font-weight:400}#bookList{grid-template-columns:1fr 1fr;gap:6px 20px;display:grid}.bk{grid-template-columns:26px 1fr;align-items:baseline;gap:9px;padding:3px 0;display:grid}.bk>span{color:var(--c);text-align:center;font-size:16px}.bk b{color:var(--c);font-size:12.5px;font-weight:500}.bk b em{color:var(--ink);font-style:normal;font-family:var(--mono)}.bk i{color:var(--dim);font-size:11px;font-style:normal;line-height:1.5;display:block}#itembook .none{color:var(--dim);font-size:12px}#prompt{font-family:var(--mono);letter-spacing:.08em;background:var(--panel);border:1px solid var(--edge);padding:6px 14px;font-size:13px;position:absolute;top:58%;left:50%;transform:translate(-50%)}#toasts{flex-direction:column;align-items:flex-end;gap:6px;width:268px;display:flex;position:absolute;top:268px;right:20px}.toast{font-family:var(--mono);background:var(--panel);border:1px solid var(--edge);padding:6px 11px;font-size:12px;transition:opacity .6s,transform .6s}.toast.out{opacity:0;transform:translate(14px)}.toast.item{border-left-width:3px;align-items:center;gap:9px;width:100%;display:flex}.toast.item .g{font-size:19px;line-height:1}.toast.item .b{flex-direction:column;gap:2px;display:flex}.toast.item i{color:var(--dim);font-size:11px;font-style:normal}#dmgnums{position:absolute;inset:0}.dmg{font-family:var(--mono);color:#eef6ff;text-shadow:0 1px 3px #000;will-change:transform, opacity;font-size:15px;font-weight:700;position:absolute;top:0;left:0}.dmg.crit{color:#ffd166;font-size:23px}.dmg.burn{color:#ff8a4a;font-size:13px}.dmg.proc{color:#9fd8ff}.dmg.heal{color:#7ef0a8}.dmg.self{color:#ff6b6b;font-size:19px}#hurt{opacity:0;pointer-events:none;background:radial-gradient(#0000 42%,#be141eb8 100%);transition:opacity .12s;position:absolute;inset:0}#title,#results{z-index:20;text-align:center;background:radial-gradient(at 50% 40%,#10181e,#04070a 70%);flex-direction:column;justify-content:safe center;align-items:center;gap:14px;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}#title h1{flex:none}#picker{flex:0 auto;min-height:0}#title h1{letter-spacing:.06em;margin:0;font-size:clamp(30px,5.4vw,68px);font-weight:800;line-height:.95}#title h1 em{color:var(--cy);text-shadow:0 0 34px #6ee9ff59;font-style:normal;display:block}#title .sub{color:var(--dim);font-family:var(--mono);letter-spacing:.2em;margin:0;font-size:13px}.seedrow{font-family:var(--mono);color:var(--dim);justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.seedrow input{border:1px solid var(--edge);color:var(--ink);font-family:var(--mono);text-align:center;background:#00000080;width:168px;padding:6px 9px}button{pointer-events:auto;cursor:pointer;font-family:var(--mono);letter-spacing:.16em;color:#040a0d;background:var(--cy);border:0;padding:11px 30px;font-size:13px;transition:transform .12s,box-shadow .12s}button:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6ee9ff4d}#reroll{color:var(--dim);border:1px solid var(--edge);letter-spacing:.06em;background:0 0;padding:6px 12px}.keys{max-width:560px;color:var(--dim);flex-wrap:wrap;justify-content:center;gap:4px 16px;font-size:12px;display:flex}.keys b{color:var(--ink);font-family:var(--mono)}#picker{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sv{pointer-events:auto;cursor:pointer;text-align:left;border:1px solid var(--edge);background:#060c1099;width:268px;padding:0 14px 13px;transition:border-color .15s,transform .15s,background .15s}.sv:hover{transform:translateY(-2px)}.sv.on{border-color:var(--c);box-shadow:0 0 0 1px var(--c) inset;background:#ffffff0b}.port{height:clamp(120px,17vh,200px);margin:0 -14px 9px;position:relative;overflow:hidden}.port img{object-fit:cover;object-position:50% 8%;filter:saturate(.45)brightness(.6)contrast(1.05);width:100%;height:100%;transition:filter .18s,transform .18s;display:block}.sv.on .port img{filter:saturate()brightness();transform:scale(1.02)}.port:after{content:"";pointer-events:none;background:linear-gradient(#0000 42%,#060c10db 88%,#060c10 100%);position:absolute;inset:0}.port .nm{z-index:2;position:absolute;bottom:8px;left:14px}.sv h3{color:var(--c);letter-spacing:.04em;text-shadow:0 2px 8px #000;margin:0 0 1px;font-size:18px}.sv .tag{font-family:var(--mono);letter-spacing:.24em;color:var(--dim);font-size:10px}.sv p{color:var(--dim);min-height:36px;margin:0 0 10px;font-size:11.5px;line-height:1.55}.sv .bars{font-family:var(--mono);color:var(--dim);gap:3px;font-size:9.5px;display:grid}.sv .bars div{grid-template-columns:26px 1fr;align-items:center;gap:6px;display:grid}.sv .bars i{background:#ffffff21;height:3px;display:block}.sv .bars i b{background:var(--c);height:100%;display:block}.sv .kit{gap:7px;margin-top:10px;display:grid}.sv .kit .pas,.sv .kit .sk{grid-template-columns:auto 1fr;align-items:baseline;gap:2px 7px;display:grid}.sv .kit .sk{grid-template-columns:38px 1fr}.sv .kit kbd{font-family:var(--mono);letter-spacing:.06em;color:var(--dim);border:1px solid var(--edge);text-align:center;align-self:start;margin-top:1px;padding:1px 0;font-size:9px}.sv .kit b{color:var(--c);font-size:11.5px;font-weight:500}.sv .kit .pas b{grid-column:1/-1}.sv .kit i{color:var(--dim);grid-column:2/-1;font-size:10.5px;font-style:normal;line-height:1.5}.sv .kit .pas i{grid-column:1/-1}.skill.spin:after{content:"";height:2px;width:var(--spin,0%);z-index:4;background:#ffc46a;position:absolute;bottom:0;left:0}#results{background:#04070af0}#results h2{letter-spacing:.14em;color:var(--warn);margin:0;font-size:40px}#resGrid{font-family:var(--mono);grid-template-columns:repeat(2,minmax(210px,1fr));gap:5px 26px;font-size:13px;display:grid}#resGrid div{border-bottom:1px solid #ffffff12;justify-content:space-between;padding:4px 0;display:flex}#resGrid b{color:var(--dim);font-weight:400}#resItems{flex-wrap:wrap;justify-content:center;gap:5px;max-width:620px;display:flex}.ri{border:1px solid var(--c);color:var(--c);align-items:center;gap:6px;padding:3px 8px;font-size:11.5px;display:flex}.ri b{font-weight:500}.ri i{color:var(--ink);font-style:normal;font-family:var(--mono)}#resItems .none{color:var(--dim);font-size:13px}#gate{z-index:30;color:var(--dim);font-family:var(--mono);text-align:center;background:#04070a;place-content:center;padding:30px;font-size:14px;line-height:1.7;display:grid;position:fixed;inset:0}#settings{z-index:40;background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.03em;min-width:236px;padding:12px 16px 14px;font-size:12.5px;position:fixed;bottom:20px;right:18px}#settings h4{font-family:var(--mono);letter-spacing:.2em;color:var(--dim);margin:0 0 9px;font-size:11px;font-weight:500}#settings label{color:var(--ink);grid-template-columns:42px 1fr 30px;align-items:center;gap:10px;margin:7px 0;display:grid}#settings b{font-family:var(--mono);color:var(--dim);text-align:right;font-size:11px;font-weight:400}#settings input[type=range]{appearance:none;background:var(--edge);cursor:pointer;outline:none;height:3px}#settings input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--cy);cursor:pointer;border-radius:50%;width:13px;height:13px}#settings input[type=range]::-moz-range-thumb{background:var(--cy);border:0;border-radius:50%;width:13px;height:13px}#resbar{border:1px solid var(--edge);background:#04090cb8;height:7px;margin-top:5px;position:relative;overflow:hidden}#resbar i{background:var(--rc,#ff9a5c);width:0%;height:100%;box-shadow:0 0 9px var(--rc,#ff9a5c);transition:width 60ms linear;display:block}#resbar.locked{animation:.28s steps(2,end) infinite resflash}@keyframes resflash{0%{opacity:1}to{opacity:.45}}#restext{font-family:var(--mono);letter-spacing:.14em;color:var(--rc,#ff9a5c);text-shadow:0 0 4px #000000e6;font-size:9px;position:absolute;top:-1px;right:5px}@media (prefers-reduced-motion:reduce){#resbar.locked{opacity:.6;animation:none}}.sv.locked{opacity:.42;cursor:not-allowed;filter:grayscale(.8);position:relative}.sv.locked:hover{transform:none}.lockmsg{z-index:3;text-align:center;background:#04080bb8;place-content:center;gap:4px;padding:12px;display:grid;position:absolute;inset:0}.lockmsg b{font-family:var(--mono);letter-spacing:.22em;color:var(--ink);font-size:11px}.lockmsg i{color:var(--dim);font-size:12px;font-style:normal;line-height:1.5}#mods{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:10px;display:flex}#mods h4{font-family:var(--mono);letter-spacing:.2em;color:var(--dim);align-self:center;margin:0;font-size:11px;font-weight:500}.mod{pointer-events:auto;cursor:pointer;border:1px solid var(--edge);text-align:left;background:#060c1099;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 8px;max-width:250px;padding:7px 12px;display:grid}.mod.on{border-color:var(--cy);background:#6ee9ff14}.mod input{accent-color:var(--cy);grid-row:span 2}.mod b{color:var(--ink);font-size:12px;font-weight:500}.mod i{color:var(--dim);font-size:11px;font-style:normal;line-height:1.45}#records{font-family:var(--mono);letter-spacing:.08em;color:var(--dim);flex-wrap:wrap;justify-content:center;gap:18px;font-size:11px;display:flex}#resUnlocks{margin-top:4px}#resUnlocks h4{font-family:var(--mono);letter-spacing:.2em;color:var(--cy);margin:0 0 8px;font-size:11px;font-weight:500}.unlock{border-left:2px solid var(--cy);text-align:left;gap:2px;margin-bottom:7px;padding:5px 0 5px 11px;display:grid}.unlock b{color:var(--ink);font-size:13px;font-weight:500}.unlock i{color:var(--dim);font-size:11.5px;font-style:normal}