:root{--bg:#07070a;--card:#121218;--line:#2a2a33;--txt:#e8e8ee;--mut:#9a9aa8;--acc:#f5a524;--acc2:#ff6a1a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.5 system-ui,sans-serif}
a{color:var(--acc)}header{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#07070aee;z-index:5;flex-wrap:wrap}
header img{height:38px}nav a{color:var(--txt);text-decoration:none;margin-right:14px;font-weight:600}nav a.on,nav a:hover{color:var(--acc)}
main{max-width:1200px;margin:auto;padding:16px}.hero{text-align:center;padding:40px 10px}.hero img{max-width:min(560px,90%)}
h1,h2{background:linear-gradient(#fff,#9a9aa8);-webkit-background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--txt);text-decoration:none;margin:4px;font-weight:600;cursor:pointer}
.btn:hover,.btn.pri{border-color:var(--acc);background:linear-gradient(90deg,var(--acc),var(--acc2));color:#000}
.bar{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.bar input,.bar select{background:var(--card);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:8px}.bar input[type=search]{flex:1 1 220px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;position:relative;content-visibility:auto;contain-intrinsic-size:300px}
.card:hover{border-color:var(--acc)}.card img,.ph{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:#1b1b22}
.ph{display:flex;align-items:center;justify-content:center;color:var(--mut);font-size:13px;text-align:center;padding:8px}
.card .i{padding:8px;font-size:13px}.card b{display:block}.mut{color:var(--mut)}.badge{position:absolute;top:6px;left:6px;background:var(--acc);color:#000;font-size:11px;font-weight:700;padding:2px 6px;border-radius:5px}
.tog{position:absolute;top:6px;right:6px;display:flex;gap:4px}.tog button{border:0;border-radius:5px;font-size:11px;padding:2px 6px;background:#000a;color:#fff;cursor:pointer}.tog button.on{background:var(--acc);color:#000}
dialog{background:var(--card);color:var(--txt);border:1px solid var(--acc);border-radius:12px;max-width:min(760px,94vw);padding:16px}dialog::backdrop{background:#000c}
.det{display:flex;gap:16px;flex-wrap:wrap}.det img{max-width:300px;width:100%;border-radius:8px}footer{text-align:center;color:var(--mut);padding:30px;font-size:13px}
.fx,.tilt{transition:transform .25s ease-out;transform-style:preserve-3d;will-change:transform;--mx:50%;--my:50%;--ang:135deg}
.fx.on,.tilt.on{transition:transform .06s linear}
.tilt{position:relative;max-width:340px;width:100%;border-radius:10px;overflow:hidden;touch-action:none;cursor:zoom-in;box-shadow:0 20px 40px #000a}
.tilt img{max-width:none;width:100%;display:block;border-radius:0}
.shine{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;mix-blend-mode:soft-light;z-index:2;
 background:radial-gradient(circle at var(--mx) var(--my),#fff9,transparent 45%)}
.card .shine{bottom:auto;aspect-ratio:2/3}
.on .shine,.f-foil .shine,.f-metal .shine,.f-holo\ foil .shine,.f-magma\ foil .shine,.f-lava\ foil .shine{opacity:.35}.on .shine{opacity:.8}
.f-foil .shine{mix-blend-mode:color-dodge;background:radial-gradient(circle at var(--mx) var(--my),#fff8,transparent 40%),linear-gradient(var(--ang),transparent 30%,#ffe9a080 45%,#fff6 50%,#ffe9a080 55%,transparent 70%)}
.f-metal .shine{mix-blend-mode:overlay;background:repeating-linear-gradient(var(--ang),#fff0 0,#fff5 2%,#0003 4%,#fff0 6%),radial-gradient(circle at var(--mx) var(--my),#fffb,transparent 50%)}
.f-holo\ foil .shine{mix-blend-mode:color-dodge;background:linear-gradient(var(--ang),#f005,#ff05,#0f05,#0ff5,#00f5,#f0f5,#f005),radial-gradient(circle at var(--mx) var(--my),#fff8,transparent 45%);background-size:200% 200%;background-position:var(--mx) var(--my)}
.f-magma\ foil .shine{mix-blend-mode:color-dodge;background:radial-gradient(circle at var(--mx) var(--my),#ffd27a99,transparent 35%),linear-gradient(var(--ang),#5100,#ff3c0066 40%,#ffb30066 50%,#ff3c0066 60%,#5100)}
.f-lava\ foil .shine{mix-blend-mode:hard-light;opacity:.25;background:radial-gradient(circle at var(--mx) var(--my),#ff8a0099,transparent 40%),repeating-radial-gradient(circle at 30% 70%,#ff200033 0 8px,#ffa50022 8px 16px)}
.lens{position:absolute;width:140px;height:140px;border-radius:50%;border:2px solid var(--acc);transform:translate(-50%,-50%);pointer-events:none;display:none;z-index:3;box-shadow:0 4px 20px #000c}
.tilt.on .lens{display:block}.tilt.zoom .lens{display:none}.tilt.zoom img{transform:scale(1.8);transform-origin:var(--mx) var(--my)}
@media (prefers-reduced-motion:reduce){.fx,.tilt{transform:none!important;transition:none}.shine{transition:none}}
@media (hover:none){.lens{display:none!important}}
.viewtog{display:inline-flex;align-items:center;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px;margin:6px 0;position:sticky;top:64px;z-index:4}
.viewtog .mut{padding:0 8px;font-size:13px}.viewtog button{border:0;background:none;color:var(--txt);padding:6px 14px;border-radius:999px;cursor:pointer;font-weight:600}
.viewtog button.on{background:linear-gradient(90deg,var(--acc),var(--acc2));color:#000}.gonly{display:none}
body.gallery .gonly{display:inline-block}body.gallery .bar{display:none}body.gallery.showbar .bar{display:flex}
body.gallery main>p.mut:not(#cnt){display:none}body.gallery .grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
body.gallery .card{border:0;background:none;border-radius:6px;box-shadow:0 2px 6px #0008;cursor:zoom-in}
body.gallery .card .i,body.gallery .card .tog,body.gallery .card .badge{display:none}
@media(max-width:600px){body.gallery .grid{grid-template-columns:repeat(2,1fr);gap:10px}}
#pk{position:fixed;inset:0;z-index:50}#pk[hidden]{display:none}.pkbg{position:absolute;inset:0;background:#000d;backdrop-filter:blur(3px)}
.pkw{position:fixed;transform-origin:0 0;border-radius:10px;will-change:transform}.pkw .tilt{border-radius:10px;box-shadow:none}
.pkw .tilt img{width:100%;height:100%;object-fit:contain;max-height:none}
.pkx{position:absolute;top:12px;right:14px;z-index:2;background:#000a;color:#fff;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;font-size:18px;cursor:pointer}
/* detail popup fit fix */
dialog{max-height:96dvh;overflow:auto}.det .tilt{width:auto;max-width:min(340px,100%);align-self:flex-start}
.det .tilt img{width:auto;max-width:100%;height:auto;max-height:calc(96dvh - 60px);object-fit:contain}
@media(max-width:600px){.det .tilt img{max-height:60dvh}}
.tilt,.pkw{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
@media (hover:none) and (pointer:coarse){.lens{display:none!important}.tilt.zoom img{transform:none!important}.tilt{cursor:default}}
/* 3D press buttons */
nav{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:5px}nav a.pbtn{margin:0}
.pbtn{--d:5px;position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:10px;font-weight:700;letter-spacing:.02em;text-decoration:none;color:#f2f2f6!important;
 background:linear-gradient(180deg,#4a4a55 0%,#2a2a32 48%,#1e1e24 52%,#2c2c34 100%);border:1px solid #5a5a66;
 box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #0006,0 var(--d) 0 #0c0c10,0 calc(var(--d) + 4px) 10px #000a;
 transform:translateY(0);transition:transform .08s ease-out,box-shadow .08s ease-out,filter .15s;-webkit-tap-highlight-color:transparent;user-select:none;text-shadow:0 1px 1px #000}
.pbtn::after{content:"";position:absolute;inset:1px;border-radius:9px;background:linear-gradient(110deg,transparent 35%,#ffffff22 50%,transparent 65%);pointer-events:none}
.pbtn.big{padding:14px 26px;font-size:17px;margin:6px;--d:7px}
@media(hover:hover){.pbtn:hover{filter:brightness(1.12);border-color:var(--acc)}}
.pbtn:active,.pbtn.down{transform:translateY(calc(var(--d) - 1px));box-shadow:inset 0 1px 0 #ffffff25,inset 0 2px 6px #0008,0 1px 0 #0c0c10,0 2px 4px #000a}
.pbtn.cur{transform:translateY(calc(var(--d) - 2px));box-shadow:inset 0 2px 6px #000a,0 2px 0 #0c0c10,0 3px 5px #0008;border-color:var(--acc);color:var(--acc)!important;
 background:linear-gradient(180deg,#26262c,#1a1a20)}
.pbtn.cur.down{transform:translateY(calc(var(--d) - 1px))}
.pbtn:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.pbtn{transition:none}}
/* v2: press = squish inward, no movement */
.pbtn,.pbtn:hover,.pbtn:active,.pbtn.down,.pbtn.cur,.pbtn.cur.down{transform:none!important}
.pbtn{transition:box-shadow .09s ease-out,background .09s,filter .15s,border-color .15s}
.pbtn::after{transition:opacity .09s}
.pbtn:active,.pbtn.down,.pbtn.cur.down{background:linear-gradient(180deg,#18181d,#222228 60%,#26262d);
 box-shadow:inset 0 3px 7px #000e,inset 0 1px 2px #000,inset 0 -1px 0 #ffffff14,0 0 0 #0c0c10,0 0 0 #0000}
.pbtn:active::after,.pbtn.down::after{opacity:.25}
.pbtn.cur{background:linear-gradient(180deg,#232329,#2a2a31);box-shadow:inset 0 2px 4px #000a,inset 0 -1px 0 #ffffff18,0 1px 0 #0c0c10,0 2px 4px #0006}
.pbtn.cur::after{opacity:.5}
@media(prefers-reduced-motion:reduce){.pbtn,.pbtn::after{transition:none}}
/* shop popup photo fit fix */
.det>img{width:auto;max-width:min(300px,100%);height:auto;max-height:calc(96dvh - 60px);object-fit:contain;align-self:flex-start}
@media(max-width:600px){.det>img{max-height:60dvh}}
.card .cb{margin-top:6px}.card .cb .btn{padding:6px 10px;font-size:13px;margin:2px}
/* ===== product popup v2 ===== */
#dl{max-width:min(1100px,96vw);width:min(1100px,96vw);max-height:96dvh;padding:14px;position:relative}
#dl .dlx{position:sticky;top:0;float:right;margin:-6px -6px 4px 8px;width:40px;height:40px;padding:0;border-radius:50%;background:#000d;color:var(--txt);border:1px solid var(--line);font-size:18px;line-height:1;cursor:pointer;z-index:6;display:flex;align-items:center;justify-content:center}#dl .dlx:hover{border-color:var(--acc);color:var(--acc)}
.pd{display:grid;grid-template-columns:auto 76px minmax(280px,1fr);gap:14px;align-items:start}
.pd-main .zoomw{position:relative;display:inline-block;line-height:0}
.pd-main img#pmain{display:block;max-width:min(520px,52vw);width:auto;height:auto;max-height:calc(96dvh - 30px);object-fit:contain;border-radius:8px;cursor:crosshair}
.zoomw .lens{width:170px;height:170px;background-repeat:no-repeat;display:none}
.zoomw .nav{position:absolute;top:50%;transform:translateY(-50%);background:#000a;color:#fff;border:0;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1;cursor:pointer;z-index:4}
.zoomw .prev{left:6px}.zoomw .next{right:6px}
.pd-th{display:flex;flex-direction:column;gap:8px;max-height:calc(96dvh - 30px);overflow:auto}
.pd-th .th{padding:0;border:2px solid var(--line);border-radius:6px;background:none;cursor:pointer;line-height:0;opacity:.7}
.pd-th .th.act{border-color:var(--acc);opacity:1}.pd-th img{width:68px;height:auto;border-radius:4px}
.pd-info h2{margin:0 30px 6px 0;font-size:1.25rem;line-height:1.25}
.pd-price{font-size:1.6rem;font-weight:800;color:var(--acc);margin:4px 0}
.pd-meta{margin:6px 0;line-height:1.5}.pd-buy{margin:6px -4px}.pd-ship{font-size:13px;margin:6px 0}.pd-desc{font-size:14px;margin:6px 0}
.btn.sec{font-weight:500;font-size:13px}
@media(max-width:760px){.pd{grid-template-columns:1fr}.pd-main{text-align:center}.pd-main img#pmain{max-width:100%;max-height:58dvh}
.pd-th{flex-direction:row;max-height:none;overflow-x:auto;order:0}.pd-th img{width:60px}}
@media not ((hover: hover) and (pointer: fine)){.zoomw .lens{display:none!important}.pd-main img#pmain{cursor:default}}
/* ===== cart ===== */
.cartbtn{cursor:pointer;font:inherit}#cartn{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--acc);color:#000;font-size:12px;font-weight:800;text-align:center}
#cartov{position:fixed;inset:0;background:#000a;opacity:0;pointer-events:none;transition:.2s;z-index:50}#cartov.open{opacity:1;pointer-events:auto}
#cartdr{position:fixed;top:0;right:0;height:100dvh;width:min(400px,100vw);background:var(--card);border-left:1px solid var(--acc);transform:translateX(100%);transition:.25s;z-index:51;padding:14px;overflow:auto;box-sizing:border-box;color:var(--txt)}
#cartdr.open{transform:none}.crt-h{display:flex;justify-content:space-between;align-items:center}.crt-h h2{margin:0}
.crt-i{display:grid;grid-template-columns:56px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);align-items:start}.crt-i img{width:56px;border-radius:4px}
.step{display:flex;align-items:center;gap:8px;margin-top:6px}.step button{background:none;border:1px solid var(--line);color:var(--txt);border-radius:6px;width:28px;height:28px;cursor:pointer}.step button:disabled{opacity:.35;cursor:default}
.step .lnk{width:auto;border:0;text-decoration:underline;color:var(--mut);font-size:13px}
.crt-t>div{display:flex;justify-content:space-between;margin:8px 0}.crt-t .tot{font-weight:800;font-size:1.15rem;border-top:1px solid var(--line);padding-top:8px}
.freeship{color:var(--acc);font-size:14px;margin:4px 0}.err{color:#ff6b6b;font-size:14px}
/* ===== social icon row ===== */
.social{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0}
.soc{width:46px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--line);color:var(--txt);transition:transform .15s,box-shadow .15s,border-color .15s,color .15s}
.soc svg{width:22px;height:22px;fill:currentColor}.soc.s-eb svg{width:30px;height:30px}.soc.s-wn svg{width:24px;height:24px}.soc.s-mc svg{width:24px;height:24px}
.soc:hover,.soc:focus-visible{transform:translateY(-3px);border-color:var(--acc);color:var(--acc);box-shadow:0 6px 18px #0008,0 0 12px color-mix(in srgb,var(--acc) 45%,transparent);outline:none}
/* ===== museum under construction ===== */
.uc{text-align:center}.uc-art{display:flex;justify-content:center;margin:10px auto 6px}
.uc-gif{display:block;width:100%;max-width:480px;height:auto;border-radius:14px;margin:0 auto;box-shadow:0 8px 28px #0009}
.uc-foot{transform-box:view-box;transform-origin:52px 148px;animation:uctap .5s ease-in-out infinite}
.uc-shadow{fill:#0006;animation:ucsh .5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.uc-tap{opacity:0;animation:ucfx .5s ease-in-out infinite}
@keyframes uctap{0%,100%{transform:rotate(0)}45%{transform:rotate(-14deg)}}
@keyframes ucsh{0%,100%{transform:scaleX(1)}45%{transform:scaleX(.85)}}
@keyframes ucfx{0%,8%{opacity:1}30%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.uc-foot,.uc-shadow,.uc-tap{animation:none}}
.orderbox{max-width:480px;margin:14px auto;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 18px}.orderbox h3{margin:4px 0}
.pol{max-width:760px;margin:0 auto}.pol section{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 20px 12px;margin:14px 0;scroll-margin-top:80px}.pol li{margin:6px 0;line-height:1.5}.pol-toc{display:flex;gap:10px;flex-wrap:wrap}.pol-toc a{color:var(--acc)}
.flinks{margin:6px 0}.flinks a{color:var(--mut)}
@media(max-width:420px){.social{gap:8px}.soc{width:44px;height:44px}}
/* ===== equal header buttons ===== */
header nav{flex-wrap:nowrap}
header nav .pbtn{box-sizing:border-box;width:112px;min-width:112px;height:42px;padding:0 12px;justify-content:center;white-space:nowrap;font-size:15px;margin:0}
@media(max-width:480px){header nav{gap:8px;width:100%}header nav .pbtn{flex:1 1 0;width:auto;min-width:0;height:40px;padding:0 6px;font-size:14px}}
/* soft cart badge */
#cartn{min-width:20px;height:20px;line-height:20px;padding:0 6px;border-radius:10px;box-sizing:border-box;background:#e9b949;color:#1a1408;font-size:12px;font-weight:800;box-shadow:0 0 0 3px #26262dcc,0 0 10px #e9b94955;opacity:.95}
#cartn.zero{display:none}
.cartbtn{gap:8px}
@media(min-width:761px){.pd.one{grid-template-columns:auto minmax(280px,1fr)}}
/* popup: always in the viewport */
#dl{position:fixed;inset:0;margin:auto;height:fit-content;max-height:100vh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
@media(max-width:760px){#dl{width:100vw;max-width:100vw;border-radius:0}}
/* cart drawer: header (with cart toggle) stays above the backdrop; drawer opens below it */
body.cart-open header{z-index:52}
#cartdr{width:min(400px,88vw);overscroll-behavior:contain}

/* m22: sharp comic-cover corners everywhere (covers are rectangles) */
.card>img,.card img,.det img,.tilt,.tilt img,.pkw,.pkw .tilt,.pd-main img#pmain,.pd-th img,.crt-i img,body.gallery .card{border-radius:0!important}
.pd-th .th{border-radius:0}
/* m22: "needs photo" placeholder */
.ph{aspect-ratio:2/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:10px;box-sizing:border-box;
 background:repeating-linear-gradient(135deg,#15151a 0 12px,#18181e 12px 24px);border:1px dashed #3a3a44;color:var(--mut)}
.ph .ph-n{font-size:28px;font-weight:800;color:#d8d8e0}.ph .ph-c{font-size:13px;font-weight:700;color:var(--acc)}
.ph .ph-t{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin-top:6px}.ph .ph-t::before{content:"📷 "}
.ph-big{width:min(240px,100%);flex:0 0 auto}
body.gallery .card .ph{cursor:default}
/* m23: finish multi-select (museum) */
.msel{position:relative}.msel>summary{list-style:none;cursor:pointer;background:var(--card);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:8px 30px 8px 10px;white-space:nowrap;user-select:none}
.msel>summary::-webkit-details-marker{display:none}.msel>summary::after{content:"▾";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--acc)}
.msel[open]>summary{border-color:var(--acc)}
.msel-p{position:absolute;z-index:20;top:calc(100% + 6px);left:0;min-width:220px;background:var(--card);border:1px solid var(--acc);border-radius:10px;padding:8px;box-shadow:0 12px 30px #000c}
.msel-p label{display:flex;align-items:center;gap:8px;padding:8px 8px;border-radius:6px;cursor:pointer}.msel-p label:hover{background:#ffffff0d}
.msel-p label .mut{margin-left:auto;font-size:12px}.msel-p input{accent-color:var(--acc);width:18px;height:18px}
.msel-all{border-bottom:1px solid var(--line);font-weight:700;margin-bottom:4px}
@media(max-width:600px){.msel-p{position:fixed;left:12px;right:12px;top:auto;bottom:12px;max-height:70dvh;overflow:auto}}
.f-holo-foil .shine{mix-blend-mode:color-dodge;background:linear-gradient(var(--ang),#f005,#ff05,#0f05,#0ff5,#00f5,#f0f5,#f005),radial-gradient(circle at var(--mx) var(--my),#fff8,transparent 45%);background-size:200% 200%;background-position:var(--mx) var(--my)}
.f-magma-foil .shine,.f-lava-foil .shine{opacity:.35}
/* m23: eBay search buttons (museum) */
.btn.ebay{text-decoration:none}
.pkeb{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:2;background:#000c;color:var(--acc);border:1px solid var(--acc);border-radius:999px;padding:8px 16px;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.pkeb:hover{background:var(--acc);color:#000}

.ebl{display:inline-flex;font-family:Helvetica,Arial,sans-serif;font-weight:800;font-size:1.15em;letter-spacing:-.035em;line-height:1;-webkit-text-stroke:1.2px #000b;paint-order:stroke fill}
.ebl i{font-style:normal}.ebl .e1{color:#e53238}.ebl .e2{color:#0064d2}.ebl .e3{color:#f5af02}.ebl .e4{color:#86b817}

.btn.pri.ebay,.btn.pri.ebay:hover{background:#000c;color:var(--acc);border:1px solid var(--acc)}
.btn.pri.ebay:hover,.pkeb:hover{background:#000;color:var(--acc);box-shadow:0 0 12px color-mix(in srgb,var(--acc) 45%,transparent)}
/* ===== home: new listings strip ===== */
.newl{max-width:1100px;margin:22px auto 8px;text-align:left}.newl h2{font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin:0 0 8px 6px}
.nl-vp{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);padding:10px 0}
.nl-vp::-webkit-scrollbar{display:none}.nl-vp.manual{scroll-snap-type:x proximity}
.nl-track{display:flex;gap:14px;width:max-content;padding:0 14px}
.nl-it{flex:0 0 132px;width:132px;display:block;color:var(--txt);text-decoration:none;font-size:12px;transition:transform .2s;scroll-snap-align:start}
.nl-it:hover,.nl-it:focus-visible{transform:scale(1.06);outline:none}.nl-it:hover .nl-im,.nl-it:focus-visible .nl-im{border-color:var(--acc)}
.nl-im{display:block;position:relative;aspect-ratio:2/3;background:#1b1b22;border:1px solid var(--line);border-radius:0;overflow:hidden}
.hero .nl-im img{max-width:none;width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.nl-it b{display:block;margin-top:6px;font-weight:600;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nl-pr{color:var(--acc);font-weight:700}.nl-tag{position:absolute;top:4px;left:4px;background:var(--acc);color:#000;font-style:normal;font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px}
@media(max-width:600px){.nl-it{flex-basis:108px;width:108px}.nl-track{gap:10px}}
@media(max-width:420px){.social{gap:7px;flex-wrap:nowrap}.hero .soc,.social .soc{width:42px;height:42px;flex:0 0 42px}}
/* ===== shop filter checkboxes ===== */
.chks{display:inline-flex;gap:16px;align-items:center;padding:0 4px}.chks label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}
.bar .chks input{accent-color:var(--acc);width:16px;height:16px;padding:0}
@media(max-width:600px){.bar input[type=search]{flex-basis:100%}.bar select{flex:1 1 0}.chks{flex-basis:100%}}

.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}

/* ===== graded slabs ===== */
.badge.grd{left:auto;right:6px;background:#1d5fd1;color:#fff}.pd-meta .badge.grd{display:inline-block;margin-bottom:4px}.vcert{color:var(--acc)}
#sort option:disabled{color:#666}

.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:24px 0 8px}.pager[hidden],.pp[hidden]{display:none}
.pager .btn{min-width:44px;min-height:44px;justify-content:center;margin:0;font-size:15px;padding:8px 12px}
.pager .btn.act{border-color:var(--acc);background:linear-gradient(90deg,var(--acc),var(--acc2));color:#000}
.pager .btn:disabled{opacity:.4;cursor:default;pointer-events:none}.pager .ell{color:var(--mut);padding:0 4px}
.pp{display:flex;justify-content:center;align-items:center;gap:8px;margin:6px 0 24px;color:var(--mut);font-size:14px}
.pp select{background:var(--card);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-height:44px;cursor:pointer}.pp select:hover,.pp select:focus{border-color:var(--acc);outline:none}
@media(max-width:600px){.pager{gap:4px}.pager .btn{min-width:44px;padding:8px 6px}.pager .pw{display:none}}

.crt-em{display:flex;flex-direction:column;gap:4px;margin:12px 0 10px}.crt-em span{font-size:14px;font-weight:600}.crt-em input{background:var(--card);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:16px;width:100%;box-sizing:border-box}.crt-em input:focus{outline:2px solid var(--acc);outline-offset:1px}.crt-em input.bad{border-color:#ff6b6b}.crt-em small{font-size:12px}.err.note{color:var(--acc)}

.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}
.seg button{background:none;border:0;border-left:1px solid var(--line);color:var(--txt);padding:8px 14px;font:inherit;font-weight:600;cursor:pointer;min-height:38px;white-space:nowrap}
.seg button:first-child{border-left:0}
.seg button:hover{color:var(--acc)}
.seg button.act{background:linear-gradient(90deg,var(--acc),var(--acc2));color:#000}
.seg button:focus-visible{outline:2px solid var(--acc);outline-offset:-3px}
.empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:40px 16px;border:1px dashed var(--line);border-radius:12px}
@media(max-width:600px){.chks{flex-wrap:wrap;gap:10px}.seg{flex:1 1 100%}.seg button{flex:1;padding:10px 6px;min-height:44px}}

/* m61: franchise filter */
@media(max-width:600px){.bar #fr,.bar #ser{flex:1 1 calc(50% - 4px);min-width:0}.bar #sort{flex:1 1 100%}}
/* m62: search + sort share a row on mobile */
@media(max-width:600px){.bar input[type=search]{order:0;flex:1 1 calc(60% - 4px);min-width:0}.bar #sort{order:1;flex:1 1 calc(40% - 4px);min-width:0}.bar #fr,.bar #ser{order:2}.bar .chks{order:3}}

/* m63 grade + metal badges */
.bstk{position:absolute;top:6px;right:6px;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none}
.bstk .badge,.pd-bdg .badge{position:relative;top:auto;left:auto;right:auto;display:inline-block;overflow:hidden}
.pd-bdg{display:inline-flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}
body.gallery .card .bstk{display:none}
.badge.grd.shn{background:linear-gradient(135deg,#1a56c4,#3d82f0 50%,#1a56c4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.badge.grd.gold{background:linear-gradient(135deg,#b8862b,#f6d77a 45%,#d4a640 60%,#9c6f1c);color:#2a1a00;box-shadow:inset 0 0 0 1px rgba(255,240,190,.5)}
.badge.mtl{background:linear-gradient(135deg,#8e959c,#eef1f4 40%,#b9bfc5 55%,#7d848b);color:#1b1f24;letter-spacing:.06em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.badge.shn::after,.badge.gold::after,.badge.mtl::after{content:"";position:absolute;top:0;bottom:0;left:0;width:60%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-160%) skewX(-15deg);animation:bsheen 3.6s ease-in-out infinite;will-change:transform}
.badge.mtl::after{animation-duration:4.4s;background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent)}
@keyframes bsheen{0%,55%{transform:translateX(-160%) skewX(-15deg)}100%{transform:translateX(260%) skewX(-15deg)}}
@media (prefers-reduced-motion:reduce){.badge.shn::after,.badge.gold::after,.badge.mtl::after{animation:none;display:none}}

/* m71: preorder corner ribbon (top-left), clipped by the card's overflow:hidden */
.card,.nl-im{overflow:hidden}
.ribbon{position:absolute;top:0;left:0;width:92px;height:92px;overflow:hidden;pointer-events:none;z-index:3}
.ribbon>i{position:absolute;top:19px;left:-34px;width:136px;transform:rotate(-45deg);background:var(--acc);color:#000;font-style:normal;font-size:13px;font-weight:800;letter-spacing:.04em;line-height:1;text-align:center;padding:5px 0;box-shadow:0 2px 6px rgba(0,0,0,.55);border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(0,0,0,.25)}
.nl-im .ribbon{width:66px;height:66px}
.nl-im .ribbon>i{top:13px;left:-26px;width:100px;font-size:10px;padding:3px 0}
body.gallery .card .ribbon{display:none}
@media (max-width:600px){.card .ribbon{width:78px;height:78px}.card .ribbon>i{top:16px;left:-30px;width:118px;font-size:11.5px;padding:4px 0}}

/* m73: museum true-scale display for small comics */
.tsc{position:relative;width:100%;aspect-ratio:2/3;background:#1b1b22;display:flex;align-items:center;justify-content:center}
.tsc-std{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92%;aspect-ratio:6.625/10.1875;border:2px dashed rgba(255,255,255,.45);border-radius:2px;pointer-events:none}
.card .tsc img,.tilt .tsc img,.det .tilt .tsc img,.pkw .tsc img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(92% * var(--tw));height:auto;max-width:none;max-height:none;aspect-ratio:auto;object-fit:contain;box-shadow:0 4px 12px #000c}
.det .tilt:has(.tsc){width:340px;max-width:100%}
.tsc-cap{display:block;margin-top:4px;font-size:11px;line-height:1.3;color:var(--mut)}
.tsc-cap-big{max-width:340px;font-size:12px;margin-top:6px}
.tsc-ph{color:var(--acc);font-weight:700}

/* m75: museum front/back book view */
.dmedia{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:100%}
.bkbar{display:flex;gap:6px}
.ibtn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--line);background:#1b1b22;color:var(--txt);cursor:pointer;padding:0}
.ibtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ibtn:hover{border-color:var(--acc)}.ibtn[aria-pressed=true]{background:var(--acc);border-color:var(--acc);color:#000}
.ibtn:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.ibtn[hidden]{display:none}
.hasback{display:inline-flex;margin-top:3px;color:var(--acc)}.hasback svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.bk{width:340px;max-width:100%}
.bk2{display:none}.bk.both .bk1{display:none}.bk.both .bk2{display:block}.bk.both{width:640px;max-width:100%}
.bkframe,.bkframe2{position:relative;width:100%;background:#1b1b22;display:flex;align-items:center;justify-content:center}
.bkframe{aspect-ratio:2/3}.bkframe2{aspect-ratio:4/3}
.bk.notrim .bkframe,.bk.notrim .bkframe2{aspect-ratio:auto;background:none}
.bkstd,.bkstd2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92%;border:2px dashed rgba(255,255,255,.45);border-radius:2px;pointer-events:none}
.bkstd{aspect-ratio:6.625/10.1875}.bkstd2{aspect-ratio:13.25/10.1875}
.sheet{position:relative;width:calc(92% * var(--tw));aspect-ratio:var(--ar);perspective:1600px}
.bk.notrim .sheet{width:100%}
.flipper{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.7,.3,1)}
.flipper.flipped{transform:rotateY(180deg)}
.fc{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.fc.back{transform:rotateY(180deg)}
.sd{position:absolute!important;inset:0;width:100%!important;max-width:none!important;height:100%;border-radius:0!important;overflow:hidden;box-shadow:0 4px 14px #000c!important;cursor:zoom-in}
.sd img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;display:block}
.spread{position:relative;width:calc(92% * var(--tw));aspect-ratio:calc(2 * var(--ar));display:flex;box-shadow:0 10px 26px rgba(0,0,0,.65),0 2px 5px rgba(0,0,0,.5)}
.bk.notrim .spread{width:100%}
.spread .sd{position:relative!important;inset:auto;flex:1 1 50%;width:50%!important;box-shadow:none!important}
.spine{position:absolute;left:50%;top:0;bottom:0;width:7%;transform:translateX(-50%);pointer-events:none;z-index:4;background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.10) 30%,rgba(0,0,0,.32) 48%,rgba(255,255,255,.18) 50.5%,rgba(0,0,0,.22) 53%,rgba(0,0,0,.08) 72%,transparent 100%)}
.stp{display:none;position:absolute;left:50%;width:max(3px,var(--sw));height:var(--sl);transform:translate(-50%,-50%);z-index:5;border-radius:3px;pointer-events:none;background:linear-gradient(90deg,#5f666d 0,#c9ced3 30%,#fff 48%,#aeb4ba 66%,#6a7178 100%);box-shadow:0 1px 1.5px rgba(0,0,0,.55),0 0 0 .5px rgba(0,0,0,.25)}
.stp::before,.stp::after{content:"";position:absolute;left:50%;width:160%;height:max(2px,8%);transform:translateX(-50%);border-radius:2px;background:linear-gradient(90deg,#3c4146,#9aa0a6 50%,#3c4146);opacity:.85}
.stp::before{top:-1px}.stp::after{bottom:-1px}
.stp.s1{top:25%}.stp.s2{top:75%}
.spread.staples .stp{display:block}
dialog.wide{max-width:min(980px,96vw)}
/* m77: seamless spread: pages butt together, crease overlays the join */
.spread{gap:0;border:0;padding:0;border-radius:0;overflow:hidden;background:#000}
.spread .sd{flex:0 0 50%!important;margin:0!important;border:0!important;outline:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;background:none!important}
.spread .sd img{border-radius:0!important;border:0!important}
.spread .sd.back img{width:calc(100% + 1px)!important}
.spread .sd.front{z-index:1}.spread .spine{z-index:4}
.bkstd2{z-index:0}.spread{z-index:1}
.sd img,.spread .sd img,.det .sd img{object-fit:cover!important}
/* m78: disabled icon buttons */
.ibtn:disabled,.ibtn[aria-disabled=true]{opacity:.35;cursor:not-allowed;background:#1b1b22!important;border-color:var(--line)!important;color:var(--txt)!important}
.ibtn:disabled:hover,.ibtn:disabled:active{border-color:var(--line)!important;transform:none}
.ibw{display:inline-flex;cursor:not-allowed}
.det .dmedia:not(:has(.bk.both)){max-width:min(340px,100%)}
/* m79: Safari-safe flip, shared spread tilt */
.flipper,.fc{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.fc,.fc .sd,.fc .sd img{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.fc.front{transform:rotateY(0deg)}
.spread{transform-origin:50% 50%;transition:transform .25s ease-out;will-change:transform;touch-action:none;background:#1b1b22}
.spread.on{transition:transform .06s linear}
.spread .sd{transform:none!important;will-change:auto}
.ibtn.ld{opacity:.5;cursor:progress;animation:ibld 1s ease-in-out infinite}
@keyframes ibld{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.spread{transform:none!important;transition:none}}
.credits{max-width:720px;margin:28px auto 8px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:#15151b;font-size:14px;line-height:1.55}
.credits h2{margin:0 0 8px;font-size:16px;letter-spacing:.04em}.credits p{margin:0 0 8px}.credits a{color:var(--acc)}
.flinks a+a{margin-left:12px}

/* ---- m81 holographic foil (cascading prismatic bands + parallax band + glitter + moving specular) ---- */
.fx,.tilt,.sd,.spread{--px:.5;--py:.5}
.on .shine{opacity:.55} /* non-foil glare toned down (was .8) */
.f-foil .shine,.f-metal .shine{opacity:.6;overflow:hidden;mix-blend-mode:color-dodge;transition:opacity .4s;
 background:
  linear-gradient(calc(110deg + (var(--px) - .5) * 40deg),transparent calc(var(--px) * 100% - 38%),rgba(255,255,255,.28) calc(var(--px) * 100% - 6%),rgba(255,255,255,.42) calc(var(--px) * 100%),rgba(255,255,255,.28) calc(var(--px) * 100% + 6%),transparent calc(var(--px) * 100% + 38%)),
  repeating-radial-gradient(circle at 23% 31%,rgba(255,255,255,.55) 0 .6px,transparent 1px 7px),
  repeating-radial-gradient(circle at 71% 64%,rgba(255,255,255,.4) 0 .5px,transparent .9px 11px);
 background-position:0 0,calc(var(--px) * 9px) calc(var(--py) * 9px),calc(var(--px) * -13px) calc(var(--py) * -13px)}
.f-foil .shine::before,.f-foil .shine::after,.f-metal .shine::before,.f-metal .shine::after{content:"";position:absolute;inset:-60%;will-change:transform;pointer-events:none;transition:transform .35s ease-out}
/* main band: diagonal rainbow waves sweeping across the whole surface */
.f-foil .shine::before{background:repeating-linear-gradient(118deg,
  transparent 0,hsla(0,100%,62%,.55) 3%,hsla(45,100%,60%,.6) 6%,hsla(110,100%,58%,.55) 9%,hsla(185,100%,60%,.6) 12%,hsla(250,100%,68%,.55) 15%,hsla(310,100%,66%,.5) 18%,transparent 23%,transparent 30%);
 transform:translate3d(calc((var(--px) - .5) * -34%),calc((var(--py) - .5) * -26%),0)}
/* parallax band: offset angle + opposite, faster drift */
.f-foil .shine::after{mix-blend-mode:overlay;opacity:.75;background:repeating-linear-gradient(62deg,
  transparent 0,hsla(200,100%,70%,.5) 2.5%,hsla(290,100%,72%,.45) 5%,hsla(40,100%,66%,.5) 7.5%,transparent 11%,transparent 19%);
 transform:translate3d(calc((var(--px) - .5) * 52%),calc((var(--py) - .5) * 40%),0)}
/* cooler silver variant for metal finish */
.f-metal .shine{mix-blend-mode:overlay}
.f-metal .shine::before{background:repeating-linear-gradient(118deg,transparent 0,rgba(210,225,240,.7) 4%,#fff 6%,rgba(160,180,205,.6) 9%,transparent 14%,transparent 22%);transform:translate3d(calc((var(--px) - .5) * -34%),calc((var(--py) - .5) * -26%),0)}
.f-metal .shine::after{opacity:.5;background:repeating-linear-gradient(62deg,transparent 0,rgba(190,215,255,.6) 3%,transparent 8%,transparent 16%);transform:translate3d(calc((var(--px) - .5) * 52%),calc((var(--py) - .5) * 40%),0)}
.on.f-foil .shine,.on.f-metal .shine,.on .f-foil .shine{opacity:.9}
.on .f-foil .shine::before,.on.f-foil .shine::before,.on .f-foil .shine::after,.on.f-foil .shine::after,.on.f-metal .shine::before,.on.f-metal .shine::after,.tiltlive .shine::before,.tiltlive .shine::after{transition:transform .08s linear}
/* idle: slow cascading auto-shimmer (bands travel diagonally), paused while the pointer drives it */
@keyframes foilA{0%{transform:translate3d(18%,12%,0)}100%{transform:translate3d(-18%,-12%,0)}}
@keyframes foilB{0%{transform:translate3d(-26%,-20%,0)}100%{transform:translate3d(26%,20%,0)}}
.f-foil:not(.on):not(.tiltlive) .shine::before,.f-metal:not(.on):not(.tiltlive) .shine::before{animation:foilA 7s ease-in-out infinite alternate}
.f-foil:not(.on):not(.tiltlive) .shine::after,.f-metal:not(.on):not(.tiltlive) .shine::after{animation:foilB 9s ease-in-out infinite alternate}
.spread.on .sd.f-foil .shine::before,.spread.on .sd.f-foil .shine::after{animation:none}
/* the spread is one object: the right page continues the left page's bands */
.spread .sd.front .shine::before,.spread .sd.front .shine::after{margin-left:-100%}
@media (prefers-reduced-motion:reduce){.f-foil .shine::before,.f-foil .shine::after,.f-metal .shine::before,.f-metal .shine::after{animation:none!important;transition:none}}
/* m81 tune: glitter as tiled dots (no ring moiré), less wash-out on light covers */
.f-foil .shine,.f-metal .shine{opacity:.42;
 background:
  linear-gradient(calc(110deg + (var(--px) - .5) * 40deg),transparent calc(var(--px) * 100% - 38%),rgba(255,255,255,.22) calc(var(--px) * 100% - 6%),rgba(255,255,255,.34) calc(var(--px) * 100%),rgba(255,255,255,.22) calc(var(--px) * 100% + 6%),transparent calc(var(--px) * 100% + 38%)),
  radial-gradient(circle,rgba(255,255,255,.9) 0 .7px,transparent 1.2px),
  radial-gradient(circle,rgba(255,255,255,.7) 0 .6px,transparent 1px);
 background-size:auto,7px 9px,11px 13px;
 background-position:0 0,calc(var(--px) * 9px) calc(var(--py) * 9px),calc(var(--px) * -13px + 3px) calc(var(--py) * -13px + 5px)}
.on.f-foil .shine,.on.f-metal .shine,.on .f-foil .shine{opacity:.72}

/* m82 lore + box set */
.lore{margin:10px 0;padding:9px 12px;border-left:3px solid var(--acc);background:linear-gradient(90deg,rgba(255,196,0,.10),rgba(255,196,0,.02));border-radius:0 8px 8px 0;font-size:13.5px;line-height:1.5}
.lore b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:2px}.lore p{margin:0}
.grp{font-size:13.5px;line-height:1.9}.glink{background:#1b1b22;border:1px solid var(--line);color:var(--txt);border-radius:999px;padding:2px 10px;margin:0 4px 4px 0;font-size:12.5px;cursor:pointer}
.glink:hover{border-color:var(--acc);color:var(--acc)}
/* m83: no repeating glitter grid (iOS showed a dot lattice). Non-repeating random sparkle stretched over the cover, only visible near the pointer highlight */
.f-foil .shine,.f-metal .shine{
 background:
  linear-gradient(calc(110deg + (var(--px) - .5) * 40deg),transparent calc(var(--px) * 100% - 38%),rgba(255,255,255,.22) calc(var(--px) * 100% - 6%),rgba(255,255,255,.34) calc(var(--px) * 100%),rgba(255,255,255,.22) calc(var(--px) * 100% + 6%),transparent calc(var(--px) * 100% + 38%)),
  url(/img/foil-sparkle.png) center/100% 100% no-repeat;
 -webkit-mask-image:none;mask-image:none}

/* m84 box set: no staples / crease; alternate image link */
.bk.nostap .stp,.bk.nostap .spine{display:none!important}.bk.nostap .spread{gap:6px;background:none;box-shadow:none;overflow:visible}.bk.nostap .spread .sd{box-shadow:0 6px 16px #000b!important}
.altimg{display:inline-flex;gap:10px;align-items:center;margin:4px 0 10px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#1b1b22;color:var(--txt);text-decoration:none;font-size:13px}
.altimg:hover{border-color:var(--acc)}.altimg img{width:120px;height:auto;border-radius:3px!important;display:block}.altimg small{display:block}
.cont{margin:2px 0 4px 18px;padding:0;font-size:13px;line-height:1.5}

/* m86 collector items shelf */
.shelf-h{grid-column:1/-1;margin:14px 0 2px;font-size:17px;letter-spacing:.03em;border-bottom:1px solid var(--line);padding-bottom:6px}.shelf-h small{font-size:12px;font-weight:400;margin-left:8px}
.card[data-id^="sth-boxset"],.card[data-id^="sth-collector"]{outline:1px solid rgba(255,196,0,.35)}
.also{display:inline-block;margin-top:4px;padding:1px 8px;font-size:11px;border-radius:999px;border:1px solid var(--acc);background:none;color:var(--acc);cursor:pointer}.also:hover{background:var(--acc);color:#000}

/* m87 logo foil: mask the whole foil stack (bands, parallax, sparkle, specular) to the logo letters */
.f-logo-foil .shine{-webkit-mask-image:var(--fm);mask-image:var(--fm);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:.85;mix-blend-mode:color-dodge}
.on.f-logo-foil .shine,.on .f-logo-foil .shine{opacity:1}
.f-logo-foil .shine::before{filter:saturate(1.4)}
.shelf-tog{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.shelf-tog:focus-visible{outline:2px solid var(--acc);outline-offset:3px}.chev{color:var(--acc);font-size:15px}.card.ci[hidden]{display:none}

/* m91 museum-only UNRELEASED ribbon (top-right, mirrored preorder ribbon in grey). Class is museum-only; shop cards never use .mribbon */
.card.fx>.mribbon,#dl .mribbon{position:absolute;top:0;right:0;width:96px;height:96px;overflow:hidden;pointer-events:none;z-index:6}
.card.fx>.mribbon>i,#dl .mribbon>i{position:absolute;top:21px;right:-34px;width:140px;transform:rotate(45deg);background:#8a8f98;color:#fff;font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1;text-align:center;padding:5px 0;box-shadow:0 2px 6px rgba(0,0,0,.55);border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(0,0,0,.25)}
#dl .mribbon{width:110px;height:110px}#dl .mribbon>i{top:25px;right:-36px;width:160px;font-size:13px}
.card.fx:has(.mribbon) .tog{left:6px;right:auto}
@media (max-width:600px){.card.fx>.mribbon{width:80px;height:80px}.card.fx>.mribbon>i{top:17px;right:-32px;width:122px;font-size:10px;padding:4px 0}}

/* m93 unreleased pill under detail image */
.upill{background:#8a8f98;color:#fff;text-align:center;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;padding:6px 0;border-radius:0 0 8px 8px;margin-top:6px;max-width:100%}
#dl .mribbon{display:none!important}
.upill{display:block;box-sizing:border-box;align-self:flex-start}

/* m98: spot foil gold shine when moving (mask-clipped, idle unchanged) */
.on.f-logo-foil .shine::before,.on .f-logo-foil .shine::before,.tiltlive.f-logo-foil .shine::before,.tiltlive .f-logo-foil .shine::before{filter:saturate(1.5) brightness(1.35) contrast(1.15) sepia(.25)}
.on.f-logo-foil .shine::after,.on .f-logo-foil .shine::after,.tiltlive.f-logo-foil .shine::after,.tiltlive .f-logo-foil .shine::after{inset:0;transform:none;animation:none;mix-blend-mode:screen;opacity:1;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#fffbe8 0,#ffe39acc 12%,#f5c84a55 26%,transparent 42%),linear-gradient(var(--ang,115deg),transparent 28%,#f3d27a99 40%,#fff4d0e6 48%,#fffef8 50%,#fff4d0e6 52%,#e9be5a99 60%,transparent 72%)}

.mtop{display:flex;justify-content:space-between;align-items:center;gap:8px;position:sticky;top:64px;z-index:4;pointer-events:none}
.mtop>*{pointer-events:auto}
.mtop .viewtog{position:static;margin:6px 0}
.mtop .crbtn{background:var(--card);border:1px solid var(--line);border-radius:999px;color:var(--txt);padding:9px 16px;cursor:pointer;white-space:nowrap;font:inherit;font-size:13px;font-weight:600;line-height:1}
.mtop .crbtn:hover{border-color:var(--acc)}
.mtop .crbtn{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#b8862b,#f6d77a 45%,#d4a640 60%,#9c6f1c);color:#2a1a00;border-color:transparent;box-shadow:inset 0 0 0 1px rgba(255,240,190,.5)}
.mtop .crbtn:hover{border-color:transparent;filter:brightness(1.07)}
.mtop .crbtn::after{content:"";position:absolute;top:0;bottom:0;left:0;width:60%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-160%) skewX(-15deg);animation:bsheen 3.6s ease-in-out infinite;will-change:transform;pointer-events:none}
@media (prefers-reduced-motion:reduce){.mtop .crbtn::after{animation:none;display:none}}
dialog.crdlg{max-width:min(640px,94vw);width:min(640px,94vw);max-height:90dvh;overflow:auto;padding:18px 20px;font-size:14px;line-height:1.55;border-color:var(--line)}
dialog.crdlg h2{margin:0 0 10px;font-size:18px;letter-spacing:.04em}
dialog.crdlg p{margin:0 0 10px}dialog.crdlg a{color:var(--acc)}
dialog.crdlg .crx{float:right;margin:-8px -10px 6px 8px;width:40px;height:40px;border-radius:50%;background:#000d;color:var(--txt);border:1px solid var(--line);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
dialog.crdlg .crx:hover{border-color:var(--acc);color:var(--acc)}

.pano{position:absolute;left:6px;bottom:6px;z-index:3;pointer-events:none;background:linear-gradient(90deg,#1d5fd1,#7b3fe4);color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 7px;border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.5)}
.card{container-type:inline-size}
.card .pano{bottom:auto;top:calc(150cqw - 26px)}

.bar .rstbtn{background:var(--card);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer;font:inherit}.bar .rstbtn:hover{border-color:var(--acc)}

.rstbtn{background:var(--card);color:var(--txt);border:1px solid var(--line);border-radius:999px;padding:9px 14px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;line-height:1;white-space:nowrap}.rstbtn:hover{border-color:var(--acc)}.mtop .rstbtn{margin-right:auto}
.bar input[type=search]{flex:1 1 100%!important;order:0!important}.bar #fr,.bar #ser{order:1!important;flex:1 1 calc(50% - 4px)!important;min-width:0}.bar>*{order:7}
@media(max-width:420px){.viewtog button{padding:6px 10px}.mtop .rstbtn,.mtop .crbtn{padding:9px 11px}}
.bar #ty,.bar #fiw{order:2!important;flex:1 1 calc(50% - 4px)!important;min-width:0}.bar #ar{order:3!important;flex:1 1 calc(50% - 4px)!important;min-width:0}.bar #yr{order:3!important;flex:1 1 calc(50% - 4px)!important;min-width:0}.bar #ar{order:3!important}.bar #clw,.bar #sort{order:4!important;flex:1 1 calc(50% - 4px)!important;min-width:0}.bar .chks{order:5!important}.bar #fiw>summary,.bar #clw>summary{width:100%;box-sizing:border-box}
.bar #yr{order:4!important}.bar #clw,.bar #sort{order:5!important}.bar .chks{order:6!important}
.bar #ar{order:4!important}.bar #yr{order:3!important}
.bar #ar{order:3!important}.bar #yr{order:4!important}
.bar select,.bar #fiw>summary,.bar #clw>summary{font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1.2}
.bar select,.bar input,.bar #fiw>summary,.bar #clw>summary{font-size:13px!important}