.encounter-builder.svelte-dlfn4f{container-type:inline-size}.encounter-builder.svelte-dlfn4f select:where(.svelte-dlfn4f),.encounter-builder.svelte-dlfn4f input:where(.svelte-dlfn4f){max-width:100%}@container (max-width: 34rem){.encounter-direction-grid.svelte-dlfn4f{grid-template-columns:minmax(0,1fr)}.direction-wide.svelte-dlfn4f{grid-column:auto}.balance-metrics.svelte-dlfn4f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-combat-row.svelte-dlfn4f{grid-template-columns:minmax(0,1fr)}.encounter-stat-block.svelte-dlfn4f .grid-cols-3:where(.svelte-dlfn4f){grid-template-columns:minmax(0,1fr)}}.encounter-stat-block.svelte-dlfn4f{overflow-wrap:anywhere}@container (max-width: 23rem){.balance-metrics.svelte-dlfn4f{grid-template-columns:minmax(0,1fr)}}.tip-wrap.svelte-dlfn4f .tip:where(.svelte-dlfn4f){position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:40;white-space:nowrap;padding:4px 8px;border-radius:4px;border:1px solid var(--color-border);background:var(--color-popover);color:var(--color-popover-foreground);font-size:.75rem;line-height:1.2;box-shadow:var(--shadow-sm);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.tip-wrap.svelte-dlfn4f .tip:where(.svelte-dlfn4f):after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-border)}.tip-wrap.svelte-dlfn4f:hover .tip:where(.svelte-dlfn4f),.tip-wrap.svelte-dlfn4f:has(:where(.svelte-dlfn4f):focus-visible) .tip:where(.svelte-dlfn4f){opacity:1;visibility:visible}