.party{top:var(--dw-space-3);right:var(--dw-space-3);gap:var(--dw-space-2);pointer-events:none;-webkit-user-select:none;user-select:none;width:190px;font-family:var(--dw-font-ui);flex-direction:column;display:flex;position:fixed}.party:empty{display:none}.pframe{padding:var(--dw-space-1) var(--dw-space-2);background:var(--dw-panel-bg);border:1px solid var(--dw-panel-border);border-left:4px solid var(--slot,var(--dw-brass));border-radius:var(--dw-radius);position:relative;box-shadow:0 4px 14px #00000059}.pframe__head{justify-content:space-between;align-items:baseline;gap:var(--dw-space-2);color:var(--dw-text);font-size:13px;line-height:1.3;display:flex}.pframe__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pframe__tag{letter-spacing:.04em;color:var(--dw-warn);flex:none;font-size:11px}.pframe__track{background:var(--dw-life-dark);border:1px solid var(--dw-forge-black);border-radius:2px;height:8px;margin-top:3px;overflow:hidden}.pframe__fill{background:linear-gradient(var(--dw-hurt), var(--dw-life) 55%);transform-origin:0;height:100%;transition:transform .12s linear}.pframe--down{border-color:var(--dw-life);border-left-color:var(--slot,var(--dw-brass))}.pframe--down .pframe__head{color:var(--dw-text-dim)}.pframe--down .pframe__tag{color:var(--dw-hurt)}.pframe--away{opacity:.55}.dmg-layer{pointer-events:none;position:fixed;inset:0;overflow:hidden}.dmg{font-family:var(--dw-font-ui);white-space:nowrap;will-change:transform, opacity;text-shadow:0 0 2px var(--dw-forge-black), 1px 1px 0 var(--dw-forge-black), -1px -1px 0 var(--dw-forge-black), 1px -1px 0 var(--dw-forge-black), -1px 1px 0 var(--dw-forge-black);font-size:18px;font-weight:700;line-height:1;position:absolute;top:0;left:0}.dmg--dealt{color:var(--dw-fire-core)}.dmg--big{color:var(--dw-ember);font-size:25px}.dmg--taken{color:var(--dw-hurt);font-size:21px}.dmg--dodged{letter-spacing:.08em;color:var(--dw-sallow);font-size:13px;font-weight:600}.dmg--ally{color:var(--dw-brass-300);font-size:12px;font-weight:600}.combat{align-items:stretch;gap:var(--dw-space-2);pointer-events:none;-webkit-user-select:none;user-select:none;width:min(460px,100vw - 32px);font-family:var(--dw-font-ui);flex-direction:column;display:flex;position:fixed;bottom:44px;left:50%;transform:translate(-50%)}.combat__meters{gap:var(--dw-space-1);padding:var(--dw-space-2) var(--dw-space-3);background:var(--dw-panel-bg);border:1px solid var(--dw-panel-border);border-radius:var(--dw-radius);display:grid;box-shadow:0 4px 14px #00000073}.life{position:relative}.life__track{background:var(--dw-life-dark);border:1px solid var(--dw-forge-black);border-radius:2px;height:14px;overflow:hidden}.life__fill{background:linear-gradient(var(--dw-hurt), var(--dw-life) 55%);transform-origin:0;height:100%;transition:transform .12s linear}.life__text{font-family:var(--dw-font-mono);color:var(--dw-parchment);text-shadow:0 0 2px var(--dw-forge-black);justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.gauge{align-items:center;gap:var(--dw-space-2);color:var(--dw-text-dim);grid-template-columns:auto 1fr 2.5em;font-size:12px;display:grid}.gauge__track{background:var(--dw-iron-700);border:1px solid var(--dw-brass-700);border-radius:2px;height:10px;position:relative;overflow:hidden}.gauge__fill{background:linear-gradient(90deg, var(--dw-copper), var(--dw-ember));transform-origin:0;height:100%;transition:transform 90ms linear}.gauge__over{pointer-events:none;background:repeating-linear-gradient(-45deg,#b8352a38 0 3px,#0000 3px 6px);position:absolute;top:0;bottom:0;right:0}.gauge__mark{background:var(--dw-life);width:3px;box-shadow:0 0 0 1px var(--dw-forge-black);margin-left:-1px;position:absolute;top:-2px;bottom:-2px}.gauge__value{font-family:var(--dw-font-mono);text-align:right;color:var(--dw-brass-100)}.gauge--over .gauge__fill{background:linear-gradient(90deg, var(--dw-ember), var(--dw-fire-core));animation:.5s ease-in-out infinite alternate gauge-throb}.gauge--over .gauge__value,.gauge--over .gauge__label{color:var(--dw-fire-core)}@keyframes gauge-throb{0%{filter:brightness()}to{filter:brightness(1.35)}}.gauge__vented{letter-spacing:.12em;text-transform:uppercase;color:var(--dw-forge-black);opacity:0;pointer-events:none;background:linear-gradient(90deg,#d9e2dcf2,#9fb0a4d9);justify-content:center;align-items:center;font-size:9px;font-weight:600;display:flex;position:absolute;inset:0}.gauge--vented .gauge__vented{animation:1.6s ease-out forwards gauge-vent}.gauge--vented .gauge__label,.gauge--vented .gauge__value{color:var(--dw-parchment)}@keyframes gauge-vent{0%{opacity:1}60%{opacity:.85}to{opacity:0}}.combat__slots{justify-content:center;gap:var(--dw-space-2);display:flex}.slot{width:76px;height:52px;padding:var(--dw-space-1);box-sizing:border-box;background:var(--dw-panel-bg);border:1px solid var(--dw-brass-700);border-radius:var(--dw-radius);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.slot__key{font-family:var(--dw-font-mono);color:var(--dw-brass-300);font-size:12px;position:absolute;top:3px;left:5px}.slot__name{color:var(--dw-parchment);text-align:center;font-size:11px;line-height:1.1}.slot__sweep{background:conic-gradient(#0a090bc7 calc(var(--cd,0) * 360deg), transparent 0);pointer-events:none;position:absolute;inset:0}.slot__cd{font-family:var(--dw-font-mono);color:var(--dw-parchment);text-shadow:0 0 3px var(--dw-forge-black);justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;inset:0}.slot--active{border-color:var(--dw-ember);box-shadow:inset 0 0 8px #ff7a1a8c}.slot--channel .slot__sweep{background:conic-gradient(#ff7a1a61 calc(var(--cd,0) * 360deg), transparent 0)}.slot--cooling .slot__name,.slot--starved .slot__name{color:var(--dw-text-dim)}.slot--channel .slot__name{color:var(--dw-text-dim);opacity:.2}.slot--channel .slot__cd{color:var(--dw-fire-core)}.death-banner{padding:var(--dw-space-2) var(--dw-space-3);background:var(--dw-panel-bg);border:1px solid var(--dw-life);border-radius:var(--dw-radius);color:var(--dw-parchment);font-family:var(--dw-font-ui);letter-spacing:.04em;pointer-events:none;opacity:0;font-size:20px;transition:opacity .2s;position:fixed;top:28%;left:50%;transform:translate(-50%)}.death-banner--shown{opacity:1}.hurt-vignette{pointer-events:none;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 90px 10px #b8352a73}:root{--dw-forge-black:#1e1c1f;--dw-blue-steel:#3a4e63;--dw-soot:#4a433d;--dw-brass:#c08a2e;--dw-copper:#b0562e;--dw-ember:#ff7a1a;--dw-fire-core:#ffd27a;--dw-sallow:#9fb0a4;--dw-brass-100:#efe2c6;--dw-brass-300:#d9a94e;--dw-brass-500:var(--dw-brass);--dw-brass-700:#6e5122;--dw-copper-400:#c97040;--dw-copper-600:var(--dw-copper);--dw-soot-900:#141316;--dw-soot-800:var(--dw-forge-black);--dw-iron-700:#2b2a2e;--dw-parchment:#e6e1d6;--dw-steam:#d9e2dcb3;--dw-ok:#8fc79a;--dw-warn:#d9a94e;--dw-err:#e0674a;--dw-life:#b8352a;--dw-life-dark:#5a1712;--dw-hurt:#ff5a48;--dw-panel-bg:#1e1c1fdb;--dw-panel-border:var(--dw-brass-700);--dw-text:var(--dw-parchment);--dw-text-dim:#a9a49a;--dw-font-ui:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--dw-font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--dw-radius:4px;--dw-space-1:4px;--dw-space-2:8px;--dw-space-3:12px}html,body{background:var(--dw-soot-900);height:100%;color:var(--dw-text);font-family:var(--dw-font-ui);margin:0;overflow:hidden}#app{position:fixed;inset:0}.game-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.hud{top:var(--dw-space-3);left:var(--dw-space-3);gap:var(--dw-space-1) var(--dw-space-3);padding:var(--dw-space-2) var(--dw-space-3);background:var(--dw-panel-bg);border:1px solid var(--dw-panel-border);border-radius:var(--dw-radius);box-shadow:0 0 0 1px var(--dw-brass-700) inset, 0 4px 14px #00000059;pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-columns:auto auto;font-size:13px;line-height:1.35;display:grid;position:fixed}.hud__title{color:var(--dw-brass-300);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--dw-brass-700);padding-bottom:var(--dw-space-1);margin-bottom:var(--dw-space-1);grid-column:1/-1;font-size:12px}.hud__label{color:var(--dw-text-dim)}.hud__value{font-family:var(--dw-font-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--dw-brass-100)}.hud__value[data-state=ok]{color:var(--dw-ok)}.hud__value[data-state=warn]{color:var(--dw-warn)}.hud__value[data-state=err]{color:var(--dw-err)}.hud__hint{bottom:var(--dw-space-3);padding:var(--dw-space-1) var(--dw-space-3);background:var(--dw-panel-bg);border:1px solid var(--dw-brass-700);border-radius:var(--dw-radius);color:var(--dw-text-dim);pointer-events:none;font-size:12px;position:fixed;left:50%;transform:translate(-50%)}
