:root{--ink:#16223a;--muted:#66738a;--paper:#f4f6fb;--panel:#fff;--line:#dbe3f0;--blue:#355fd1;--navy:#162b5c;--gold:#c8861e;--green:#087b67;--shadow:0 12px 30px rgba(23,43,82,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px;-webkit-text-size-adjust:100%;background:radial-gradient(circle at 7% 12%,#e0ebff 0,transparent 22rem),var(--paper)}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}.hero{position:relative;overflow:hidden;color:#fff;padding:4.2rem max(1.4rem,calc((100% - 1180px)/2));background:radial-gradient(circle at 84% 10%,#98caff 0,transparent 24%),radial-gradient(circle at 76% 120%,#4d80df 0,transparent 29%),linear-gradient(125deg,#122752,#244f9d)}.hero:after{content:"";position:absolute;width:24rem;height:24rem;right:-9rem;top:-15rem;border:1px solid #ffffff38;border-radius:50%;box-shadow:0 0 0 3rem #ffffff0b,0 0 0 6rem #ffffff08}.hero>*{position:relative;z-index:1}.eyebrow{margin:0;font-size:.69rem;font-weight:800;letter-spacing:.15em;color:#71819a}.hero .eyebrow{color:#b8d8ff}.hero h1{margin:.45rem 0 .55rem;font-size:clamp(2.4rem,5vw,4.25rem);letter-spacing:-.055em;line-height:.95}.hero>p:not(.eyebrow){max-width:650px;margin:0;color:#e5efff}.hero-bottom{display:flex;align-items:end;gap:2.4rem;margin-top:2.25rem}.progress-wrap{width:min(320px,100%);font-size:.85rem;font-weight:750}.progress{height:7px;margin-top:.55rem;border-radius:99px;overflow:hidden;background:#ffffff45}.progress i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#ffe177,#f6bd49);transition:width .2s}.hero-note{margin:0;color:#d7e8ff;font-size:.83rem;font-weight:650}main{max-width:1180px;margin:auto;padding:2.25rem 1.3rem 5rem}.controls{display:grid;grid-template-columns:minmax(230px,2.2fr) repeat(4,minmax(135px,1fr));gap:.7rem;padding:1rem;border:1px solid #d9e4f4;border-radius:1rem;background:#ffffffc9;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.search,.number-filter{display:flex;align-items:center;gap:.5rem;padding:0 .75rem;border:1px solid var(--line);border-radius:.7rem;background:var(--panel);color:var(--muted)}.search{grid-column:span 2}.search span{color:var(--blue);font-size:1.2rem}.number-filter span{font-size:.72rem;font-weight:800;color:var(--muted)}input{width:100%;min-width:0;padding:.73rem 0;border:0;outline:0;background:transparent;color:var(--ink)}select,.ghost{width:100%;min-height:43px;padding:.7rem .75rem;border:1px solid var(--line);border-radius:.7rem;background:var(--panel);color:var(--ink)}select:focus,input:focus{outline:2px solid #94b8ff;outline-offset:1px}.ghost{width:auto;font-weight:700;color:#3b4c67}.ghost:hover{border-color:#7897e4;color:var(--blue);background:#f4f7ff}.catalogue-heading{display:flex;justify-content:space-between;align-items:end;margin:2.8rem 0 1.15rem}.catalogue-heading h2{margin:.25rem 0 0;font-size:1.35rem;letter-spacing:-.025em}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:1rem}.card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:.9rem;min-height:218px;padding:.8rem;border:1px solid var(--line);border-radius:1rem;background:var(--panel);box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(25,47,91,.14)}.image-button{height:158px;padding:0;border:0;border-radius:.7rem;overflow:hidden;background:#dbe8f6}.image-button img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.image-button:hover img{transform:scale(1.045)}.image-placeholder{display:grid;width:100%;height:100%;place-items:center;padding:.7rem;background:linear-gradient(140deg,#dde9f9,#f6f2e8);color:#607993;text-align:center;font-size:.72rem;font-weight:800;white-space:pre-line}.card-body{min-width:0}.card-top{display:flex;justify-content:space-between;gap:.45rem;font-size:.64rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.language{color:var(--blue)}.verification{max-width:8.5rem;color:var(--gold);text-align:right}.card h3{margin:.5rem 0 .12rem;font-size:1rem;line-height:1.2}.japanese,.set,.artist{margin:0;color:var(--muted)}.japanese{font-size:.82rem}.set{margin-top:.55rem;overflow:hidden;font-size:.78rem;white-space:nowrap;text-overflow:ellipsis}.artist{margin-top:.22rem;font-size:.72rem;font-style:italic;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tags,.variants{display:flex;flex-wrap:wrap;gap:.35rem}.tags{margin-top:.6rem}.tag{padding:.22rem .48rem;border-radius:99px;background:#e9f0ff;color:#2854aa;font-size:.67rem}.variants{margin-top:.62rem}.variant{display:flex;align-items:center;gap:.3rem;min-height:30px;padding:.24rem .4rem;border:1px solid var(--line);border-radius:.42rem;font-size:.67rem}.variant input{width:15px;height:15px;padding:0;accent-color:var(--green)}.variant:has(input:checked){border-color:#73c6b6;background:#ecfbf6;color:#347569;text-decoration:line-through}.details{min-height:34px;margin-top:.5rem;padding:.25rem 0;border:0;background:none;color:#526c91;font-size:.77rem;font-weight:800;text-align:left}.details:hover{color:var(--blue)}dialog{width:min(760px,calc(100% - 2rem));max-height:92dvh;padding:0;border:0;border-radius:1rem;color:var(--ink);box-shadow:0 26px 70px #10204475;overflow-y:auto}dialog::backdrop{background:#0a1931b9}.close{position:sticky;top:.55rem;z-index:2;float:right;width:36px;height:36px;margin:.55rem;border:0;border-radius:50%;background:#fffffff0;color:var(--muted);font-size:1.5rem;line-height:1}.detail,.audit{padding:2rem}.detail{display:grid;grid-template-columns:210px minmax(0,1fr);gap:1.6rem}.detail img{width:100%;border-radius:.85rem}.detail h2{margin:.2rem 0}.detail dl{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.15rem 0}.detail dt{font-size:.66rem;font-weight:850;letter-spacing:.07em;color:var(--muted);text-transform:uppercase}.detail dd{margin:.15rem 0;font-size:.88rem;font-weight:650;overflow-wrap:anywhere}.detail-placeholder{min-height:266px;border-radius:.8rem}.audit h2{margin:.35rem 0 1rem}.audit p{line-height:1.65;color:#46566b}.source-list{padding-left:1rem}.source-list a{color:var(--blue);font-size:.82rem;overflow-wrap:anywhere}@media(max-width:1000px){.controls{grid-template-columns:repeat(3,1fr)}.search{grid-column:span 3}}@media(max-width:700px){.hero{padding:2.6rem 1.1rem}.hero-bottom{gap:1rem;align-items:start;flex-direction:column}.controls{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.detail{grid-template-columns:1fr}.detail img{max-width:220px}}@media(max-width:520px){main{padding:1.25rem .8rem 3rem}.hero{padding:2rem .8rem}.hero h1{font-size:clamp(2.15rem,11vw,2.8rem)}.controls{grid-template-columns:1fr;padding:.75rem}.search{grid-column:auto}.catalogue-heading{align-items:start;gap:.8rem;flex-direction:column;margin:2rem 0 1rem}.catalogue-heading .ghost{width:100%}.cards{grid-template-columns:1fr;gap:.8rem}.card{grid-template-columns:104px minmax(0,1fr);min-height:0;padding:.65rem}.image-button{height:146px}.card-top{font-size:.6rem}.verification{max-width:8rem}.detail,.audit{padding:1.15rem}.detail dl{grid-template-columns:1fr;gap:.65rem}dialog{width:calc(100% - 1rem);max-height:94dvh}}@media(max-width:370px){.card{grid-template-columns:88px minmax(0,1fr)}.image-button{height:128px}.tag,.variant{font-size:.62rem}}
