:root{--ink:#f4efe6;--dim:#b9b0c8;--panel:#170f2acc;--edge:#3d2f6a;--gold:#f2c14e;--red:#ff4a3a;font-family:system-ui,-apple-system,Segoe UI,sans-serif}html,body{margin:0;height:100%;overflow:hidden;background:#0e0a1a;color:var(--ink);-webkit-user-select:none;user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}kbd{display:inline-block;min-width:1.1em;padding:0 .35em;border:1px solid #fff5;border-bottom-width:2px;border-radius:4px;font:600 11px ui-monospace,monospace;text-align:center;background:#0006}#loading{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#2a1a4a,#0e0a1a 70%);z-index:30;transition:opacity .4s}#loading .box{text-align:center}#loading .bar{width:280px;height:6px;background:#fff1;border-radius:3px;overflow:hidden;margin:18px auto 8px}#loading .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b36bff,#ffd27a);transition:width .2s}.logo{font:900 44px/1 Georgia,serif;letter-spacing:.06em;margin:0;background:linear-gradient(180deg,#fff6d0,#ffb347 45%,#b3246b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #0008)}.logo span{display:block;font-size:.55em;letter-spacing:.35em;background:linear-gradient(180deg,#e8d8ff,#9a6bff);-webkit-background-clip:text;background-clip:text}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}.xpbar{position:absolute;left:0;right:0;top:0;height:8px;background:#0008}.xpbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#40e0a0,#9affd8);box-shadow:0 0 10px #40e0a0}.xpbar .lvl{position:absolute;left:10px;top:10px;font:800 13px system-ui;padding:2px 8px;background:var(--panel);border:1px solid var(--edge);border-radius:10px}.topleft{position:absolute;left:12px;top:40px;width:260px}.hp{position:relative;height:18px;background:#0009;border:1px solid #fff2;border-radius:9px;overflow:hidden}.hp i{display:block;height:100%;background:linear-gradient(180deg,#ff7a6a,#c0252a);transition:width .15s}.hp span{position:absolute;inset:0;text-align:center;font:700 12px/18px system-ui;text-shadow:0 1px 2px #000}.dash{margin-top:4px;height:4px;width:120px;background:#0008;border-radius:2px;overflow:hidden}.dash i{display:block;height:100%;background:#9ab8ff}.topmid{position:absolute;left:50%;top:14px;transform:translate(-50%);text-align:center}.timer{font:800 26px/1 system-ui;text-shadow:0 2px 4px #000}.threat{margin-top:4px;font:600 12px system-ui;color:var(--dim)}.threat b{color:#ff9a5a;font-size:15px}.threat .inv{font-style:normal;margin-left:6px;color:#fff4;font-size:11px}.threat .inv.ready{color:#ffb070;text-shadow:0 0 8px #ff5a1a}.topright{position:absolute;right:14px;top:16px;text-align:right;font:700 15px system-ui;text-shadow:0 1px 3px #000}.perf{font:500 11px ui-monospace,monospace;color:var(--dim);margin-top:4px}.bossbar{position:absolute;left:50%;top:72px;transform:translate(-50%);width:min(560px,70vw);text-align:center}.bossbar .name{font:800 14px Georgia,serif;letter-spacing:.12em;text-transform:uppercase;color:#ffcf8a;text-shadow:0 2px 4px #000}.bossbar .bar{height:12px;margin-top:4px;background:#000a;border:1px solid #ffcf8a66;border-radius:6px;overflow:hidden}.bossbar i{display:block;height:100%;background:linear-gradient(180deg,#ff8a3a,#b02a1a);transition:width .2s}.slots{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:8px}.slot{position:relative;width:52px;height:52px;border-radius:10px;background:#0009;border:2px solid var(--c,#555);box-shadow:0 0 12px color-mix(in srgb,var(--c,#000) 40%,transparent) inset;overflow:hidden}.slot.empty{border-color:#fff2;box-shadow:none;opacity:.5}.slot .nm{position:absolute;inset:0;display:grid;place-items:center;font:900 16px system-ui;color:var(--c,#fff);text-shadow:0 1px 2px #000}.slot .lv{position:absolute;right:3px;bottom:1px;font:800 11px system-ui}.slot .cd{position:absolute;left:0;right:0;bottom:0;background:#000a}.pill{position:absolute;right:18px;bottom:96px;padding:8px 14px;border-radius:18px;background:linear-gradient(90deg,#2a1a5acc,#4a1a6acc);border:1px solid #b36bff;font:600 13px system-ui;box-shadow:0 0 18px #b36bff66;animation:pulse 1.2s ease-in-out infinite}.pill.keystone{border-color:var(--gold);box-shadow:0 0 22px #f2c14e88}@keyframes pulse{50%{box-shadow:0 0 28px #b36bffaa}}.picker{position:absolute;right:18px;bottom:140px;display:flex;flex-direction:column;gap:8px;width:min(380px,40vw);pointer-events:auto}.card{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:10px 12px;border-radius:12px;background:var(--panel);border:1px solid color-mix(in srgb,var(--c) 70%,transparent);color:var(--ink);cursor:pointer;box-shadow:0 0 14px color-mix(in srgb,var(--c) 30%,transparent);font:inherit}.card:hover{transform:translate(-4px);background:#241640ee}.card kbd{margin-top:2px}.card small{display:block;font:700 10px system-ui;letter-spacing:.12em;color:var(--c)}.card b{display:block;font:700 15px system-ui}.card p{margin:3px 0 0;font:400 12px/1.35 system-ui;color:var(--dim)}.toasts{position:absolute;left:50%;top:150px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.toast{padding:8px 18px;border-radius:10px;background:var(--panel);border:1px solid var(--edge);text-align:center;transition:opacity .5s,transform .5s;animation:pop .35s cubic-bezier(.2,1.6,.4,1)}.toast b{display:block;font:800 16px system-ui;letter-spacing:.06em}.toast small{color:var(--dim);font-size:12px}.toast.discovery{border-color:#e080ff;box-shadow:0 0 22px #b36bff88}.toast.discovery b{color:#f0c8ff}.toast.boss{border-color:#ffb040}.toast.boss b{color:#ffcf8a}.toast.threat b{color:#ff8a4a}.toast.elite b{color:#ffe08a}.toast.out{opacity:0;transform:translateY(-10px)}@keyframes pop{0%{transform:scale(.6);opacity:0}}.vignette{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,#ff1a1a 120%);transition:opacity .25s}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0e0a1acc;pointer-events:auto}.panel{min-width:min(520px,90vw);padding:28px 34px;border-radius:18px;background:linear-gradient(180deg,#221540f2,#150c28f2);border:1px solid var(--edge);text-align:center;box-shadow:0 20px 60px #000a}.panel h1{margin:0;font:900 38px Georgia,serif;letter-spacing:.08em;color:#ffe2a0}.panel .sub{color:var(--dim)}.stats{display:flex;gap:18px;justify-content:center;margin:18px 0}.stats div{font-size:12px;color:var(--dim)}.stats b{display:block;font-size:24px;color:var(--ink)}.buttons{display:flex;gap:10px;justify-content:center;margin-top:14px}button{font:700 14px system-ui;padding:10px 18px;border-radius:10px;border:1px solid var(--edge);background:#2a1c4a;color:var(--ink);cursor:pointer}button:hover{background:#3a2a66}button.primary{background:linear-gradient(180deg,#8a4ad8,#5a2aa8);border-color:#b36bff}button.danger{background:linear-gradient(180deg,#b0341f,#761c12);border-color:#ff7a4a}.markers .mk{position:absolute;transform:translate(-50%,-50%);text-align:center;color:var(--c);text-shadow:0 1px 3px #000}.markers .mk b{display:block;font-size:20px;line-height:1}.markers .mk small{font:600 10px system-ui;color:var(--ink)}.prompt{position:absolute;left:50%;bottom:92px;transform:translate(-50%);padding:8px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--edge);font-size:13px}.objective{position:absolute;left:50%;top:104px;transform:translate(-50%);width:min(360px,60vw);text-align:center;font:700 13px system-ui;text-shadow:0 1px 3px #000}.objective .bar{height:8px;margin-top:4px;background:#0009;border-radius:4px;overflow:hidden}.objective i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b36bff,#ffd27a)}.build{position:absolute;left:18px;top:90px;width:min(420px,40vw);padding:12px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--edge)}.build h3{margin:8px 0 6px;font:800 12px system-ui;letter-spacing:.14em;color:var(--gold)}.brow{padding:5px 0;border-bottom:1px solid #fff1}.brow b{color:var(--c)}.brow em{font-style:normal;color:var(--dim);font-size:12px;margin-left:4px}.brow span{display:block;font-size:12px;color:var(--dim)}.chips{display:flex;flex-wrap:wrap;gap:5px}.chips i{font-style:normal;font-size:12px;padding:3px 8px;border-radius:8px;background:#fff1;border:1px solid #fff2}.chips i.ks{border-color:#b36bff}#menu{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#2a1a4acc,#0e0a1aee 75%)}#menu .wrap{text-align:center;max-width:1100px;padding:20px}#menu .tag{color:var(--dim);margin:10px 0 26px}.heroes{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:12px;margin:18px 0}.hero{padding:14px;border-radius:14px;background:var(--panel);border:1px solid var(--edge);text-align:left;cursor:pointer}.hero:hover,.hero.on{border-color:var(--gold);box-shadow:0 0 20px #f2c14e44}.hero b{font:800 17px system-ui}.hero small{display:block;color:var(--gold);margin:3px 0 6px;font-weight:700}.hero p{margin:0;font-size:12px;color:var(--dim)}.opts{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;color:var(--dim);font-size:13px}.opts select{background:#1a1030;color:var(--ink);border:1px solid var(--edge);border-radius:8px;padding:6px}.controls{margin-top:18px;color:var(--dim);font-size:12px;line-height:1.8}