:root{color-scheme:light;--ink:#242638;--muted:#5c6072;--accent:#4244a5;--line:#d8dae4;--paper:#fff;--ground:#f5f5f8;font-family:system-ui,"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:var(--ink);background:var(--ground);font-synthesis:none;font-size:16px}
*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:.2em}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-10rem;left:1rem;background:white;padding:1rem;z-index:10}.skip:focus{top:1rem}button{min-height:44px;padding:.6rem .9rem;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);cursor:pointer;font-weight:600}button:hover{background:#eeeef8}button:disabled{opacity:.45;cursor:default}header{background:var(--paper);border-top:5px solid var(--ink);border-bottom:1px solid var(--line)}.masthead{max-width:1240px;padding:1rem 2rem;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;gap:.75rem;align-items:center;font-size:1.15rem;font-weight:750;text-decoration:none;color:var(--ink)}.brand-mark{display:flex;background:var(--ink);color:white;font-size:1.3rem;letter-spacing:-.07em;line-height:1.6;padding-left:.25rem;border:1px solid var(--ink)}.brand-mark span{background:white;color:var(--ink);margin-left:.15rem;padding:0 .25rem 0 .15rem}.brand small{display:block;font-size:.75rem;font-weight:500;margin-top:.15rem;color:var(--muted)}label{display:flex;flex-direction:column;gap:.4rem;font-size:.875rem;font-weight:600;min-width:0}input,select{width:100%;min-height:46px;padding:.6rem .7rem;border:1px solid #9297ab;border-radius:6px;background:white;color:var(--ink);font-size:1rem}.language{font-size:.75rem;gap:.2rem}.language select{min-height:40px;padding:.35rem .5rem;font-size:.875rem;max-width:9rem}main{max-width:1240px;margin:auto;padding:1rem 2rem 3rem;min-height:65vh}.breadcrumbs{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;font-size:.875rem;margin-bottom:1rem}.breadcrumbs a{padding:.4rem 0}.about-link{margin-left:auto}.preview{font-size:.75rem;color:var(--muted);margin:.5rem 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0}h1{font-size:clamp(1.5rem,3vw,2rem);margin:0;line-height:1.5;overflow-wrap:anywhere}.count{white-space:nowrap;margin:0;color:var(--muted);font-size:.875rem}.count span:first-child{font-weight:750;color:var(--ink);font-size:1.5rem}#filters{background:var(--paper);padding:1rem;border:1px solid var(--line);border-radius:8px}.quick-search{display:flex;gap:.6rem;align-items:end}.quick-search label{flex:1}.quick-search button{min-height:46px;font-size:.875rem}.advanced-filters{margin-top:.8rem}.advanced-filters>summary{cursor:pointer;min-height:44px;align-content:center;color:var(--accent);font-size:.875rem;font-weight:650}.filter-count{margin-left:.5rem}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:.8rem}.filter-help{color:var(--muted);font-size:.875rem;line-height:1.6}.result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1.2rem 0 .8rem}.result-toolbar p{font-weight:650;margin:0;font-size:.875rem}.result-toolbar select{min-height:44px;font-size:.875rem;max-width:12rem}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.7rem 1.1rem;align-items:start}.card{min-width:0;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.card-image{display:flex;justify-content:center;align-items:center;background:#e9eaf0;padding:.65rem;text-decoration:none}.card img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 2px 2px #24263822)}.card-copy{padding:.85rem}.series{display:block;font-size:.75rem;line-height:1.6;overflow-wrap:anywhere}.card h2{font-size:1rem;line-height:1.5;margin:.6rem 0 .3rem;overflow-wrap:anywhere}.card-copy>p{font-size:.75rem;line-height:1.7;margin:.5rem 0;color:var(--muted)}.card-number{overflow-wrap:anywhere}.release-status{display:inline-block;font-size:.875rem;line-height:1.5;padding:.1rem .35rem;border-radius:3px;background:#f0f0f5;color:var(--muted)}.release-status[data-state=upcoming]{color:#37388b;background:#efeffb}.release-status[data-state=released]{color:#246043;background:#eaf5ef}.release-info time{white-space:nowrap}.card details{border-top:1px solid var(--line);margin-top:.75rem;font-size:1rem;line-height:1.75}.card summary{cursor:pointer;min-height:44px;align-content:center;color:var(--accent);font-size:.875rem;font-weight:650}.effect{white-space:pre-wrap;overflow-wrap:anywhere;margin:.75rem 0}.translation-note{font-size:.75rem;color:var(--muted)}dl{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .7rem;font-size:.875rem;margin:.75rem 0}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.empty{padding:2rem 1rem;text-align:center;border:1px dashed var(--line);background:white;border-radius:8px;line-height:1.8}.empty h2{font-size:1.25rem}.about{background:white;padding:1.5rem;max-width:760px;line-height:1.9}.about h2{font-size:1.25rem}.about p{overflow-wrap:anywhere}footer{max-width:1176px;margin:auto;padding:1.5rem 0 2rem;border-top:1px solid var(--line);font-size:.75rem;line-height:1.8;color:var(--muted)}footer strong{font-size:.875rem;color:var(--ink)}footer a{display:inline-block;padding:.5rem 1rem .5rem 0}dialog{width:min(900px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:0;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 60px #0004;color:var(--ink);background:var(--ground)}dialog::backdrop{background:#181a2bc4}.dialog-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem 1rem;background:white;border-bottom:1px solid var(--line)}.dialog-bar h2{font-size:1rem;margin:0;line-height:1.5}.dialog-bar button{flex-shrink:0}#dialog-content{padding:1rem}#dialog-content .card{display:grid;grid-template-columns:1.1fr 1fr;border:0;background:transparent;overflow:visible}#dialog-content .card-image{display:block;align-self:start;position:sticky;top:5rem;background:transparent;padding:0}#dialog-content .card-copy{padding:0 0 0 1.5rem}#dialog-content .card h2{font-size:1.25rem}.dialog-actions{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:1rem;padding:.7rem 1rem;background:white;border-top:1px solid var(--line)}body:has(dialog[open]){overflow:hidden}
@media(max-width:1000px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}footer{margin:0 2rem}}
@media(max-width:640px){.masthead{padding:.65rem 1rem}.brand{font-size:1rem;gap:.5rem}.brand-mark{font-size:1.15rem}main{padding:.65rem 1rem 2rem}.breadcrumbs{font-size:.75rem;gap:.4rem;margin-bottom:.5rem}.about-link{margin-left:0}.page-heading{margin:.6rem 0}.preview{margin:.4rem 0}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .6rem}.card-copy{padding:.6rem}.card h2{font-size:.875rem}.card-image{padding:.35rem}.card-copy>.release-info{font-size:.75rem}.release-status{font-size:.75rem}.filter-grid{grid-template-columns:1fr 1fr;gap:.85rem .6rem}#filters{padding:.7rem}.quick-search label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.quick-search button{padding:.5rem .65rem}.advanced-filters{margin-top:.3rem}.result-toolbar{margin:.8rem 0 .6rem}.card summary{font-size:.875rem}footer{margin:0 1rem}dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}.dialog-bar{padding:.65rem 1rem}.dialog-actions{padding:.7rem 1rem max(.7rem,env(safe-area-inset-bottom))}#dialog-content .card{display:block}#dialog-content .card-image{position:static;max-width:520px;margin:auto}#dialog-content .card-copy{padding:1rem 0}#dialog-content .card-copy>p,#dialog-content .series{font-size:.875rem}#dialog-content .card h2{font-size:1.2rem}}
@media(max-width:350px){.cards,.filter-grid{grid-template-columns:1fr}.brand-mark{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}