.feature-visual.absence-reel,.feature-visual.feature-radar,.feature-visual.play-index-demo{width:100%;height:170px;min-height:170px;position:relative;overflow:hidden}.feature-visual.absence-reel{background:radial-gradient(#b9dce950,#0000 72%);display:block}.absence-reel-window{width:var(--reel-item-width);position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.absence-reel-track{align-items:center;width:max-content;height:100%;display:flex;position:absolute;top:0;left:50%}.absence-reel[data-phase=spinning] .absence-reel-track{will-change:transform}.absence-reel-item{width:var(--reel-item-width);flex:0 0 var(--reel-item-width);flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;display:flex}.absence-reel-symbol{transform-origin:50% 60%;place-items:center;width:140px;height:130px;transition:opacity .25s;display:grid}.feature-visual .absence-reel-symbol img{object-fit:contain;filter:drop-shadow(0 3px 3px #39627a14);width:140px;max-width:none;height:124px;display:block}.absence-reel-item.leaf img{width:94px;height:104px}.absence-reel-caption{white-space:nowrap;letter-spacing:-.015em;color:#3b667c;font-size:1rem;font-weight:650;line-height:1.4;display:block}.absence-reel-caption b{color:#254f68;font-weight:800}.absence-reel[data-phase=settled] .absence-reel-item[data-selected=false] .absence-reel-symbol{opacity:.25}.absence-reel[data-phase=settled] .absence-reel-item[data-selected=false] .absence-reel-caption{visibility:hidden}.absence-reel[data-phase=settled][data-moving=true]:not([data-hidden=true]) .absence-reel-symbol{animation:3s ease-in-out infinite absence-reel-hover}@keyframes absence-reel-hover{0%,to{transform:translateY(1px)rotate(-1deg)}50%{transform:translateY(-3px)rotate(1.5deg)}}.feature-radar-scene{isolation:isolate;--radar-half:58px;width:100%;height:124px;position:relative}.feature-radar-scene canvas{border-radius:12px;width:100%;height:100%;display:block}.feature-radar-scene .preview-radar-layer,.feature-radar-scene .preview-fish-layer{pointer-events:none;width:100%;height:calc(100% + 40px);position:absolute;top:-20px;left:0}.preview-radar-layer{z-index:2}.preview-fish-layer{z-index:3}.preview-high{left:0;right:calc(50% + var(--radar-half));z-index:2;place-items:center;display:grid;position:absolute;top:0;bottom:0}.feature-visual .preview-high img{aspect-ratio:192/191;object-fit:contain;opacity:.7;width:75px;max-width:calc(100% - 8px);height:auto;display:block}.preview-species{left:calc(50% + var(--radar-half));z-index:2;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.preview-species .species-label{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.feature-visual .preview-species img{object-fit:contain;opacity:.65;width:auto;max-width:100%;height:58px}.preview-species .caption-surface{width:100%;height:100%;position:absolute;inset:0}:is(.preview-species .species-label:has(img[src])>span,.preview-species .species-label:has(img[src])>strong),.preview-species img:not([src]){display:none}.radar-example-fallback{color:#a95453;place-items:center;font-size:2.5rem;font-weight:800;display:none;position:absolute;inset:0}[data-error=true]>.radar-example-fallback{display:grid}.feature-visual.play-index-demo{background:radial-gradient(#b1d8e963,#0000 72%);flex-direction:column;justify-content:center;gap:9px;display:flex}.index-demo-label{letter-spacing:.025em;color:#365e72;font-size:1.125rem;font-weight:800}.index-demo-value{color:#fff;background:var(--index-demo-color);font-variant-numeric:tabular-nums;min-width:160px;box-shadow:0 5px 18px color-mix(in srgb,var(--index-demo-color) 26%,transparent);border:1px solid #ffffffb3;border-radius:13px;justify-content:center;align-items:baseline;gap:3px;padding:6px 15px;font-size:3.25rem;font-weight:800;line-height:1.2;transition:background-color .3s,box-shadow .3s;display:flex}.index-demo-value>span{font-size:2rem}@media (max-width:820px) and (min-width:501px){.feature-visual.feature-radar{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.absence-reel .absence-reel-symbol{animation:none!important}.index-demo-value{transition:none}}