:root{--frame-divider: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABgCAYAAAAZz4LnAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAG7SURBVGhD7ZkRU6VhAIWvJEmUrETJylKSREkSrawsJStRsrJJshIlUZJEK8lSkkRJEiVJlCQrd8+ze+bON3PsTDNB7zNzZu7z3fd7fsD3zt6M+Xy+xKzhNYosM2t4jSIrzBpeo8gqs4bXKPKBWcNrFFlj1vAaRdaZNbxGkY/MGl6jyCdmDa9RZINZw2sU2WTW8BpFtpg1vEaRbWYNr1Fkh1nDaxTZZdbwGkU+M2t4jSJfmDW8RpGvzBpeo8ges4bXKPKNWcNrFNln1vAaRQ6YNbxGke/MGl6jyA9mDa9R5IhZw2sU+cms4TWKHDNreI0iJ8waXqPIKbOG1yhyxqzhNYqcM2t4jSIXzBpeo8gvZg2vUeSSWcNrFPnNrOE1ilwxa3iNItfMGl6jyA2zhtcocsus4TWK3DFreI0i98waXqPIA7OG1yjyyKzhNYo8MWt4jSLPzBpeo8gLs4bXKPKHWcNrFPmHNbzGnREe4QnujPAIT3BnhEd4gjsjPMIT3BnhEZ7gzgiP8AR3RniEJ7jzHsI6wz0zt4rcIR1qfB/mayDffhb4+CIs+J9znOc93qfz/86aH37wiuHZ7C+FQfZMWhu8oAAAAABJRU5ErkJggg==);--frame-fire: url(/assets/fire-frame-AB71AI33.png);--panel-texture: url(/assets/fire-panel-IEf3SebF.png);--ink: #e7ddc8;--ink-dim: #a2957f;--gold-on-light: #dba954;--well-bg: linear-gradient(180deg, #322a20, #17130e);--text: #e7ddc8;--gold: #dba954;--gold-dim: #9a834a;--hp-full: #57a35a;--hp-low: #c1483c;--xp: #4a86d0;--base-icon: #c97a3a;--topbar-height: max(3.4vh, 26px);--frame-height: max(22vh, 150px);--frame-inset: 40px}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font:13px/1.4 -apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);-webkit-user-select:none;user-select:none}.panel{box-sizing:border-box;background-color:#1a1613;background-image:var(--panel-texture);background-size:256px 256px;border-style:solid;border-width:14px;border-image:var(--frame-fire) 18 stretch;color:var(--ink);box-shadow:0 2px 12px #0000008c;pointer-events:auto}.frame-window{box-sizing:border-box;background:var(--well-bg);border-style:solid;border-width:12px;border-image:var(--frame-fire) 18 stretch}.resource-bar{position:absolute;top:0;right:0;height:var(--topbar-height);display:flex;align-items:center;gap:16px;padding:0 14px;font-size:12px;border-width:8px}.resource-stat{display:flex;align-items:baseline;gap:5px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.resource-icon{font-size:11px;line-height:1}.resource-gold-icon{color:var(--gold-on-light)}.resource-base-icon{color:var(--base-icon)}.resource-wave-icon{color:var(--xp)}.resource-value{color:var(--ink)}.resource-gold .resource-value{color:var(--gold-on-light);font-weight:700}.resource-stat.low .resource-value{color:var(--hp-low)}.ally-column{position:absolute;top:var(--topbar-height);bottom:var(--frame-height);left:0;display:flex;flex-direction:column;gap:4px;padding:6px}.ally-portrait{position:relative;width:clamp(34px,5.6vw,58px);aspect-ratio:1 / 1;padding:3px;display:flex;flex-direction:column;border-width:6px}.ally-avatar{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;font-size:clamp(12px,2.2vw,22px);font-weight:700;color:var(--gold);background:var(--well-bg);border-radius:2px}.ally-level{position:absolute;bottom:5px;right:5px;font-size:9px;font-weight:700;color:var(--gold);text-shadow:0 1px 1px #000}.ally-portrait .bar.ally-hp{flex:none;height:4px;margin-top:2px;border-radius:1px}.ally-portrait--local{outline:1px solid var(--gold-dim);outline-offset:1px}.bar{position:relative;height:14px;border-radius:2px;background:#000;box-shadow:inset 0 0 0 1px #0009;overflow:hidden}.bar__fill{height:100%;background:var(--hp-full);transition:width .15s ease-out}.bar--hp.low .bar__fill{background:var(--hp-low)}.bar--xp .bar__fill{background:var(--xp)}.bar__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-variant-numeric:tabular-nums;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.9);pointer-events:none}.bottom-frame{position:absolute;left:0;right:0;bottom:0;width:100%;height:var(--frame-height);display:flex;align-items:stretch}.zone{position:relative;box-sizing:border-box;min-width:0;overflow:hidden;padding:6px 10px;display:flex;align-items:center}.zone:not(:last-child):after{content:"";position:absolute;top:6%;bottom:6%;right:-4px;width:8px;background-image:var(--frame-divider);background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}.section-label{font-size:10px;letter-spacing:.05em;color:var(--ink-dim);text-transform:uppercase}.zone-minimap{flex:none;padding:6px;justify-content:center}.minimap-frame{width:min(calc(var(--frame-height) - 12px),20vw);height:min(calc(var(--frame-height) - 12px),20vw);cursor:pointer}.minimap-canvas{width:100%;height:100%;display:block;border-radius:1px}.zone-portrait{flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:4px}.portrait-avatar{flex:none;height:62%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:clamp(16px,2.6vw,28px);font-weight:700;color:var(--gold)}.portrait-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px;width:calc((var(--frame-height) - var(--frame-inset)) * .62)}.portrait-dead{color:var(--ink-dim);font-style:italic}.zone-stats{flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0}.stats-name{font-size:clamp(13px,1.1vw,18px);font-weight:700;color:var(--ink);white-space:nowrap}.stats-level{font-size:11px;color:var(--ink-dim)}.stats-xp-bar{width:clamp(90px,12vw,180px);height:10px;margin-bottom:4px}.stats-grid{display:grid;grid-template-columns:repeat(2,auto);column-gap:clamp(12px,2vw,36px);row-gap:2px}.stats-row{display:flex;align-items:baseline;gap:6px;font-size:11px;white-space:nowrap}.stats-label{color:var(--ink-dim)}.stats-value{font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}.stats-bonus{font-weight:700;color:var(--hp-full)}.stats-status{margin-top:4px;font-size:11px;line-height:13px;color:var(--gold);min-height:13px}.zone-inventory{flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:5px}.inventory-grid{flex:none;height:70%;width:calc(((var(--frame-height) - var(--frame-inset)) * .7 - 4px) / 2 * 3 + 8px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:4px}.inventory-cell,.slot{box-sizing:border-box;width:100%;height:100%;background:var(--well-bg);border-style:solid;border-width:6px;border-image:var(--frame-fire) 18 stretch;color:var(--text)}.zone-command{flex:0 0 auto;justify-content:flex-end}.command-grid{height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:3px;width:calc((var(--frame-height) - calc(var(--frame-inset) + 6px)) / 3 * 4 + 9px);max-width:100%}.slot{position:relative;display:flex;align-items:flex-end;justify-content:center;padding:2px;font:inherit;text-align:center;overflow:hidden}.slot-icon{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;pointer-events:none}.slot .hotkey{position:absolute;top:2px;left:3px;font-size:10px;font-weight:700;color:var(--gold-dim);z-index:1;background:#14100cc7;border-radius:2px;padding:0 2px}.slot .caption{max-width:100%;font-size:clamp(7px,.58vw,11px);line-height:1.15;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;color:var(--text)}.ability-slot .caption{position:relative;z-index:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;background:#14100cc7;border-radius:2px;padding:0 2px}.slot.empty{opacity:.3}.slot.dim{opacity:.5}.slot.selected{outline:2px solid var(--gold);outline-offset:-2px}button.slot{cursor:pointer}button.slot:disabled{cursor:not-allowed}.build-slot .caption-cost{position:relative;z-index:1;font-size:10px;font-weight:700;color:var(--gold);background:#14100cc7;border-radius:2px;padding:0 2px}#summary{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.summary-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#0a0806b8;pointer-events:none}.summary-overlay.visible{display:flex;pointer-events:auto}.summary-panel{min-width:280px;padding:30px 36px;display:flex;flex-direction:column;align-items:center;gap:16px}.summary-title{font-size:26px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.summary-title--won{color:var(--hp-full)}.summary-title--lost{color:var(--hp-low)}.summary-stats{display:flex;flex-direction:column;gap:6px;width:100%}.summary-stat{display:flex;justify-content:space-between;gap:22px;font-size:13px}.summary-stat-label{color:var(--ink-dim)}.summary-stat-value{font-weight:700;font-variant-numeric:tabular-nums}.summary-restart{margin-top:8px;padding:10px 28px;border:none;border-radius:3px;background:var(--gold-on-light);color:#fff8ec;font:inherit;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer}.summary-restart:hover{filter:brightness(1.08)}