:root{--bg:#f6f4f0;--surface:#fff;--surface-alt:#efece6;--text:#24201b;--text-muted:#6d675e;--border:#dcd6cb;--accent:#8a3324;--accent-soft:#f2e3df;--shadow:0 1px 2px #24201b0f, 0 8px 24px #24201b0f}@media (prefers-color-scheme:dark){:root{--bg:#171513;--surface:#211e1b;--surface-alt:#2b2724;--text:#ece7df;--text-muted:#a39c91;--border:#383330;--accent:#e2856f;--accent-soft:#3a2a26;--shadow:0 1px 2px #0006, 0 8px 24px #0000004d}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,Meiryo,system-ui,sans-serif;line-height:1.7}.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{background:var(--surface);border-bottom:1px solid var(--border);padding:1.75rem 0 1.5rem}.site-header h1{letter-spacing:.04em;margin:0;font-size:1.5rem}.tagline{color:var(--text-muted);margin:.25rem 0 0;font-size:.875rem}.controls{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin:1.75rem 0 1.25rem;padding:1.25rem}.control-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.search{flex:22rem}.search input{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.6rem .85rem;font-size:.95rem}.search input:focus-visible,.select select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.select{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.select select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.5rem .6rem;font-size:.875rem}.filter-group{flex-wrap:wrap;align-items:baseline;gap:.75rem;margin-top:.9rem;display:flex}.filter-label{color:var(--text-muted);flex:0 0 3rem;font-size:.8125rem}.chips{flex-wrap:wrap;flex:20rem;gap:.4rem;display:flex}.chip{font:inherit;color:var(--text);background:var(--surface-alt);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.3rem .7rem;font-size:.8125rem;line-height:1.4}.chip:hover{border-color:var(--border)}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.chip .count{color:var(--text-muted);margin-left:.3rem;font-size:.75rem;font-weight:400}.chip[aria-pressed=true] .count{color:inherit}.result-row{border-top:1px solid var(--border);justify-content:space-between;margin-top:1rem;padding-top:.9rem}.result-count{color:var(--text-muted);margin:0;font-size:.875rem}.result-count strong{color:var(--text);font-size:1.05rem}.reset{font:inherit;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:.35rem .8rem;font-size:.8125rem}.reset:hover{color:var(--text);border-color:var(--text-muted)}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin-bottom:3rem;display:grid}.card{text-align:left;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;padding:0;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.thumb{aspect-ratio:4/3;background:var(--surface-alt);border-bottom:1px solid var(--border);position:relative}.thumb.empty{aspect-ratio:auto;justify-content:center;align-items:center;padding:.9rem 0;display:flex}.thumb img{object-fit:contain;width:100%;height:100%;padding:.5rem;position:absolute;inset:0}.thumb .no-image{color:var(--text-muted);letter-spacing:.05em;font-size:.75rem}.card-body{flex-direction:column;flex:1;gap:.4rem;padding:.75rem .85rem .9rem;display:flex}.card-name{margin:0;font-size:.9375rem;font-weight:700;line-height:1.45}.card-maker{color:var(--text-muted);margin:0;font-size:.75rem}.badges{flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:.35rem;display:flex}.badge{background:var(--surface-alt);color:var(--text-muted);border-radius:4px;padding:.1rem .45rem;font-size:.75rem}.badge.volume{background:var(--accent-soft);color:var(--accent);font-weight:700}.empty,.error{color:var(--text-muted);text-align:center;padding:2rem 0 3rem}.error{color:var(--accent);text-align:left;background:var(--accent-soft);border-radius:8px;padding:1rem}.detail{width:min(560px,100% - 2rem);color:var(--text);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:1.5rem}.detail::backdrop{background:#14110e8c}.detail-close{color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:1.4rem;line-height:1;position:absolute;top:.5rem;right:.75rem}.detail h2{margin:0 1.5rem .2rem 0;font-size:1.2rem}.detail .detail-sub{color:var(--text-muted);margin:0 0 1rem;font-size:.8125rem}.detail dl{grid-template-columns:7rem 1fr;gap:.4rem 1rem;margin:0;font-size:.875rem;display:grid}.detail dt{color:var(--text-muted)}.detail dd{margin:0}.detail .detail-notes{background:var(--surface-alt);border-radius:8px;margin:1rem 0 0;padding:.75rem;font-size:.8125rem}.detail a{color:var(--accent)}.detail a.detail-buy{text-align:center;color:#fff;background:var(--accent);border-radius:8px;margin-top:1rem;padding:.7rem 1rem;font-size:.875rem;font-weight:700;text-decoration:none;display:block}.detail-buy:after{content:"（広告）";opacity:.85;margin-left:.4rem;font-size:.75rem;font-weight:400}.ad-slot:empty{display:none}.ad-slot{text-align:center;margin-block:1.5rem;overflow:hidden}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);padding:1.5rem 0 2.5rem;font-size:.8125rem}.site-footer p{margin:.3rem 0}.site-footer a{color:var(--accent)}@media (width<=540px){.filter-label{flex-basis:100%}.detail dl{grid-template-columns:5.5rem 1fr}}