:root{--bg: #f7f7f9;--surface: #ffffff;--text: #1f2328;--muted: #6b7280;--border: #e3e5e8;--accent: #2563eb;--accent-weak: #dbeafe;--hit: #fde68a;--gold: #d4a017;--danger: #dc2626}@media(prefers-color-scheme:dark){:root{--bg: #111318;--surface: #1a1d24;--text: #e6e8eb;--muted: #9aa1ab;--border: #2c313a;--accent: #60a5fa;--accent-weak: #1e3a5f;--hit: #7c5e10;--gold: #e0b43a;--danger: #f87171}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6}a{color:var(--accent)}main{max-width:960px;margin:0 auto;padding:16px}h1{font-size:1.5rem;margin:.5em 0}h2{font-size:1.2rem;margin:1.5em 0 .5em}.muted{color:var(--muted)}.site-header,.site-footer{background:var(--surface);border-bottom:1px solid var(--border)}.site-footer{border-top:1px solid var(--border);border-bottom:none;margin-top:48px;font-size:.85rem}.site-header nav,.site-footer nav{max-width:960px;margin:0 auto;padding:12px 16px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}.disclaimer{max-width:960px;margin:0 auto;padding:0 16px 16px;color:var(--muted)}.disclaimer p{margin:.5em 0}.site-header .brand{font-weight:700;color:var(--text);text-decoration:none;margin-right:auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px}.card-grid a,.card-grid button{display:block;text-align:center;padding:8px 0;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);text-decoration:none;font:inherit;font-size:.9rem;cursor:pointer}.card-grid a:hover{border-color:var(--accent)}.card-grid button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.card-grid [hidden]{display:none}.card-grid .no{display:block;line-height:1.3}.card-grid .rarity{display:block;min-height:1.2em;font-size:.7rem;line-height:1.2;color:var(--muted)}.card-grid button[aria-pressed=true] .rarity{color:#fff}.card-grid .gold{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.card-grid .gold-mark{margin-left:2px;padding:0 3px;border-radius:3px;background:var(--gold);color:#3b2a00;font-weight:700}.card-filter{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:8px 0}.card-filter button{padding:4px 10px;font:inherit;font-size:.85rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);cursor:pointer}.card-filter button[aria-pressed=true]{background:var(--accent-weak);border-color:var(--accent);color:var(--text);font-weight:700}.card-filter .filter-count{margin-left:4px;font-size:.8rem}.search{display:flex;gap:8px;margin:12px 0}input[type=number],input[type=text]{padding:8px 10px;font:inherit;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}button.primary,a.primary,.search button{display:inline-block;text-decoration:none;padding:8px 16px;font:inherit;border:none;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}button.secondary{padding:8px 16px;font:inherit;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer}button.danger{color:var(--danger)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-top:16px}.tabs button{padding:8px 16px;font:inherit;border:none;background:none;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer}.tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.listing{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px;margin:10px 0}.listing header{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.listing time{margin-left:auto;font-size:.8rem}.listing dl{margin:8px 0 0;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.listing dt{color:var(--muted);font-size:.85rem}.listing dd{margin:0;display:flex;flex-wrap:wrap;gap:4px}.listing .copy{font-size:.75rem;padding:2px 8px;border:1px solid var(--border);border-radius:4px;background:none;color:var(--text);cursor:pointer}.chip{display:inline-block;padding:0 8px;border-radius:999px;font-size:.8rem;background:var(--accent-weak);color:var(--text);text-decoration:none}.chip-hit{background:var(--hit);font-weight:700}.ad{margin:24px 0;min-height:100px}.notice{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.contact-form{display:grid;gap:16px;max-width:640px;margin-top:24px}.contact-form label{display:grid;gap:4px}.contact-form .label{font-weight:700}.contact-form .required{margin-left:4px;padding:0 6px;border-radius:4px;background:var(--danger);color:#fff;font-size:.75rem;font-weight:400}.contact-form .hint{font-size:.8rem}.contact-form select,.contact-form textarea,.contact-form input[type=text]{width:100%;padding:8px 10px;font:inherit;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.contact-form button:disabled{opacity:.6;cursor:wait}.contact-form .field-error{color:var(--danger);font-size:.85rem;font-weight:700}.contact-form [aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.contact-form .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}