.hex-badge{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:radial-gradient(ellipse at 35% 30%, color-mix(in oklab, var(--accent) 14%, var(--bg-elev)) 0%, var(--bg-elev) 55%);cursor:default;width:88px;height:88px;filter:drop-shadow(0 0 .5px var(--hairline)) drop-shadow(0 2px 6px #0000001f);transition:transform .2s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)), filter .2s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1));border:none;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.hex-badge:hover,.hex-badge:focus-visible{filter:drop-shadow(0 0 .5px var(--hairline)) drop-shadow(0 4px 10px #0003) drop-shadow(0 0 8px color-mix(in oklab, var(--accent) 38%, transparent));transform:translateY(-2px)scale(1.04)}:root[data-theme=light] .hex-badge{background:var(--bg-sunken);filter:drop-shadow(0 0 .5px #0e16232e)drop-shadow(0 2px 5px #0e16231a)}:root[data-theme=light] .hex-badge:hover,:root[data-theme=light] .hex-badge:focus-visible{filter:drop-shadow(0 0 .5px #0e162338) drop-shadow(0 4px 10px #0e162329) drop-shadow(0 0 8px color-mix(in oklab, var(--accent) 32%, transparent))}.hex-badge:focus-visible:after{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);outline:2px solid var(--accent);pointer-events:none;border-radius:2px;position:absolute;inset:-3px}.hex-badge__icon{color:var(--fg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hex-badge__label{font-family:var(--font-geist-mono,"JetBrains Mono", monospace);letter-spacing:.01em;color:var(--fg-muted);text-align:center;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:72px;font-size:.6rem;font-weight:500;line-height:1.1}.hex-grid{flex-direction:column;gap:0;display:flex}.hex-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:-18px;display:flex}.hex-row:first-child{margin-top:0}.hex-row--offset{padding-left:47px}.hex-wrap{flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.hex-cluster{flex-direction:column;gap:10px;display:flex}.hex-cluster__label{font-family:var(--font-geist-mono,"JetBrains Mono", monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-size:.72rem;font-weight:600}.hex-row{max-width:282px;margin-inline:auto}@media (min-width:640px){.hex-row{max-width:376px}}@media (min-width:768px){.hex-row{max-width:470px}}@media (min-width:1024px){.hex-row{max-width:564px}}@media (prefers-reduced-motion:reduce){.hex-badge{transition:none}.hex-badge:hover,.hex-badge:focus-visible{filter:drop-shadow(0 0 .5px var(--hairline)) drop-shadow(0 2px 6px #0000001f);transform:none}}