/* Base style observed on https://pokehit-onepiece-catalog.pages.dev/ on 2026-10-21 KST. */
@font-face{font-family:"Paperlogy";src:url("fonts/Paperlogy-7Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg:#f5f5f7;--card:#fff;--text:#18181b;--muted:#71717a;--line:#e4e4e7;--accent:#6d28d9;--site-font:"Paperlogy","Pretendard","Apple SD Gothic Neo","Noto Sans KR",sans-serif}*{box-sizing:border-box}body,button,input,select{font-family:var(--site-font);font-weight:700}body{margin:0;background:var(--bg);color:var(--text)}header{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);padding:16px}.wrap{max-width:1400px;margin:auto}.tools{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px}input,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.summary{font-size:13px;color:var(--muted);margin-top:10px}
.tools{grid-template-columns:repeat(2,minmax(180px,1.6fr)) repeat(4,minmax(120px,1fr))}
.breadcrumb{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.home-btn{border:0;background:#18181b;color:#fff;padding:8px 13px;border-radius:9px;font-weight:700;cursor:pointer}
#currentSet{font-size:13px;color:var(--muted);font-weight:700}
.box-grid{max-width:1400px;margin:22px auto;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.box-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.06);cursor:pointer;transition:.18s transform,.18s box-shadow}
.box-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px rgba(0,0,0,.1)}
.box-card{position:relative}.latest-badge,.coming-soon-badge,.card-new-badge{position:absolute;top:12px;left:12px;z-index:2;color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;letter-spacing:.04em}.latest-badge,.card-new-badge{background:#ef4444;box-shadow:0 4px 12px rgba(239,68,68,.35)}.coming-soon-badge{background:linear-gradient(135deg,#d6a84b,#8f6420);border:1px solid #ffe29a;box-shadow:0 4px 12px rgba(91,59,12,.32)}
.box-subtitle{font-size:12px;color:var(--muted);margin-top:3px;font-weight:700;letter-spacing:.02em}
/* Watermarks are baked into published image files, not CSS overlays. */
.box-cover img{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 10px rgba(0,0,0,.16))}
.box-cover{aspect-ratio:4/5;background:#fff;display:grid;place-items:center;overflow:hidden;padding:18px}
.box-cover img{width:100%;height:100%;object-fit:contain}
.box-body{padding:15px}.box-title{font-weight:900;font-size:19px}.box-count{font-size:12px;color:var(--muted);margin-top:5px}
.box-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.box-tag{font-size:11px;padding:4px 7px;border-radius:999px;background:#f4f4f5;color:#52525b;font-weight:700}
.section-title{grid-column:1/-1;font-size:18px;font-weight:900;margin:16px 0 2px;padding:12px 14px;border-radius:12px;background:#18181b;color:#fff}
.section-title.manga{background:linear-gradient(90deg,#111827,#374151)}
.section-title.wanted{background:linear-gradient(90deg,#7c2d12,#ea580c)}
.section-title.special{background:linear-gradient(90deg,#581c87,#a21caf)}
.section-title.high{background:linear-gradient(90deg,#7f1d1d,#dc2626)}
.section-title.mid{background:linear-gradient(90deg,#1e3a8a,#2563eb)}
.section-title.other{background:linear-gradient(90deg,#374151,#6b7280)}
.hidden{display:none!important}.grid{max-width:1400px;margin:20px auto;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.04)}.image{aspect-ratio:63/88;background:#eee;display:grid;place-items:center}.image img{width:100%;height:100%;object-fit:contain}.missing{color:#a1a1aa;font-size:13px}.info{padding:12px}.name{font-size:15px;font-weight:700}.meta{font-size:12px;color:var(--muted);line-height:1.6;margin-top:6px}
.badges{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}
.price-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0 7px}
.price-cell{display:grid;gap:2px;min-width:0;padding:7px 8px;border:1px solid rgba(61,48,29,.18);border-radius:8px;background:rgba(255,255,255,.58)}
.price-cell small{color:#7a705f;font-size:9px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.price-cell strong{overflow:hidden;color:#172432;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.price-cell.is-loading strong{color:#9a8c72}
.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;line-height:1}
.rarity-L{background:#fef3c7;color:#92400e}.rarity-C{background:#f4f4f5;color:#52525b}.rarity-UC{background:#e5e7eb;color:#374151}
.rarity-R{background:#dbeafe;color:#1d4ed8}.rarity-SR{background:#ede9fe;color:#6d28d9}.rarity-SEC{background:#fee2e2;color:#b91c1c}
.rarity-P{background:#fce7f3;color:#be185d}.rarity-DON{background:#18181b;color:#fff}.rarity-OTHER{background:#e2e8f0;color:#334155}
.rarity-NONE{background:#f4f4f5;color:#71717a}
.version-normal{background:#f4f4f5;color:#52525b}.version-parallel{background:linear-gradient(90deg,#dbeafe,#ede9fe);color:#4338ca}
.version-sp{background:#fae8ff;color:#a21caf}.version-manga{background:#111827;color:#fff}.version-pirate-crew{background:linear-gradient(90deg,#1e3a8a,#7c3aed);color:#fff}.version-gold{background:#fef3c7;color:#a16207}
.version-silver{background:#e5e7eb;color:#475569}.version-box{background:#ffedd5;color:#c2410c}.version-don{background:#292524;color:#fff}
.edition-tabs,.catalog-tabs{display:flex;gap:9px;margin:0 0 12px}.edition-tab,.catalog-tab{min-height:43px;padding:9px 18px;border:1px solid rgba(245,217,138,.52);border-radius:999px;background:rgba(3,17,27,.7);color:#e8edf0;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.2)}.edition-tab.active,.catalog-tab.active{background:linear-gradient(#e0b756,#a97823);border-color:#ffe7a5;color:#172432;box-shadow:0 3px 0 #735019,0 5px 12px rgba(0,0,0,.22)}.edition-tab[data-region="na"].active{background:linear-gradient(#5d9fe5,#285f9b);border-color:#b9ddff;color:#fff;box-shadow:0 3px 0 #173e69,0 5px 12px rgba(0,0,0,.22)}
.character-grid{position:relative;z-index:1;max-width:1400px;margin:24px auto;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.character-card{position:relative;overflow:hidden;border:2px solid #b58a38;border-radius:14px;background:#fff;box-shadow:0 9px 22px rgba(28,31,35,.15);cursor:pointer;transition:transform .18s,box-shadow .18s}.character-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(28,31,35,.24)}.character-cover{aspect-ratio:4/5;overflow:hidden;background:radial-gradient(circle,#fffdf5,#dfc895);display:grid;place-items:center}.character-cover img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.character-body{padding:13px 14px 15px}.character-name{color:#172432;font-size:18px;font-weight:900}.character-note{margin-top:4px;color:#8b4b31;font-size:11px}.character-count{margin-top:7px;color:#6b6254;font-size:12px}.character-intro{position:relative;z-index:2;max-width:1400px;margin:20px auto 0;padding:0 16px}.character-intro-card{padding:17px 19px;border:1px solid #bd943e;border-radius:12px;background:linear-gradient(135deg,#fffdf7,#f7e8c3);box-shadow:0 7px 20px rgba(45,31,12,.1)}.character-intro h2{margin:0;color:#172432;font-size:21px}.character-intro p{margin:7px 0 0;color:#6f6048;font-size:13px;line-height:1.6}




.actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.actions a{text-align:center;text-decoration:none;padding:9px 7px;border-radius:9px;font-size:12px;font-weight:700}.market{background:var(--accent);color:#fff}@media(max-width:760px){.tools{grid-template-columns:1fr 1fr}.tools input{grid-column:1/-1}.catalog-tabs{display:grid;grid-template-columns:1fr 1fr}.catalog-tab{padding:8px 10px}.character-grid{padding:0 10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.character-body{padding:10px}.character-name{font-size:15px}.character-intro{padding:0 10px}}

/* GRAND LINE collector theme */
:root{--ink:#162331;--navy:#0b1d2c;--navy2:#142f43;--gold:#d6a84b;--gold2:#f5d98a;--paper:#efe0bb;--paper2:#f8efd9;--red:#a82d2d;--text:#1e2933;--muted:#6d6658;--line:rgba(87,64,31,.28);--accent:#a82d2d}
body{min-height:100vh;background:#fff;color:var(--text)}
body:before,body:after{content:"";position:fixed;top:0;bottom:0;width:max(220px,calc((100vw - 1400px)/2));pointer-events:none;z-index:0;background-repeat:no-repeat;background-position:center bottom;background-size:min(245px,calc(100% - 12px)) auto;opacity:.97;filter:drop-shadow(0 9px 12px rgba(13,31,42,.18))}
body:before{left:0;background-image:none}
body:after{right:0;background-image:none}
.hero-shell{background-image:linear-gradient(0deg,rgba(4,18,29,.58),rgba(4,18,29,.02) 62%),none;background-position:center top;background-size:cover;background-repeat:no-repeat;border-bottom:3px solid var(--gold);box-shadow:0 7px 22px rgba(14,22,28,.28)}
header{position:relative;min-height:360px;padding:28px 18px;display:flex;align-items:center;background:transparent;border-bottom:1px solid rgba(245,217,138,.4);box-shadow:none}
header .wrap{width:100%}
.catalog-controls{position:relative;z-index:6;padding:14px 18px 16px;background:rgba(4,22,34,.58);border-bottom:0;box-shadow:inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(3px)}.catalog-controls .wrap{max-width:1400px;margin:auto}
.brand{display:inline-flex;align-items:center;gap:14px;margin-bottom:14px;padding:18px 22px;color:#fff;background:linear-gradient(100deg,rgba(3,17,27,.86),rgba(3,17,27,.6));border:1px solid rgba(238,204,122,.36);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(4px)}.brand-mark{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border:2px solid var(--gold);border-radius:50%;background:radial-gradient(circle,#173c55 0 48%,#081b29 49%);box-shadow:0 0 0 4px rgba(214,168,75,.13);font-size:27px}.brand-copy{min-width:0}.brand-kicker{font-family:var(--site-font);font-size:10px;letter-spacing:.28em;color:var(--gold2);font-weight:700}.brand h1{margin:2px 0 0;font-family:var(--site-font);font-size:30px;letter-spacing:-.02em;text-shadow:0 3px 12px #000}.brand-sub{margin-top:3px;color:#dce8ee;font-size:13px;text-shadow:0 2px 8px #000}
.brand-poster{display:block;width:min(550px,42vw);height:auto;border:2px solid rgba(238,204,122,.58);border-radius:20px;box-shadow:0 14px 34px rgba(0,0,0,.34);overflow:hidden}
.breadcrumb{margin:0 0 13px;color:#d8e1e7}.home-btn{width:clamp(165px,16vw,220px);min-height:46px;background:linear-gradient(#bf3c39,#8f2425);border:1px solid #e38475;color:#fff;border-radius:999px;padding:10px 22px;font-size:14px;letter-spacing:.01em;box-shadow:0 3px 0 #571719,0 5px 12px rgba(0,0,0,.18);text-shadow:0 1px 1px #501114}.home-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}#currentSet{color:#f0ddb0;letter-spacing:.04em}
.pokehit-links{position:fixed;inset:0;z-index:20;pointer-events:none}.pokehit-link{position:absolute;bottom:40vh;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:999px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.58);box-shadow:0 5px 16px rgba(0,0,0,.3);text-shadow:0 1px 2px rgba(0,0,0,.5);transition:transform .16s,filter .16s;white-space:nowrap;pointer-events:auto}.pokehit-link:hover{transform:translateY(-2px);filter:brightness(1.09)}.pokehit-home{left:24px;background:linear-gradient(135deg,#244e68,#102b3d)}.pokehit-shop{right:24px;background:linear-gradient(135deg,#d34b3d,#8f2425);border-color:#ef9c86}
.top-btn{position:fixed;z-index:35;min-width:112px;min-height:46px;padding:10px 18px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:linear-gradient(135deg,#285d7a,#0c2b3e);color:#fff;font-size:13px;box-shadow:0 6px 18px rgba(0,0,0,.32);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .18s,transform .18s,visibility .18s,filter .18s}.top-btn.show{opacity:1;visibility:visible;transform:translateY(0)}.top-btn:hover{filter:brightness(1.12)}.top-btn-side{bottom:calc(40vh + 58px)}.top-btn-left{left:24px}.top-btn-right{right:24px}.catalog-jump-btn{background:linear-gradient(135deg,#d6a84b,#8f6420);border-color:#ffe29a;color:#172432;text-shadow:0 1px rgba(255,255,255,.3)}.top-btn-mobile{display:none;right:22px;bottom:70px}
.tools{padding:12px;border:1px solid rgba(245,217,138,.32);border-radius:14px;background:rgba(3,15,24,.42);box-shadow:inset 0 1px rgba(255,255,255,.05)}input,select{min-height:44px;border:1px solid #a58750;border-radius:9px;background:linear-gradient(#fffaf0,#eee0bd);color:#2d2920;font-weight:700;box-shadow:inset 0 1px 2px rgba(76,51,20,.12)}input:focus,select:focus{outline:2px solid var(--gold);outline-offset:1px}.summary{color:#d7e0e5;font-weight:700;padding-left:4px}
.box-grid,.grid{position:relative;z-index:1}.box-grid{gap:22px;margin-top:28px}.box-card{border:1px solid #826c45;border-radius:12px;background:linear-gradient(145deg,var(--paper2),#e7d3a8);box-shadow:0 8px 0 rgba(70,50,24,.16),0 14px 28px rgba(37,29,18,.16)}.box-card:before{content:"";position:absolute;inset:7px;border:1px solid rgba(122,89,43,.25);border-radius:7px;pointer-events:none;z-index:1}.box-card:hover{transform:translateY(-6px) rotate(-.25deg);box-shadow:0 10px 0 rgba(70,50,24,.13),0 22px 38px rgba(37,29,18,.24)}.box-cover{background:radial-gradient(circle at 50% 45%,#fffdf6,#dfc796);border-bottom:1px solid #a58a5b;padding:20px}.box-body{position:relative;padding:17px 18px 20px}.box-title{font-family:var(--site-font);font-size:21px;color:var(--navy);letter-spacing:.04em}.box-subtitle{color:#7c3b2d}.box-count{color:#685e4d}.box-tag{border:1px solid rgba(91,68,35,.18);background:rgba(255,250,235,.68);color:#544630}.latest-badge,.card-new-badge{background:linear-gradient(135deg,#d94b3f,#8d1e23);border:1px solid #ff9b83;box-shadow:0 4px 12px rgba(85,16,19,.35)}
@media(max-width:1740px){body:before,body:after{display:none}}
.box-card{background:#fff;border:2px solid #245270;box-shadow:0 8px 22px rgba(15,38,53,.12)}
.box-card:before{border-color:rgba(22,64,91,.16)}
.box-card .box-cover,.box-card .box-body{background:#fff}
.box-release{margin-top:10px;color:#685e4d;font-size:13px;font-weight:800;line-height:1.45}
.box-card .box-cover{border-bottom:1px solid currentColor}
.box-card .box-cover img{background:#fff;filter:none;box-shadow:none}
.box-card[data-set^="OP-"]{border-color:#245f86;color:#245f86}
.box-card[data-set^="EB-"]{border-color:#b63b3b;color:#b63b3b}
.box-card[data-set^="PRB-"]{border-color:#c39731;color:#9a731d}
.box-card[data-set="프로모"]{border-color:#25805d;color:#25805d}
.box-card[data-set="DON 프로모"]{border-color:#7653a6;color:#7653a6}
.box-card .box-title{color:#172432}.box-card .box-count{color:#6b7280}
.set-information{position:relative;z-index:2;max-width:1400px;margin:22px auto 4px;padding:0 16px}.set-information.hidden{display:none}.set-info-card{padding:20px;border:1px solid #bf8f31;border-radius:12px;background:linear-gradient(135deg,#fffdf7,#fff8e9);box-shadow:0 8px 24px rgba(45,31,12,.11)}.set-info-title{margin:0 0 13px;color:#172432;font-size:21px;font-weight:900}.set-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 34px;color:#3f3a31;font-size:13px;line-height:1.65}.set-info-grid strong{color:#173c55}.set-info-note{margin:10px 0 0;color:#a64726;font-size:12px}.set-info-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.set-info-actions a{padding:9px 12px;border-radius:7px;background:#123b55;color:#fff;text-decoration:none;font-size:12px;box-shadow:0 2px 0 #082435}.set-info-actions a.market-link{background:#d83434;box-shadow:0 2px 0 #9b1e1e}.set-info-rarities{grid-column:1/-1}.set-info-rarities span{color:#5f574a}
.section-title{font-family:var(--site-font);border:1px solid #d8b866;border-radius:8px;background:linear-gradient(90deg,#0d2638,#234d63);box-shadow:0 4px 0 rgba(26,31,30,.18);letter-spacing:.03em}.section-title:before{content:"✦";color:var(--gold2);margin-right:9px}.section-title.wanted{background:linear-gradient(90deg,#74321f,#b55a29)}.section-title.manga{background:linear-gradient(90deg,#17191c,#41454a)}.section-title.pirate-crew{background:linear-gradient(90deg,#152a55,#6343a5)}.section-title.special{background:linear-gradient(90deg,#502657,#8d416f)}.section-title.high{background:linear-gradient(90deg,#702827,#a64035)}.section-title.mid{background:linear-gradient(90deg,#173b56,#2e6684)}
.grid{gap:18px}.card{border:1px solid #795f38;border-radius:11px;background:linear-gradient(#fffaf0,#ead8ae);box-shadow:0 7px 18px rgba(48,35,18,.16);transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-5px);box-shadow:0 15px 28px rgba(35,28,18,.26)}.image{margin:7px 7px 0;border-radius:7px;background:#d6c39c;overflow:hidden;box-shadow:0 0 0 1px #70593a}.info{padding:12px 13px 14px}.name{font-family:var(--site-font);color:#172432;min-height:36px}.meta{color:#756b58}.badge{border:1px solid rgba(50,40,25,.13)}.market{background:linear-gradient(135deg,#173c55,#0b2536);border:1px solid #416c81;color:#fff;box-shadow:0 3px 0 #061722}.market:hover{background:linear-gradient(135deg,#235672,#12364b)}
@media(max-width:1740px){.pokehit-links{position:fixed;inset:auto 10px 10px 10px;width:auto;height:auto;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;pointer-events:none}.pokehit-link{position:static;width:100%;height:44px;min-width:0;min-height:44px;padding:8px 6px;font-size:12px;line-height:1.2;pointer-events:auto}.pokehit-link:hover{transform:translateY(-2px)}.top-btn-side{display:none}.catalog-jump-btn.top-btn-side{display:block;left:10px;bottom:70px}.top-btn-mobile{display:block}}
@media(max-width:760px){header{min-height:205px;padding:12px 14px;background-position:67% top;justify-content:flex-start}header .wrap{display:flex;justify-content:flex-start}.catalog-controls{position:relative;padding:12px}.brand-poster{width:min(64vw,320px);height:auto;border-radius:13px}.home-btn{width:190px;max-width:52vw;min-height:44px;padding:9px 18px;font-size:14px}.catalog-jump-btn.top-btn-side{left:14px;bottom:70px;min-width:116px;min-height:42px;padding:8px 12px;font-size:12px}.top-btn-mobile{right:14px;bottom:70px;min-width:104px;min-height:42px;padding:8px 14px;font-size:12px}.box-grid{padding:0 12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.box-cover{padding:10px}.box-body{padding:12px}.box-title{font-size:16px}.box-subtitle{font-size:10px}.set-information{margin-top:14px;padding:0 10px}.set-info-card{padding:15px}.set-info-title{font-size:17px}.set-info-grid{grid-template-columns:1fr;gap:5px}.set-info-rarities{grid-column:auto}.set-info-actions{display:grid;grid-template-columns:1fr 1fr}.set-info-actions a{text-align:center}.grid{padding:0 10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.info{padding:9px}.name{font-size:13px}.price-row{gap:4px}.price-cell{padding:6px 4px}.price-cell small{font-size:8px}.price-cell strong{font-size:clamp(8px,2.3vw,10px);letter-spacing:-.04em;text-overflow:clip}.actions a{font-size:10px}.section-title{font-size:15px}}
.box-card[data-set^="ST-"] .box-cover img,.box-card[data-set^="SD-"] .box-cover img{width:88%;height:88%;background:transparent}
.box-card[data-product="true"] .box-cover img{width:88%;height:88%;background:transparent}
.reveal-note{margin:7px 0;padding:6px 8px;border-radius:7px;background:#fff6dc;color:#715017;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.reveal-note a{color:inherit;text-underline-offset:2px}
.image[data-kind="reveal_photo"] img,.image[data-kind="padded_card"] img{object-fit:cover;object-position:center}
.guide-toolbar{display:flex;justify-content:flex-end;margin:0 0 12px}.guide-open{min-height:44px;padding:10px 17px;border:1px solid #ebcc84;border-radius:10px;background:#fff7df;color:#173c55;cursor:pointer}.grade-badge{cursor:pointer;min-height:30px;line-height:1.35;text-align:left}.grade-badge:focus-visible,.guide-open:focus-visible,.detail-open:focus-visible,.catalog-dialog button:focus-visible,.catalog-dialog a:focus-visible{outline:3px solid #237fb0;outline-offset:3px}.detail-open{width:100%;min-height:40px;margin-top:10px;padding:8px;border:1px solid #a88b55;border-radius:8px;background:#fff9e9;color:#173c55;font-size:12px;cursor:pointer}.grade-note{font-size:11px;color:#6b6254;line-height:1.5;margin:7px 0;overflow-wrap:anywhere}.catalog-dialog{padding:0;width:min(980px,calc(100% - 32px));max-height:88dvh;border:1px solid #b69a62;border-radius:18px;background:#fffdf7;color:#172432;box-shadow:0 24px 80px #0005;overflow:hidden}.catalog-dialog::backdrop{background:#04121dd1}.dialog-shell{display:flex;flex-direction:column;max-height:88dvh}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #dacbaa;background:#fff8e7;flex:none}.dialog-header h2{margin:0;font-size:22px}.dialog-close{min-width:52px;min-height:44px;border:1px solid #8c7852;border-radius:9px;background:white;color:#172432;cursor:pointer}.dialog-content{padding:22px;overflow-y:auto;overscroll-behavior:contain;line-height:1.65}.dialog-content h3{font-size:19px;line-height:1.4;margin:0 0 12px}.dialog-content h4{font-size:15px;margin:14px 0 5px}.dialog-content p{font-size:13px;margin:8px 0}.dialog-content a{color:#155a83;text-underline-offset:3px}.guide-intro{padding:14px 17px;border-left:4px solid #b88b30;border-radius:6px;background:#f8efd8}.guide-nav{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.guide-nav button{padding:9px 12px;border:1px solid #baa276;border-radius:999px;background:#fff;color:#173c55;cursor:pointer;min-height:40px}.guide-section{padding:22px 0;border-top:1px solid #e3d8bf;scroll-margin-top:18px}.guide-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.guide-row{padding:13px 15px;background:#f7f1e4;border:1px solid #e4d7bb;border-radius:10px}.guide-row strong{font-size:14px}.guide-row p{font-size:12px;color:#5f594d}.guide-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.guide-examples.four{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-example{margin:0;min-width:0}.guide-example img{width:100%;aspect-ratio:63/88;object-fit:contain;border:1px solid #b9a276;border-radius:8px;background:#e9ddc3}.guide-example figcaption{font-size:12px;line-height:1.55;padding:8px 1px;overflow-wrap:anywhere}.guide-example small{display:block;color:#766c59;font-size:10px}.detail-layout{display:grid;grid-template-columns:minmax(170px,280px) minmax(0,1fr);gap:24px}.detail-image{width:100%;max-height:60dvh;object-fit:contain;border-radius:10px;background:#eee3cb}.detail-fields{display:grid;grid-template-columns:110px minmax(0,1fr);gap:9px 12px;font-size:13px;margin:15px 0}.detail-fields dt{color:#76674f}.detail-fields dd{margin:0;overflow-wrap:anywhere}.detail-sources{padding:12px 15px;background:#f4eddf;border-radius:9px;margin-top:16px}.detail-sources a{display:block;font-size:12px;overflow-wrap:anywhere;margin:4px 0}.empty-results{grid-column:1/-1}.rarity-SP,.rarity-TR{background:#f5e4fb;color:#7b2579}
@media(max-width:760px){.guide-toolbar{justify-content:stretch}.guide-open{width:100%;font-size:13px}.catalog-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.dialog-shell{height:100dvh;max-height:100dvh}.dialog-header{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}.dialog-header h2{font-size:18px}.dialog-content{padding:16px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.guide-rows{grid-template-columns:1fr}.guide-examples,.guide-examples.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-layout{grid-template-columns:1fr;gap:16px}.detail-image{max-height:48dvh}.detail-fields{grid-template-columns:94px minmax(0,1fr)}.grade-badge{font-size:10px;padding:4px 6px}.dialog-close{flex:none}}
@media(prefers-reduced-motion:reduce){.card,.box-card,.character-card,.top-btn{transition:none!important}html{scroll-behavior:auto!important}}
.dialog-content h3,.dialog-content p,.guide-row,.grade-badge{overflow-wrap:anywhere}.dialog-content:focus{outline:none}
/* Keep every card in the DOM; defer only off-screen layout/paint in large sets. */
@supports(content-visibility:auto){.card{content-visibility:auto;contain-intrinsic-size:auto 570px}}
.box-card .box-cover{position:relative;aspect-ratio:1/1;padding:0;min-height:0}
.box-card .box-cover img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;object-position:center}
.product-gallery{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0 18px}
.product-gallery figure{margin:0;width:min(210px,calc(50% - 8px));min-width:0;text-align:center}
.product-gallery img{display:block;width:100%;height:200px;object-fit:contain;background:#fff;border:1px solid #e2d6bf;border-radius:10px;padding:14px;box-sizing:border-box}
.product-gallery figcaption{margin-top:6px;font-size:12px;color:#173c55}
@media(max-width:760px){.product-gallery img{height:155px;padding:10px}}

.wm3-fallback{position:absolute;pointer-events:none;z-index:3;overflow:hidden}.wm3-fallback>i{position:absolute;left:50%;width:94%;aspect-ratio:3/1;transform:translate(-50%,-50%) rotate(-26deg);opacity:.35;background:var(--wm3-logo) center/contain no-repeat;filter:drop-shadow(0 1px 1px #0c253385)}.wm3-fallback>i:nth-child(1){top:25%}.wm3-fallback>i:nth-child(2){top:50%}.wm3-fallback>i:nth-child(3){top:75%}.ph-watermark{display:none!important}