@charset "UTF-8";.seg{display:inline-flex;padding:.3rem;gap:.2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:99px}.seg__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .95rem;border-radius:99px;font-size:max(var(--fs-floor),.85rem);font-weight:500;color:var(--color-text-muted);transition:color .2s,background .25s}.seg__btn:hover{color:var(--color-text)}.seg__btn--active{background:var(--color-accent);color:var(--color-bg-deep)}.seg__count{font-family:var(--font-mono);font-size:max(var(--fs-floor),.72rem);color:var(--color-text-faint)}.seg__btn:hover .seg__count,.seg__btn--active .seg__count{color:inherit}.fumo-status{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.fumo-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(8rem,18vw,12rem),1fr));gap:clamp(.8rem,1.5vw,1.4rem)}.fumo{--c: hsl(160 40% 50%);position:relative;display:flex;flex-direction:column;gap:.85rem;padding:1rem;border-radius:var(--radius);background:radial-gradient(110% 80% at 50% 0%,color-mix(in srgb,var(--c) 16%,transparent),transparent 70%),var(--color-surface);border:1px solid var(--color-border);transition:transform .4s var(--ease-out),border-color .3s,box-shadow .4s var(--ease-out);animation:fumo-pop-in .35s var(--ease-out) backwards}.fumo:nth-child(1){animation-delay:.03s}.fumo:nth-child(2){animation-delay:.06s}.fumo:nth-child(3){animation-delay:.09s}.fumo:nth-child(4){animation-delay:.12s}.fumo:nth-child(5){animation-delay:.15s}.fumo:nth-child(6){animation-delay:.18s}.fumo:nth-child(7){animation-delay:.21s}.fumo:nth-child(8){animation-delay:.24s}.fumo:nth-child(9){animation-delay:.27s}.fumo:nth-child(10){animation-delay:.3s}.fumo:nth-child(11){animation-delay:.33s}.fumo:nth-child(12){animation-delay:.36s}.fumo:nth-child(13){animation-delay:.39s}.fumo:nth-child(14){animation-delay:.42s}.fumo:nth-child(15){animation-delay:.45s}.fumo:nth-child(16){animation-delay:.48s}.fumo:nth-child(17){animation-delay:.51s}.fumo:nth-child(18){animation-delay:.54s}.fumo:nth-child(19){animation-delay:.57s}.fumo:nth-child(20){animation-delay:.6s}.fumo:nth-child(21){animation-delay:.63s}.fumo:nth-child(22){animation-delay:.66s}.fumo:nth-child(23){animation-delay:.69s}.fumo:nth-child(24){animation-delay:.72s}.fumo[hidden]{display:none}.fumo__stage{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:var(--radius-sm)}.fumo__stage:before{content:"";position:absolute;inset:12% 12% 4%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 45%,transparent),transparent 70%);filter:blur(14px);opacity:.6;transition:opacity .4s}.fumo__img{position:relative;width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 10px 18px hsla(0,0%,0%,.45));transition:transform .45s var(--ease-out),filter .45s,opacity .45s}.fumo__tag{position:absolute;top:0;right:0;padding:.3rem .55rem;font-size:max(var(--fs-floor),.6rem);letter-spacing:.18em;border-radius:99px;background:color-mix(in srgb,var(--c) 22%,var(--color-bg));border:1px solid color-mix(in srgb,var(--c) 40%,transparent);color:color-mix(in srgb,var(--c) 75%,white)}@media(width<1100px){.fumo__tag{padding:.25rem .45rem;letter-spacing:.12em}}.fumo__info{display:flex;flex-direction:column;gap:.15rem}.fumo__name{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--color-text-title)}.fumo__full{font-size:max(var(--fs-floor),.75rem);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fumo:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 20px 45px -25px color-mix(in srgb,var(--c) 80%,black)}.fumo:hover .fumo__img{transform:scale(1.07) translateY(-3px)}.fumo:hover .fumo__stage:before{opacity:1}.fumo--want .fumo__img{filter:grayscale(.85) brightness(.7) drop-shadow(0 10px 18px hsla(0,0%,0%,.45));opacity:.45}.fumo--want .fumo__stage:before{opacity:.2}.fumo--want .fumo__tag{background:transparent;border-style:dashed;color:var(--color-text-muted)}.fumo--want:hover .fumo__img{filter:grayscale(0) brightness(1) drop-shadow(0 10px 18px hsla(0,0%,0%,.45));opacity:1}@keyframes fumo-pop-in{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:none}}