.ggfm{max-width:1200px;margin:28px auto;padding:clamp(18px,3vw,30px);color:#f4eee1;background:#1b1d1f;border:1px solid #55452e;border-radius:14px;box-sizing:border-box;font-family:inherit;line-height:1.5}
.ggfm *{box-sizing:border-box}
.ggfm-head h2{margin:0 0 12px;color:#f3d483;font-size:clamp(1.55rem,2.4vw,2.2rem);line-height:1.22}
.ggfm-head p{margin:0 0 12px}
.ggfm-note{padding:12px 16px;background:#292723;border-left:3px solid #d6a23d;border-radius:5px}
.ggfm-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:24px 0 18px}
.ggfm-search-label{flex:0 0 100%;font-weight:700;color:#eac368}
.ggfm-search{flex:1 1 250px;min-width:0;max-width:390px;background:#121416;border:1px solid #746344;border-radius:7px;padding:10px 12px;color:#fff;font:inherit}
.ggfm-search::placeholder{color:#beb9ad}
.ggfm-search:focus-visible,.ggfm-filters button:focus-visible{outline:2px solid #eac368;outline-offset:2px}
.ggfm-filters{display:flex;gap:6px;flex-wrap:wrap}
.ggfm-filters button{padding:8px 10px;border:1px solid #746344;border-radius:7px;background:#2a2928;color:#eee4d0;font:inherit;line-height:1.2;cursor:pointer}
.ggfm-filters button.is-active{background:#c79a42;color:#191817;border-color:#e4bb67;font-weight:700}
.ggfm-count{flex:1 1 100%;margin:0;color:#c9c2b5;font-size:.88rem}
.ggfm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,215px),1fr));gap:16px}
.ggfm-card{min-width:0;overflow:hidden;border:1px solid #534833;border-radius:9px;background:#242527;box-shadow:0 5px 15px #0004}
.ggfm-card[hidden]{display:none!important}
.ggfm-picture{display:block;position:relative;overflow:hidden;height:215px;background:radial-gradient(ellipse at 50% 54%,#373733 0,#222426 72%);border-bottom:1px solid #4b4030;cursor:pointer;text-decoration:none}
.ggfm-picture:focus-visible,.ggfm-name:focus-visible{outline:2px solid #eac368;outline-offset:-3px}
.ggfm-picture:hover{background:radial-gradient(ellipse at 50% 54%,#45443b 0,#28292a 72%)}
.ggfm-picture img{position:absolute;top:50%;left:50%;display:block;width:300px;height:300px;max-width:none;max-height:none;object-fit:contain;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(var(--s));transform-origin:center;pointer-events:none}
.ggfm-card-body{padding:13px 15px 15px}
.ggfm-card h3,.ggfm-card h4{color:#e8bc5d;font-size:1.02rem;line-height:1.3;margin:0 0 7px;overflow-wrap:anywhere}
.ggfm-card h3 .ggfm-name,.ggfm-card h4 .ggfm-name{color:inherit;text-decoration:none}
.ggfm-card .ggfm-name:hover{text-decoration:underline;text-underline-offset:3px}
.ggfm-section{margin:28px 0 15px;padding-bottom:8px;border-bottom:1px solid #80663d;color:#eac368;font-size:1.3rem}
.ggfm-id{display:block;color:#bfb8aa;font-size:.78rem}
.ggfm-caution{display:block;margin-top:7px;color:#e8bb7d;font-size:.78rem}
.ggfm-empty{padding:20px;text-align:center}
.ggfm-source{margin:24px 0 0;color:#c7bfb0;font-size:.84rem}
@media(max-width:600px){.ggfm{padding:14px}.ggfm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ggfm-picture{height:168px}.ggfm-picture img{transform:translate(calc(-50% + var(--mdx)),calc(-50% + var(--mdy))) scale(var(--ms))}.ggfm-card-body{padding:10px}.ggfm-card h3,.ggfm-card h4{font-size:.9rem}.ggfm-search{max-width:none}}
@media(max-width:360px){.ggfm-grid{grid-template-columns:1fr}.ggfm-picture{height:200px}}