.hud{box-sizing:border-box;color:var(--pc-parchment);font-family:var(--font-sans);line-height:1;position:absolute;inset:0;container-type:size}.hud-dim{opacity:.35;filter:grayscale(.8)}.hud-bar{align-content:stretch;gap:2cqmin;display:grid}.hud-slot{aspect-ratio:1;background:linear-gradient(180deg, var(--pc-stone-800), var(--pc-stone-950));min-inline-size:0;box-shadow:inset 0 0 0 1px var(--pc-gold-700), inset 0 2px 3px var(--pc-stone-950);border-radius:6%;position:relative;overflow:hidden}.hud-unit,.hud-pet{align-items:center;gap:3cqw;display:flex}.hud-portrait{aspect-ratio:1;background:radial-gradient(circle at 40% 35%, var(--pc-stone-600), var(--pc-stone-950));block-size:90cqh;box-shadow:0 0 0 2px var(--pc-gold-500), 0 0 0 4px var(--pc-stone-950);border-radius:50%;flex:none}.hud-unit-bars{flex:1;gap:4cqh;min-inline-size:0;display:grid}.hud-name{color:var(--pc-gold-300);white-space:nowrap;text-overflow:ellipsis;font-size:16cqh;overflow:hidden}.hud-health,.hud-power{block-size:22cqh;box-shadow:inset 0 0 0 1px var(--pc-stone-950);border-radius:2px;display:block}.hud-health{background:linear-gradient(180deg, var(--pc-ready-300), var(--pc-ready-700))}.hud-power{background:linear-gradient(180deg, var(--q-rare-fill), var(--pc-pine-900));block-size:14cqh}.hud-party,.hud-raid,.hud-boss{background:var(--pc-stone-950);gap:1px;padding:1px;display:grid}.hud-member{background:var(--pc-stone-900);box-shadow:inset 0 0 0 1px var(--pc-stone-700);position:relative;overflow:hidden}.hud-member .hud-health{opacity:.85;border-radius:0;block-size:auto;position:absolute;inset-block:0;inset-inline-start:0}.hud-cast{background:var(--pc-stone-950);box-shadow:inset 0 0 0 1px var(--pc-gold-700);border-radius:3px;overflow:hidden}.hud-cast-fill{background:linear-gradient(180deg, var(--pc-gold-300), var(--pc-gold-500));inline-size:62%;box-shadow:2px 0 6px var(--pc-gold-300);border-radius:2px;position:absolute;inset-block:15%;inset-inline-start:2%}.hud-cast-text{text-shadow:0 1px 0 var(--pc-stone-950);place-items:center;font-size:55cqh;display:grid;position:absolute;inset:0}.hud-minimap{grid-template-rows:auto 1fr;justify-items:center;gap:3cqh;display:grid}.hud-zone{text-align:center;inline-size:80%;color:var(--pc-gold-300);background:var(--pc-stone-950);border-radius:3px;padding-block:2cqh;font-size:7cqh}.hud-map{aspect-ratio:1;background:radial-gradient(circle at 45% 40%, var(--pc-pine-400), var(--pc-pine-800) 70%);block-size:100%;box-shadow:0 0 0 3px var(--pc-gold-500), 0 0 0 6px var(--pc-stone-950);border-radius:50%}.hud-aura{align-content:start;gap:4cqmin;display:grid}.hud-aura-icon{aspect-ratio:1;background:linear-gradient(135deg, var(--pc-stone-600), var(--pc-stone-900));box-shadow:inset 0 0 0 1px var(--pc-gold-700);border-radius:3px}.hud-chat,.hud-tracker{grid-template-rows:auto 1fr;gap:3cqh;padding:2cqmin;display:grid}.hud-chat{background:color-mix(in srgb, var(--pc-stone-950) 55%, transparent);border-radius:4px}.hud-tabs{gap:2cqw;font-size:max(8px,6cqh);display:flex}.hud-tabs span{background:var(--pc-stone-800);color:var(--pc-gold-300);border-radius:3px 3px 0 0;padding:1cqh 3cqw}.hud-lines{align-content:start;gap:5cqh;display:grid}.hud-lines span{background:color-mix(in srgb, var(--pc-parchment) 45%, transparent);border-radius:2px;block-size:max(3px,4cqh);display:block}.hud-tracker .hud-lines{gap:2.5cqh}.hud-tracker .hud-lines span{block-size:max(3px,1.6cqh)}.hud-tracker-head{color:var(--pc-gold-300);border-block-end:1px solid var(--pc-gold-700);padding-block-end:1cqh;font-size:max(8px,3cqh)}.hud-micro,.hud-bags{gap:2cqmin;display:grid}.hud-button{background:linear-gradient(180deg, var(--pc-stone-700), var(--pc-stone-950));box-shadow:inset 0 0 0 1px var(--pc-gold-700);border-radius:4px}.hud-bags .hud-button{aspect-ratio:1}