.tile-bento.gn-shelf{--gn-band:8rem;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.gn-tile{width:100%;color:var(--color-fg-default);border-radius:0;flex-direction:column;display:flex}.gn-tile:focus-visible{outline-offset:4px}.gn-tile .tile-pic{height:var(--gn-band);border-bottom:2px solid var(--color-s-default);margin:0;transition:border-color .2s ease-out;position:relative;container:tile-pic/size}.gn-tile:is(:hover,:focus-visible) .tile-pic{border-color:var(--color-s-brand)}.gn-tile .tile-fan{--card-h:min(100cqh - .25rem, 80cqw)}.gn-tile .tile-fan-card{max-height:none}.gn-tile .tile-fan-card[data-card=front]{inset:auto auto 0 50%;translate:-15%;rotate:6deg}.gn-tile .tile-fan-card[data-card=back]{inset:auto auto 3% 50%;translate:-85%;rotate:-10deg}.gn-tile .tile-fan-card[data-card=far]{display:none}.gn-tile .tile-own{justify-content:flex-end;padding:0}.gn-tile .tile-own>span{width:min(100%,9rem);height:8rem;margin-inline:auto}.gn-tile .tile-own>span:has(>.tile-art-back+.tile-art-back){width:min(100%,11rem)}.gn-tile .tile-own .tile-art{box-shadow:var(--shadow-bottom-md)}.gn-tile :is(.tile-fan,.tile-own){clip-path:inset(-2rem -1rem 0)}.gn-body{gap:var(--spacing-xs);padding-top:var(--spacing-md);flex-direction:column;flex:1;display:flex}.gn-go{padding-top:var(--spacing-sm);text-wrap:pretty;margin-top:auto;display:block}.gn-go .tile-go{margin-inline-start:var(--spacing-xs);transition:left .2s ease-out;display:inline;position:relative;left:0}.gn-go .tile-go:before{content:"⁠"}.gn-tile:is(:hover,:focus-visible) .tile-art{transform:translate(.125rem,-.375rem)rotate(3deg)}.gn-tile:is(:hover,:focus-visible) .tile-art-back{transform:translate(-.25rem,-.125rem)rotate(-4deg)}.gn-tile:is(:hover,:focus-visible) .gn-go .tile-go{left:.25rem}@media (max-width:767.98px){.gn-tile .gn-go{margin-top:0}}@media (min-width:768px){.tile-bento.gn-shelf[data-columns]{gap:var(--spacing-lg);padding:var(--spacing-sm) 0 0;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto}.tile-bento.gn-shelf[data-columns]>*{grid-column:auto}.tile-bento.gn-shelf[data-columns]:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.tile-bento.gn-shelf[data-columns]{--gn-band:clamp(8rem, 55cqw, 8.25rem)}}@media (min-width:768px) and (max-width:1023.98px){.tile-bento.gn-rail-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-bento.gn-rail-3>*{grid-column:auto}}@media (prefers-reduced-motion:reduce){.gn-tile .tile-pic,.gn-go .tile-go{transition:none}.gn-tile:is(:hover,:focus-visible) :is(.tile-art,.tile-art-back){transform:none}.gn-tile:is(:hover,:focus-visible) .gn-go .tile-go{left:0}}