*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111110;color:#eae4d6;font:15px/1.7 'Malgun Gothic',sans-serif;word-break:keep-all}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}a:hover,a:focus-visible{color:#e2c887}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e2c887;outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:20;background:#111;padding:8px}.top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px max(4vw,24px);background:#151514ee;border-bottom:1px solid #39362f;backdrop-filter:blur(12px)}.brand{font-family:Georgia,serif;font-size:22px;letter-spacing:1px}.brand span{font:11px 'Malgun Gothic',sans-serif;color:#cdb57d;letter-spacing:0;margin-left:10px}.top nav{display:flex;gap:24px;font-size:13px}.top nav [aria-current]{color:#e2c887;border-bottom:1px solid #e2c887}main{max-width:1380px;padding:0 5vw;margin:auto}.hero{padding:80px 0 62px;border-bottom:1px solid #39362f}.eyebrow{color:#cdb57d;font-size:11px;font-weight:bold;letter-spacing:2px}.hero h1{font-family:Georgia,'Malgun Gothic',serif;font-size:clamp(38px,5vw,68px);font-weight:400;line-height:1.2;margin:16px 0 20px}.hero p{max-width:820px;color:#c8c2b5;font-size:17px}.hero-numbers{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-numbers span{border:1px solid #5b4e35;background:#211e18;padding:6px 13px;color:#e0c287;font-size:12px}#collection{padding:52px 0 100px}.collection-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.collection-head h2{font-family:Georgia,'Malgun Gothic',serif;font-weight:400;font-size:32px;margin:8px 0 0}.search{display:grid;gap:7px;color:#cdb57d;font-size:11px}.search input{width:min(320px,80vw);background:#1b1b19;color:#f2ece0;border:1px solid #514839;padding:12px 14px;outline:none}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.filters button{border:1px solid #514839;background:#1b1b19;color:#c8c2b5;padding:8px 14px;cursor:pointer}.filters button[aria-pressed=true]{background:#643127;color:#fff;border-color:#a5624f}.result{font-size:12px;color:#aaa699;margin:0 0 15px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.card{border:1px solid #39362f;background:#1b1b19;text-align:left;color:inherit;cursor:pointer;padding:0;min-width:0;transition:border-color .15s,transform .15s}.card:hover{border-color:#9f8450;transform:translateY(-2px)}.art{height:235px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#333027,#151514 68%);overflow:hidden}.art img{width:100%;height:100%;object-fit:contain}.card.monster .art img{object-fit:cover}.card-copy{display:grid;gap:4px;padding:15px 17px 19px}.card small{color:#cdb57d;font-size:11px}.card strong{font-size:17px;line-height:1.4}.card em{font-size:12px;color:#aaa699;font-style:normal}.pages{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:28px}.pages button{padding:8px 20px;border:1px solid #6a5b40;background:#1b1b19;color:#eae4d6;cursor:pointer}.pages button:disabled{opacity:.4;cursor:default}footer{display:flex;justify-content:space-between;gap:20px;padding:35px 0 55px;border-top:1px solid #39362f;color:#aaa699;font-size:12px}footer a{color:#d7bd83}dialog{width:min(900px,92vw);max-height:88vh;padding:0;overflow:auto;background:#181817;border:1px solid #8e7549;color:#eae4d6}dialog::backdrop{background:#000b}.close{position:sticky;float:right;top:12px;right:12px;border:1px solid #6a5b40;background:#211d17;color:#fff;z-index:2;font-size:23px;width:40px;height:40px;cursor:pointer}.detail{display:grid;grid-template-columns:45% 1fr;gap:28px;padding:35px}.detail-art{display:grid;place-items:center;min-height:280px;background:#121211}.detail-art img{max-width:100%;max-height:470px;object-fit:contain}.detail-art.monster img{width:100%;height:100%;max-height:470px;object-fit:cover}.detail-copy h2{font-size:28px;font-weight:400;line-height:1.35;margin:6px 0 16px}.detail-copy p{color:#ccc6ba}.fact{display:inline-block;margin:4px 5px 4px 0;padding:5px 10px;border:1px solid #615239;color:#dfc287;font-size:12px}.attacks{margin:22px 0 0;padding:16px 0 0;border-top:1px solid #39362f}.attacks h3{font-size:15px}.attacks li{font-size:13px;margin:7px 0;color:#c8c2b5}@media(max-width:980px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.top{align-items:flex-start;flex-direction:column}.top nav{gap:16px}.hero{padding:48px 0}.collection-head{align-items:start;flex-direction:column}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.art{height:185px}.card-copy{padding:12px}.card strong{font-size:14px}.detail{display:block;padding:20px}.detail-art{min-height:230px}footer{display:grid}}@media(max-width:390px){.cards{grid-template-columns:1fr}.art{height:230px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
.card .art{position:relative}.card .art img{position:absolute;inset:24px;width:calc(100% - 48px);height:calc(100% - 48px);object-fit:contain}.card.monster .art img{inset:0;width:100%;height:100%;object-fit:cover}.detail-art{padding:26px}.detail-art.monster{padding:0}
.cards.gem-board{display:block}.gem-grid-wrap{width:100%;overflow-x:auto;padding-bottom:10px}.gem-grid{display:grid;grid-template-columns:110px repeat(5,minmax(145px,1fr));gap:10px;min-width:860px}.gem-head{text-align:center;padding:10px;color:#d8bd83;border-bottom:1px solid #6a5b40;font-weight:bold}.gem-grade{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #514839;background:#211e19}.gem-grade strong{font-size:19px}.gem-grade small{color:#a79c89;font-size:11px}.gem-cell{min-width:0;border:1px solid #514839;background:radial-gradient(circle at 50% 38%,#332d29,#191817 76%);color:#eae4d6;cursor:pointer;text-align:center;padding:12px;display:grid;gap:7px;place-items:center}.gem-cell:hover{border-color:#b69660}.gem-cell img{display:block;width:100%;height:132px;object-fit:contain;padding:8px}.gem-cell span{font-size:12px;color:#d1c6b2}.gem-missing{display:grid;place-items:center;min-height:175px;border:1px dashed #39362f;color:#8f897e;font-size:11px;text-align:center;padding:10px}@media(max-width:700px){.card .art img{inset:18px;width:calc(100% - 36px);height:calc(100% - 36px)}.card.monster .art img{inset:0;width:100%;height:100%}.gem-grid{grid-template-columns:82px repeat(5,135px);min-width:807px}.gem-cell img{height:108px}.gem-missing{min-height:150px}}

.search input:focus-visible{outline:2px solid #e2c887;outline-offset:3px}.detail-model-link{color:#e2c887;text-decoration:underline;text-underline-offset:4px}#collection{scroll-margin-top:80px}@media(max-width:700px){#collection{scroll-margin-top:120px}}
