:root{--void: #05060b;--panel: rgba(10, 12, 22, .82);--edge: #2a2f4a;--edge-lit: #6d5cc4;--violet: #8b5cf6;--cyan: #22d3ee;--hp: #d2354a;--mp: #3b82f6;--xp: #a78bfa;--sp: #10b981;--text: #cdd3e8;--dim: #7b83a3}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--void);color:var(--text);font-family:Rajdhani,Segoe UI,system-ui,sans-serif;user-select:none;cursor:crosshair}#game{display:block;width:100vw;height:100vh}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}.hidden{display:none!important}.vitals{position:absolute;top:18px;left:18px;display:flex;gap:10px;align-items:center}.portrait{position:relative;width:62px;height:62px;border:2px solid var(--edge-lit);background:radial-gradient(circle at 50% 35%,#241a4a,#0a0b16);clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%)}.portrait .level{position:absolute;right:-6px;bottom:-6px;min-width:24px;padding:1px 5px;text-align:center;font-size:15px;font-weight:700;color:#fff;background:var(--violet);border:1px solid #c4b5fd;box-shadow:0 0 10px #8b5cf6cc}.portrait .rank{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);font-size:30px;font-weight:700;line-height:1;color:#fff;text-shadow:0 0 12px currentColor,0 2px 4px #000}.bars{display:flex;flex-direction:column;gap:4px}.bar{position:relative;width:268px;height:17px;background:#0000009e;border:1px solid var(--edge);overflow:hidden}.bar.xp{height:6px}.bar.sp{height:9px}.bar .fill{height:100%;width:100%;transform-origin:left;transition:width .14s linear}.bar.hp .fill{background:linear-gradient(180deg,#f0566c,var(--hp))}.bar.mp .fill{background:linear-gradient(180deg,#60a5fa,var(--mp))}.bar.xp .fill{background:linear-gradient(180deg,#c4b5fd,var(--xp))}.bar.sp .fill{background:linear-gradient(180deg,#6ee7b7,var(--sp))}.bar.sp.exhausted .fill{background:linear-gradient(180deg,#9ca3af,#4b5563)}.parry{display:flex;align-items:center;gap:6px;width:268px;padding:2px 0;font-size:10px;font-weight:700;letter-spacing:1.4px;color:#8b93ad;transition:color .12s linear}.parry-key{padding:1px 5px;border:1px solid currentColor;border-radius:3px;font-size:9px;letter-spacing:.5px;opacity:.85}.parry.ready{color:#cfd8ea}.parry.armed{color:#9fe8ff;text-shadow:0 0 10px #9fe8ff}.parry.riposte{color:#f472b6;text-shadow:0 0 10px #f472b6}.parry.cooling{color:#4b5563}.parry.riposte .parry-label{animation:parry-nag .5s ease-in-out infinite alternate}@keyframes parry-nag{0%{opacity:.55}to{opacity:1}}.bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;letter-spacing:.4px;text-shadow:0 1px 2px #000}.actionbar{position:absolute;bottom:26px;left:50%;transform:translate(-50%);display:flex;gap:8px}.slot{position:relative;width:56px;height:56px;background:var(--panel);border:2px solid var(--edge);display:grid;place-items:center;font-size:22px;overflow:hidden}.slot .icon.img-mask{width:36px;height:36px;background-color:var(--tint, #c4b5fd);-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.slot .icon.img-plain{width:36px;height:36px;background:var(--icon) center / contain no-repeat}.slot .key{position:absolute;top:1px;left:4px;font-size:11px;font-weight:700;color:var(--dim)}.slot .cost{position:absolute;bottom:1px;right:4px;font-size:11px;font-weight:700;color:#7dd3fc}.slot .cost.count{color:#fcd34d;font-size:13px}.slot .cd{position:absolute;inset:0;background:#04060ec7;clip-path:inset(0 0 0 0)}.slot .cd-text{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;font-weight:700;color:#fff;text-shadow:0 1px 3px #000}.slot.ready{border-color:var(--edge-lit)}.slot.starved{border-color:#3a2140}.slot.starved .icon{opacity:.35}.army{position:absolute;top:18px;right:18px;max-width:300px;padding:8px 10px;background:var(--panel);border:1px solid var(--edge)}.army-title{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:700;letter-spacing:1.4px;color:var(--dim);margin-bottom:6px}.army-slots{display:flex;flex-wrap:nowrap;gap:5px}.army-slot.more{font-size:13px;font-weight:700;color:var(--dim);border-style:dashed}.army-slot{position:relative;width:34px;height:34px;border:1px solid var(--edge);background:#00000080;display:grid;place-items:center;font-size:16px}.army-slot.active{border-color:var(--violet);box-shadow:0 0 8px #8b5cf699 inset;pointer-events:auto;cursor:pointer}.army-slot.active:hover{border-color:#f87171;background:#f8717126}.army-slot.active:hover:after{content:"✖";position:absolute;font-size:15px;color:#f87171}.army-slot.recovering{opacity:.4}.prompt{position:absolute;bottom:108px;left:50%;transform:translate(-50%);padding:7px 16px;background:var(--panel);border:1px solid var(--edge-lit);font-size:15px;letter-spacing:.5px;white-space:nowrap}.prompt kbd{display:inline-block;padding:1px 7px;margin:0 2px;background:#1c2038;border:1px solid var(--edge-lit);font-weight:700;color:#fff}#lowhp{position:fixed;inset:0;z-index:8;pointer-events:none;opacity:var(--lowhp, 0);transition:opacity .25s ease-out;background:radial-gradient(ellipse at center,#d2142d00 42%,#d2142d47 74%,#96081cb8)}#lowhp:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#ff284600 55%,#ff284673);animation:lowhp-beat var(--lowhp-beat, 1.1s) ease-in-out infinite}@keyframes lowhp-beat{0%,to{opacity:0}45%{opacity:.85}}@media(prefers-reduced-motion:reduce){#lowhp:after{animation:none;opacity:.4}}.panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,92vw);max-height:82vh;display:flex;flex-direction:column;background:#080a14f7;border:2px solid var(--edge-lit);box-shadow:0 0 40px #000c;pointer-events:auto}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--edge);background:linear-gradient(180deg,rgba(139,92,246,.18),transparent)}.panel-head h2{font-size:19px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.panel-close{background:none;border:1px solid var(--edge);color:var(--dim);width:28px;height:28px;cursor:pointer;font-size:14px}.panel-close:hover{color:#fff;border-color:var(--edge-lit)}.panel-body{padding:14px 16px 18px;overflow-y:auto}.panel-summary{display:flex;gap:20px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--edge);font-size:14px;color:var(--dim)}.panel-summary b{color:var(--text);font-size:16px}.panel-note{margin-top:14px;font-size:12px;color:var(--dim);font-style:italic}.points{padding:7px 10px;margin-bottom:10px;font-size:13px;color:var(--dim);border:1px dashed var(--edge)}.points.has-points{color:#fff;border-color:var(--violet);background:#8b5cf624}.stat-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(42,47,74,.5)}.stat-name{font-size:15px;font-weight:600}.stat-blurb{display:block;font-size:11px;font-weight:400;color:var(--dim)}.stat-value{font-size:19px;font-weight:700;min-width:32px;text-align:right}.stat-plus{width:28px;height:28px;background:var(--violet);border:1px solid #c4b5fd;color:#fff;font-size:17px;font-weight:700;cursor:pointer}.stat-plus:disabled{background:#23263a;border-color:var(--edge);color:#555b75;cursor:default}.derived{margin-top:14px;padding-top:12px;border-top:1px solid var(--edge);display:grid;grid-template-columns:1fr 1fr;gap:5px 18px;font-size:13px}.derived div{display:flex;justify-content:space-between}.derived span{color:var(--dim)}.slot-row{display:grid;grid-template-columns:62px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(42,47,74,.5)}.slot-row.active{background:#8b5cf617}.slot-rank{width:56px;height:56px;display:grid;place-items:center;font-size:28px;font-weight:700;border:2px solid var(--edge-lit);background:radial-gradient(circle at 50% 35%,#241a4a,#0a0b16);text-shadow:0 0 12px currentColor;clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%)}.slot-rank.empty{color:var(--dim);border-style:dashed;border-color:var(--edge);background:#00000059;text-shadow:none}.slot-name{font-size:15px;font-weight:600}.slot-sub{font-size:12px;color:var(--dim);margin-top:2px}.slot-when{font-size:11px;color:#5b6280;margin-top:3px}.slot-buttons{display:flex;flex-direction:column;gap:5px}.slot-act{padding:7px 14px;min-width:92px;background:#1c2038;border:1px solid var(--edge-lit);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.slot-act:hover:not(:disabled){background:var(--violet)}.slot-act:disabled{color:#555b75;border-color:var(--edge);cursor:default}.slot-act.new{background:#23304a}.slot-act.danger{border-color:#6b2130;color:#f0a0ad}.slot-act.danger:hover{background:#b91c3c;color:#fff;border-color:#f87171}#portrait{cursor:pointer;pointer-events:auto}#portrait:hover{border-color:#c4b5fd}#portrait:after{content:"SAVES";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:1px;color:var(--dim);opacity:0;transition:opacity .15s}#portrait:hover:after{opacity:1}.army-row{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(42,47,74,.5)}.army-portrait{width:40px;height:40px;display:grid;place-items:center;font-size:19px;border:1px solid var(--edge);background:#00000073}.army-portrait.active{border-color:var(--violet);box-shadow:0 0 8px #8b5cf68c inset}.army-name{width:100%;background:transparent;border:1px solid transparent;color:var(--text);font:inherit;font-size:15px;font-weight:600;padding:2px 5px}.army-name:hover{border-color:var(--edge)}.army-name:focus{outline:none;border-color:var(--violet);background:#00000080}.army-sub{font-size:11px;color:var(--dim);padding-left:6px}.tag{display:inline-block;margin-left:6px;padding:0 5px;border-radius:2px;font-weight:700}.tag.summoned{background:#8b5cf64d;color:#ddd6fe}.tag.ready{background:#10b98140;color:#6ee7b7}.tag.recovering{background:#94a3b833;color:#cbd5e1}.army-act{padding:6px 12px;min-width:84px;background:#1c2038;border:1px solid var(--edge-lit);color:#fff;font-size:13px;font-weight:700;cursor:pointer}.army-act:hover:not(:disabled){background:var(--violet)}.army-act.dismiss:hover{background:#b91c3c;border-color:#f87171}.army-act:disabled{color:#555b75;border-color:var(--edge);cursor:default}.shop-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(42,47,74,.5)}.shop-icon{width:42px;height:42px;display:grid;place-items:center;font-size:21px;border:1px solid var(--edge);background:#00000073}.shop-name{font-size:15px;font-weight:600}.shop-owned{font-size:11px;color:var(--dim);font-weight:400;margin-left:6px}.shop-blurb{font-size:12px;color:var(--dim)}.shop-buy{padding:7px 13px;background:#1c2038;border:1px solid var(--edge-lit);color:#fff;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.shop-buy:hover:not(:disabled){background:var(--violet)}.shop-buy:disabled{color:#555b75;border-color:var(--edge);cursor:default}.shop-row.poor{opacity:.55}.toast{position:absolute;top:15%;left:50%;transform:translate(-50%);padding:10px 22px;background:var(--panel);border:1px solid var(--edge-lit);font-size:17px;letter-spacing:.6px;color:#fff;white-space:nowrap}#world-ui{position:fixed;inset:0;pointer-events:none;z-index:9;overflow:hidden}.nameplate{position:absolute;top:0;left:0;width:130px;text-align:center;will-change:transform}.np-name{font-size:12px;font-weight:600;letter-spacing:.3px;text-shadow:0 1px 3px #000,0 0 6px #000;white-space:nowrap}.np-hp{margin:2px auto 0;width:62px;height:4px;background:#000000b3;border:1px solid #000}.np-hp-fill{height:100%;width:100%;background:#d2354a}.nameplate.boss{width:210px}.nameplate.boss .np-name{font-size:15px;font-weight:700}.nameplate.boss .np-hp{width:168px;height:7px}.nameplate.boss .np-hp-fill{background:linear-gradient(180deg,#ff6b81,#b91c3c)}.damage{position:absolute;top:0;left:0;font-size:17px;font-weight:700;color:#fff;text-shadow:0 2px 4px #000,0 0 8px #000;will-change:transform,opacity;white-space:nowrap}.damage.crit{font-size:25px;color:#fde047}.damage.player{color:#ff6b81;font-size:21px}.damage.parry{font-size:30px;letter-spacing:3px;color:#fff8dc;text-shadow:0 0 10px #ffe27a,0 0 26px #ffb703,0 2px 5px #000}.damage.parry span{display:inline-block;animation:parry-pop .34s cubic-bezier(.16,1,.3,1)}@keyframes parry-pop{0%{transform:scale(.4)}55%{transform:scale(1.28)}to{transform:scale(1)}}.debug{position:absolute;bottom:8px;left:10px;font-size:11px;font-family:Cascadia Code,Consolas,monospace;color:var(--dim);white-space:pre;line-height:1.5}.panel-wide{width:min(1080px,96vw)}.inv-body{display:grid;grid-template-columns:300px 280px 1fr;gap:16px;align-items:start}.inv-slot{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px 10px;margin-bottom:6px;background:var(--panel);border:1px solid var(--edge);border-left:3px solid var(--rarity, var(--edge))}.inv-slot.empty{opacity:.5;grid-template-columns:34px 1fr}.inv-slot-icon{font-size:20px;text-align:center}.inv-slot-text{display:grid;gap:2px;min-width:0}.inv-slot-name,.inv-item-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-slot-label{font-size:11px;color:var(--dim);letter-spacing:.5px}.inv-unequip{background:none;border:1px solid var(--edge);color:var(--dim);cursor:pointer;padding:2px 7px;font-size:12px}.inv-unequip:hover{color:var(--hp);border-color:var(--hp)}.inv-portrait{display:flex;justify-content:center;background:radial-gradient(ellipse at 50% 35%,rgba(139,92,246,.16),transparent 70%);border:1px solid var(--edge);margin-bottom:10px}.model-preview{display:block;width:260px;height:340px}.inv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.inv-stats>div{text-align:center;padding:6px 2px;background:var(--panel);border:1px solid var(--edge)}.inv-stats span{display:block;font-size:10px;color:var(--dim);letter-spacing:1px}.inv-stats b{font-size:15px}.inv-derived>div{display:flex;justify-content:space-between;padding:4px 8px;font-size:12px;border-bottom:1px solid var(--edge)}.inv-derived span{color:var(--dim)}.inv-bag-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.inv-bag-title{font-size:12px;letter-spacing:1px;color:var(--dim);text-transform:uppercase}.inv-salvage-all{background:none;border:1px solid var(--edge);color:var(--dim);cursor:pointer;padding:3px 9px;font-size:11px}.inv-salvage-all:hover{color:var(--text);border-color:var(--edge-lit)}.inv-grid{max-height:52vh;overflow-y:auto;padding-right:4px}.inv-item{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:7px 10px;margin-bottom:5px;background:var(--panel);border:1px solid var(--edge);border-left:3px solid var(--rarity, var(--edge));cursor:default}.inv-item:hover{border-color:var(--edge-lit)}.inv-item-icon{font-size:17px;text-align:center}.inv-item-text{display:grid;gap:2px;min-width:0}.inv-item-sub{font-size:11px;color:var(--dim)}.inv-item-actions{display:flex;gap:5px}.inv-item-actions button{background:none;border:1px solid var(--edge);color:var(--dim);cursor:pointer;padding:3px 8px;font-size:11px}.inv-equip:hover{color:var(--sp);border-color:var(--sp)}.inv-salvage:hover{color:#fcd34d;border-color:#fcd34d}.inv-empty{color:var(--dim);font-size:12px;padding:20px 8px;text-align:center}i.up{color:var(--sp);font-style:normal}i.down{color:var(--hp);font-style:normal}.inv-tip{position:fixed;z-index:40;width:280px;padding:10px 12px;background:#060810fa;border:1px solid var(--edge-lit);box-shadow:0 0 24px #000000d9;pointer-events:none}.tip-name{font-size:14px;font-weight:700;margin-bottom:2px}.tip-sub{font-size:11px;color:var(--dim);margin-bottom:8px}.tip-mods{list-style:none;font-size:12px}.tip-mods li{color:var(--cyan);padding:1px 0}.tip-compare{margin-top:8px;padding-top:8px;border-top:1px solid var(--edge)}.tip-compare>span{font-size:10px;color:var(--dim);letter-spacing:1px;text-transform:uppercase}.tip-compare ul{list-style:none;font-size:12px;margin-top:4px}.tip-compare li{display:flex;justify-content:space-between;padding:1px 0}.tip-compare li.up b{color:var(--sp)}.tip-compare li.down b{color:var(--hp)}.tip-worn{margin-top:6px;font-size:11px;color:var(--dim)}.tip-foot{margin-top:8px;font-size:11px;color:#fcd34d}.damage.loot{font-size:15px;font-weight:700;text-shadow:0 0 8px currentColor}