.facs-section{gap:18px;display:grid}.facs-section .facs-head{gap:8px;display:grid}.facs-section .facs-head h2{font-size:clamp(24px,3vw,30px)}.facs-section .intro{max-width:62ch;margin:0;font-size:16px;line-height:1.5}.facs-section .facs{gap:14px}.facs-section .facs__fig{border-radius:var(--radius-lg)}.facs-section .facs__spot .n{background:var(--paper-2);min-width:20px;height:20px;color:var(--ink-2);font:600 11px var(--body);border:1px solid var(--rule);border-radius:0 0 6px;place-items:center;padding-inline:5px;display:grid;position:absolute;top:-1px;left:-1px}.facs-section .facs__spot.is-active .n{background:var(--gold);color:var(--paper-2);border-color:var(--gold)}.facs-section .detail{border-radius:var(--radius-lg);background:var(--paper-2);border:1px solid var(--rule);min-height:88px;padding:14px 16px}.facs-section .detail__hint{color:var(--ink-3);margin:0;font-size:15px}.facs-section .detail__item{animation:fade .16s var(--ease-out);grid-template-columns:28px 1fr;gap:10px;display:grid}@keyframes fade{0%{opacity:0}}.facs-section .detail__n{background:var(--gold);width:24px;height:24px;color:var(--paper-2);font:600 12px/1 var(--body);border-radius:999px;place-items:center;margin-top:1px;display:grid}.facs-section .detail__title{font-size:17px;font-weight:600}.facs-section .detail__text{color:var(--ink-2);margin:4px 0 0;font-size:15px;line-height:1.5}.facs-section .chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.facs-section .facs__chip{min-height:34px;font-size:14px}.facs-section .chip__n{font:600 12px/1 var(--body);color:var(--ink-3);font-variant-numeric:tabular-nums}.facs-section .facs__chip.is-active{background:var(--gold-soft);color:var(--ink);border-color:var(--gold)}.facs-section .facs__chip.is-active .chip__n{color:var(--gold)}.facs-section .facs__meta{color:var(--ink-3);margin:0;font-size:13px;line-height:1.45}.facs-section .facs__meta a{color:inherit}.facs-section .facs__full{z-index:3;border:1px solid var(--rule);background:color-mix(in oklab, var(--paper-2) 88%, transparent);width:36px;height:36px;color:var(--ink-2);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.facs-section .facs__full:hover{color:var(--ink);border-color:var(--ink-3)}.facs-section .facs__full-out{display:none}.facs-section .facs__view{transform-origin:0 0;touch-action:pan-y;will-change:transform;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.facs-section .facs .facs__view img{object-fit:cover;-webkit-user-drag:none;height:100%}.facs-section .facs.is-zoomed .facs__view{touch-action:none;cursor:grab}.facs-section .facs.is-panning .facs__view{cursor:grabbing}.facs-section .facs__spot .n{transform:scale(calc(1 / var(--z,1)));transform-origin:0 0}.facs-section .facs__zoom{z-index:3;gap:6px;display:flex;position:absolute;bottom:8px;right:8px}.facs-section .facs__zbtn{border:1px solid var(--rule);background:color-mix(in oklab, var(--paper-2) 88%, transparent);min-width:36px;height:36px;color:var(--ink-2);font:500 15px/1 var(--body);cursor:pointer;border-radius:999px;place-items:center;padding:0 9px;display:grid}.facs-section .facs__zbtn:hover:not(:disabled){color:var(--ink);border-color:var(--ink-3)}.facs-section .facs__zbtn:disabled{opacity:.45;cursor:default}.facs-section .facs__zlevel{font:500 13px/1 var(--mono);font-variant-numeric:tabular-nums}.facs-section .facs.is-zoomed .facs__zlevel{color:var(--gold);border-color:color-mix(in oklab, var(--gold) 60%, transparent)}html.facs-full{overflow:hidden}.facs-section .facs.is-full{--paper:#0f0c12;--paper-2:#1d1923;--ink:#efe9dd;--ink-2:#c3bbc8;--ink-3:#8f8896;--rule:#37313f;--gold:#e2b452;--gold-soft:#42341a;z-index:1000;color:var(--ink);padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:#0f0c12;grid-template-rows:minmax(0,1fr) auto auto;align-content:stretch;gap:12px;margin:0;position:fixed;inset:0;overflow:auto}.facs-section .facs.is-full .facs__fig{width:min(100%, calc((100dvh - 190px) * var(--ar)));border-color:#2a2530;border-radius:4px;place-self:center}.facs-section .facs.is-full .facs__full{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));background:#1e1a22d9;position:fixed}.facs-section .facs.is-full .facs__full-in{display:none}.facs-section .facs.is-full .facs__full-out{display:block}.facs-section .facs.is-full .detail,.facs-section .facs.is-full .chips{justify-self:center;width:min(100%,1100px)}.facs-section .facs.is-full .detail{min-height:0}.facs-section .facs.is-full .chips{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.facs-section .facs.is-full .facs__meta{display:none}@media (max-width:560px){.facs-section .facs__fig{margin-inline:calc(var(--gutter) * -1);border-inline:0;border-radius:0}.facs-section .facs__spot .n{min-width:15px;height:15px;padding-inline:3px;font-size:9px}.facs-section .facs__zoom{gap:8px;bottom:10px;right:10px}.facs-section .facs__zbtn{min-width:42px;height:42px;font-size:17px}}.facs__pop{z-index:4;left:clamp(8px, calc(var(--px) - 170px), calc(100% - 348px));background:var(--paper);width:min(340px,100% - 16px);color:var(--ink);border:1px solid var(--gold);animation:facs-pop .24s var(--ease-out) both;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:4px 12px;padding:14px 12px 16px 14px;display:grid;position:absolute;box-shadow:0 18px 44px -18px #0c0c108c}.facs__pop.is-docked{animation:none;bottom:58px;left:50%;transform:translate(-50%)}@keyframes facs-pop{0%{opacity:0;transform:translateY(6px)}}.facs__pop-n{background:var(--gold);width:24px;height:24px;color:var(--paper);font:600 12px/1 var(--mono);border-radius:50%;place-items:center;display:grid}.facs__pop-title{font:italic 400 20px/1.2 var(--display);display:block}.facs__pop-text{color:var(--ink-2);margin:6px 0 0;font-size:15.5px;line-height:1.5}.facs__pop-x{width:30px;height:30px;color:var(--ink-3);font:400 22px/1 var(--display);cursor:pointer;background:0 0;border:0;margin:-6px -4px 0 0;padding:0 0 2px}.facs__pop-x:hover{color:var(--ink)}@media (max-width:480px){.facs__pop{left:8px}}.facs-section .detail--line{background:0 0;border:0;min-height:0;padding:0}
.fgal{gap:clamp(20px,2.6vw,32px);min-width:0;display:grid}.fgal__bar{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr);gap:12px;padding-bottom:14px;display:grid}.fgal__strip{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px 12px;padding:4px 2px 2px;display:grid}.fgal__thumb{cursor:pointer;text-align:left;color:var(--ink-3);background:0 0;border:0;align-content:start;gap:8px;padding:0;transition:color .2s;display:grid}.fgal__pic{aspect-ratio:4/3;background:color-mix(in oklab, var(--ink) 8%, var(--paper));box-shadow:0 0 0 1px var(--rule);border-radius:3px;transition:box-shadow .2s;display:block;overflow:hidden}.fgal__pic img{object-fit:cover;object-position:50% 12%;filter:grayscale(.7);opacity:.8;width:100%;height:100%;transition:filter .3s, opacity .3s, transform .6s var(--ease-out)}.fgal__name{font:500 10.5px/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;display:-webkit-box;overflow:hidden}.fgal__thumb.is-cur{color:var(--ink)}.fgal__thumb.is-cur .fgal__pic{box-shadow:0 0 0 2px var(--gold)}.fgal__thumb.is-cur .fgal__pic img{filter:none;opacity:1}@media (hover:hover){.fgal__thumb:hover{color:var(--ink)}.fgal__thumb:hover .fgal__pic img{filter:none;opacity:1;transform:scale(1.05)}}.fgal__thumb:focus-visible{outline:2px solid var(--focus,var(--gold));outline-offset:3px;border-radius:3px}.fgal__nav{font:500 11.5px/1 var(--mono);letter-spacing:.12em;color:var(--ink-3);font-variant-numeric:lining-nums;justify-self:end;align-items:center;gap:10px;margin:0;display:inline-flex}.fgal__nav span{text-align:center;min-width:5ch}.fgal__nav button{border:1px solid var(--rule);width:40px;height:40px;color:var(--ink);font:400 22px/1 var(--display);cursor:pointer;background:0 0;border-radius:50%;padding:0 0 3px;transition:border-color .2s,color .2s}@media (hover:hover){.fgal__nav button:not(:disabled):hover{border-color:var(--gold);color:var(--gold)}}.fgal__nav button:disabled{opacity:.35;cursor:default}.fgal__page{min-width:0;animation:fgal-in .38s var(--ease-out) both}@keyframes fgal-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:760px){.fgal__strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}.fgal__name{letter-spacing:.03em;font-size:9.5px}}@media (prefers-reduced-motion:reduce){.fgal__page{animation:none}}