@layer properties,theme,base,components,utilities;@layer components{.hex-avatar.svelte-3m8jy2{position:relative;display:inline-block;flex:none;width:var(--hex-avatar-size);height:var(--hex-avatar-size);vertical-align:middle;filter:drop-shadow(0 2px 2px color-mix(in oklab,var(--color-ink) 35%,transparent))}.hex-avatar-diamond.svelte-3m8jy2{position:absolute;inset:14.645%;border-radius:6%;transform:rotate(45deg);box-shadow:inset 0 0 0 max(1px,calc(var(--hex-avatar-size) * .012)) var(--color-brass-500)}.hex-avatar-stud.svelte-3m8jy2{position:absolute;width:6.5%;height:6.5%;min-width:3px;min-height:3px;transform:translate(-50%,-50%)}.hex-avatar-stud-top.svelte-3m8jy2{left:50%;top:11%}.hex-avatar-stud-right.svelte-3m8jy2{left:89%;top:50%}.hex-avatar-stud-bottom.svelte-3m8jy2{left:50%;top:89%}.hex-avatar-stud-left.svelte-3m8jy2{left:11%;top:50%}.hex-avatar-ring.svelte-3m8jy2{position:absolute;inset:16%;overflow:hidden;border-radius:50%;padding:5.5%;box-shadow:inset 0 0 0 max(1px,calc(var(--hex-avatar-size) * .012)) color-mix(in oklab,var(--color-brass-700) 70%,transparent)}.hex-avatar-picture.svelte-3m8jy2,.hex-avatar-placeholder.svelte-3m8jy2{display:block;width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 1px color-mix(in oklab,var(--color-brass-700) 80%,transparent)}.hex-avatar-picture.svelte-3m8jy2{object-fit:cover;background:var(--color-wood-900)}.hex-avatar-placeholder.svelte-3m8jy2{display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,color-mix(in oklab,var(--color-wood-900),var(--color-cream) 18%),var(--color-wood-900) 75%);color:var(--color-cream);--troops-emphasis: currentColor}.hex-avatar-placeholder-us.svelte-3m8jy2{background:radial-gradient(circle at 50% 35%,color-mix(in oklab,var(--color-us-deep),var(--color-us) 60%),var(--color-us-deep) 75%)}.hex-avatar-placeholder-opponent.svelte-3m8jy2{background:radial-gradient(circle at 50% 35%,color-mix(in oklab,var(--color-opponent-deep),var(--color-opponent) 60%),var(--color-opponent-deep) 75%)}.hex-avatar-placeholder.svelte-3m8jy2 svg{width:52%;height:52%}.hex-avatar-badge.svelte-3m8jy2{position:absolute;left:94%;top:50%;z-index:1;transform:translate(-50%,-50%)}}