:root{--hud-dot-color:rgba(0,0,0,0.04);--hud-dot-spacing:28px;--hud-dot-size:0.8px;--hud-line-color:rgba(0,0,0,0.03);--hud-marker-color:rgba(0,0,0,0.05);--hud-marker-stroke:1px}.dark{--hud-dot-color:rgba(255,255,255,0.04);--hud-line-color:rgba(255,255,255,0.03);--hud-marker-color:rgba(255,255,255,0.05)}body{background-image:radial-gradient(circle at 1px 1px,var(--hud-dot-color) var(--hud-dot-size),transparent 0);background-size:var(--hud-dot-spacing) var(--hud-dot-spacing)}.hud-label{font-family:Geist Mono,ui-monospace,monospace;font-size:.625rem;letter-spacing:.3em;text-transform:uppercase}.dark figure.shiki{position:relative}.dark figure.shiki:after,.dark figure.shiki:before{content:"";position:absolute;width:10px;height:10px;pointer-events:none;opacity:.3;z-index:1}.dark figure.shiki:before{top:8px;left:8px;border-top:1px solid var(--hud-marker-color);border-left:1px solid var(--hud-marker-color)}.dark figure.shiki:after{bottom:8px;right:8px;border-bottom:1px solid var(--hud-marker-color);border-right:1px solid var(--hud-marker-color)}.hud-separator{border:none;height:1px;background:var(--hud-line-color)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important}}