main.fe .fe-map{padding-block-end:56px}main.fe .fe-map ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=1000px){main.fe .fe-map ul{grid-template-columns:repeat(2,minmax(0,1fr))}}main.fe .fe-map a{border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);block-size:100%;transition:transform var(--dur-move) var(--ease);gap:2px;padding:24px;display:grid;position:relative}main.fe .fe-map a:hover{border-color:var(--clay)}main.fe .fe-map .fp-ic{margin-block-end:12px}main.fe .fe-map b{font-family:var(--serif);font-weight:500;font-size:var(--fs-2xl);color:var(--ink);line-height:1.3}main.fe .fe-map a>span:not(.fp-ic){font-size:var(--fs-sm);color:var(--ink-3)}main.fe .fe-map small{block-size:44px;font-size:var(--fs-xs);color:var(--ink-3);align-items:center;gap:4px;display:flex;position:absolute;inset-block-start:24px;inset-inline-end:24px}@media (width<=960px){main.fe .fe-map{padding-block-end:36px}main.fe .fe-map a{padding:18px}main.fe .fe-map small{inset-block-start:18px;inset-inline-end:18px}}@media (width<=380px){main.fe .fe-map b{font-size:var(--fs-xl)}}main.fe .fe-bar{z-index:var(--z-sticky);background:color-mix(in srgb, var(--ivory), transparent 8%);border-block:1px solid var(--line);margin-block-start:40px;position:sticky;inset-block-start:var(--nav-h)}main.fe .fe-bar ul{scrollbar-width:none;gap:8px;padding-block:10px;display:flex;overflow-x:auto}main.fe .fe-bar a{border-radius:var(--r-pill);font-size:var(--fs-sm);color:var(--ink-3);white-space:nowrap;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);align-items:baseline;gap:8px;padding:6px 16px;display:inline-flex}main.fe .fe-bar b{font-weight:500;font-size:var(--fs-md);color:var(--ink)}main.fe .fe-bar a:hover{background:var(--sand)}main.fe .fe-bar a[aria-current=true]{background:var(--ink);color:var(--ivory-3)}main.fe .fe-bar a[aria-current=true] b{color:var(--paper)}@media (width<=600px){main.fe .fe-bar a span{display:none}}main.fe .fe-sec{scroll-margin-block-start:calc(var(--nav-h) + 40px)}main.fe .fe-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}main.fe .fe-cards>li{scroll-margin-block-start:calc(var(--nav-h) + 80px)}main.fe .fe-cards a{border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);block-size:100%;transition:border-color var(--dur) var(--ease), transform var(--dur-move) var(--ease), box-shadow var(--dur-move) var(--ease);flex-direction:column;padding:8px;display:flex}main.fe .fe-cards a:hover{border-color:var(--clay)}main.fe .fe-cards>li:target a{border-color:var(--clay);box-shadow:0 0 0 1px var(--clay)}main.fe .fe-thumb{border-radius:calc(var(--r-card) - 8px);background:var(--sand);block-size:176px;padding:22px 22px 0;position:relative;overflow:hidden}@media (width>=601px){main.fe .fe-thumb>.ui{--ui-zoom:.76}}main.fe .fe-thumb:after{content:"";background:linear-gradient(to bottom, transparent, var(--sand));pointer-events:none;block-size:48px;position:absolute;inset-block-end:0;inset-inline:0}main.fe .fe-txt{flex-direction:column;flex:1;gap:8px;padding:20px 20px 18px;display:flex}main.fe .fe-badge{border-radius:var(--r-pill);background:var(--clay-t);font-size:var(--fs-xs);color:var(--clay-2);align-self:flex-start;padding:2px 10px;font-weight:500}main.fe .fe-name{align-items:center;gap:12px;display:flex}main.fe .fe-name .fp-ic{--ic:40px;--ic-svg:19px}main.fe .fe-cards h3{font-family:var(--serif);font-weight:500;font-size:var(--fs-xl);line-height:var(--lh-h3);color:var(--ink)}main.fe .fe-cards p{font-size:var(--fs-md);color:var(--ink-2);line-height:1.8}main.fe .fe-tier{border-radius:var(--r-pill);background:var(--clay-t);font-size:var(--fs-2xs);color:var(--clay-2);white-space:nowrap;vertical-align:1px;margin-inline-start:4px;padding:0 10px;line-height:22px;display:inline-block}main.fe .fe-go{font-size:var(--fs-sm);color:var(--clay-2);align-items:center;gap:6px;margin-block-start:auto;padding-block-start:6px;font-weight:500;display:inline-flex}main.fe .fe-go svg{block-size:15px;inline-size:15px;transition:transform var(--dur-move) var(--ease)}main.fe .fe-cards a:hover .fe-go svg{transform:translate(-3px)}@media (width<=1000px){main.fe .fe-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){main.fe .fe-cards{grid-template-columns:minmax(0,1fr)}main.fe .fe-thumb{block-size:160px}}main.fe .ui .fe-mini{min-block-size:260px;box-shadow:var(--app-shadow-md);border-end-end-radius:0;border-end-start-radius:0}main.fe .ui .fe-stack{flex-direction:column;gap:14px;display:flex}main.fe .ui .fe-mini .ui-row{padding-block:11px}main.fe .ui .fe-mini .ui-logo{block-size:30px;inline-size:30px;font-size:var(--fs-md);margin:0}main.fe .ui .fe-mini .ui-player{aspect-ratio:auto;block-size:200px}main.fe .ui .fe-mini .ui-chain .line{flex:1}main.fe .ui .fe-mini .ui-choice{align-items:center;padding:10px 12px}main.fe .ui .fe-site{padding:16px 18px}main.fe .ui .fe-site-title{font-family:var(--serif);font-size:var(--fs-xl);line-height:1.35}main.fe .ui .fe-site-title em{color:var(--app-primary);font-style:normal}main.fe .ui .fe-end{align-items:flex-end}main.fe .ui .fe-clicks{text-align:end;min-inline-size:44px}main.fe .ui .fe-who{flex:none;inline-size:110px}main.fe .ui .fe-wrap{flex-wrap:wrap}main.fe .ui .fe-mini .ui-link-box{gap:6px;padding-inline-start:10px}main.fe .ui .fe-mini .ui-link-box .url{font-size:var(--fs-2xs)}main.fe .ui .fe-mini .ui-row:has(.ui-spark){gap:8px;padding-inline:14px}main.fe .ui .fe-mini .ui-spark{--w:64px}@media (width<=400px){main.fe .fe-thumb{padding-inline:12px}}@media (width<=380px){main.fe .fe-map a{padding:12px}main.fe .fe-map .fp-ic{--ic:36px}main.fe .fe-map small{block-size:36px;font-size:var(--fs-2xs);inset-block-start:12px;inset-inline-end:12px}}
