:root{--pine:#1e3328;--sage:#5e7f6b;--powder:#a9bfae;--gold:#d9a441;--glow:#f4d27a;--parch:#ede6d3;--char:#131a16;--line:#d9a44173;--hair:#a9bfae2e}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--char);overflow-x:clip}html,body{background:var(--char);color:var(--parch);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}body{flex-direction:column;justify-content:safe center;min-height:100svh;display:flex}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.backdrop{z-index:0;background:#0d1411;height:100lvh;position:fixed;top:0;left:0;right:0}#ffs{z-index:1;pointer-events:none;height:100lvh;position:fixed;top:0;left:0;right:0}.backdrop img{object-fit:cover;filter:saturate(.8)brightness(.55)blur(1px);width:100%;height:100%;transform:scale(1.02)}.backdrop:after{content:"";background:radial-gradient(70% 75% at 50% 52%,#0d141140,#0d1411c7 100%);position:absolute;inset:0}.ff{z-index:1;background:var(--glow);pointer-events:none;border-radius:50%;width:3px;height:3px;animation:5s ease-in-out infinite ffl;position:absolute;box-shadow:0 0 6px 2px #f4d27a80}@keyframes ffl{0%,to{opacity:.1;transform:translate(0)}50%{opacity:.9;transform:translate(5px,-9px)}}.book{z-index:2;border:1px solid var(--line);background:linear-gradient(#18221de6,#111915ed);border-radius:18px;width:min(1640px,100%);margin:0 auto;padding:46px 64px 84px;position:relative;box-shadow:0 30px 80px #0000008c,inset 0 0 0 7px #111915f2,inset 0 0 0 8px #d9a44138}.book:before{content:"";background:linear-gradient(#0000,#d9a4412e 20% 80%,#0000);width:1px;position:absolute;top:22px;bottom:22px;left:50%}.head{border-bottom:1px solid var(--hair);z-index:1;background:inherit;justify-content:space-between;align-items:flex-end;padding-bottom:22px;display:flex;position:relative}.eyebrow{letter-spacing:.24em;color:var(--glow);text-transform:lowercase;font-family:Cormorant SC,serif;font-size:15px;font-weight:600}.eyebrow span+span{margin-left:1.4em}.head .eyebrow{letter-spacing:.2em;color:#f8df9e;text-shadow:0 1px 2px #000000b3,0 0 12px #00000080;font-size:18px}.head h1{letter-spacing:3px;margin-top:8px;font-family:Cinzel,serif;font-size:46px;font-weight:500;line-height:1}.head .tag{color:var(--powder);margin-top:8px;font-family:Cormorant Garamond,serif;font-size:19px;font-style:italic}.count{align-items:center;gap:14px;display:flex}.count .n{color:var(--powder);white-space:nowrap;font-family:Cormorant Garamond,serif;font-size:40px;font-weight:700;line-height:1}.count .n i{color:inherit;font-size:28px;font-style:normal;font-weight:500}.count .l{letter-spacing:.2em;text-transform:uppercase;color:var(--powder);white-space:nowrap;font-size:10px;line-height:1}.bar{background:#a9bfae29;border-radius:2px;flex:none;width:220px;height:4px;margin:0;overflow:hidden}.bar b{background:linear-gradient(90deg,var(--gold),var(--glow));height:100%;box-shadow:0 0 8px var(--glow);display:block}.grid{z-index:1;grid-template-columns:repeat(6,1fr);gap:22px;margin-top:28px;display:grid;position:relative}.card{text-align:left;background:#0e1512b8;border:1px solid #a9bfae29;border-radius:14px;padding:8px 8px 12px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}.card:hover,.card:focus-visible{border-color:var(--line);outline:none;transform:translateY(-3px);box-shadow:0 10px 26px #0006,0 0 18px #f4d27a1f}.card.found{border-color:#d9a44161}.tile{aspect-ratio:1;background:#0f1713;border-radius:9px;position:relative;overflow:hidden}.tile .bg{filter:saturate(.8)brightness(.62)blur(2.5px);background-size:cover;position:absolute;inset:-6px}.tile:after{content:"";pointer-events:none;background:radial-gradient(circle,#0f171300 30%,#0f17138c 68%,#0c120feb 100%);position:absolute;inset:0}.tile .sp{object-fit:contain;z-index:2;filter:drop-shadow(0 6px 10px #00000059);width:100%;height:100%;position:absolute;inset:0}.card:not(.found) .tile .bg{filter:saturate(.25)brightness(.32)blur(3px)}.card:not(.found) .tile .sp{filter:drop-shadow(0 0 1.2px #a9bfae8c)drop-shadow(0 0 10px #7fd6b41f)}.q{z-index:3;color:var(--glow);text-shadow:0 0 14px #f4d27a99,0 2px 4px #0009;justify-content:center;align-items:center;padding-top:.12em;font-family:Cinzel,serif;font-size:58px;font-weight:600;line-height:1;display:flex;position:absolute;inset:0}.no{z-index:4;letter-spacing:.12em;color:#ede6d3cc;font-family:Cormorant SC,serif;font-size:13px;font-weight:600;position:absolute;top:8px;left:9px}.card.found .no{color:var(--glow)}.card .nm{letter-spacing:1px;margin:11px 4px 0;font-family:Cinzel,serif;font-size:19px;font-weight:500}.grid{grid-template-columns:repeat(12,1fr)}.grid>.card{grid-column:span 2}.grid>.card:nth-child(13){grid-column:4/span 2}.card.rare{background:radial-gradient(120% 90% at 50% 20%,#f4d27a 0%,#d9a441 55%,#9c6f24 100%);border-color:#0000;flex-direction:column;animation:3.6s ease-in-out infinite rareglow;display:flex;box-shadow:0 0 22px #f4d27a61,0 0 54px #d9a4412e}.card.rare .tile{aspect-ratio:auto;background:radial-gradient(circle at 50% 45%,#fff0c859,#9c6f2400 70%);flex:1;min-height:0}.card.rare .tile:after{display:none}.card.rare .q{color:#3a2a0c;text-shadow:0 1px #ffecbe99,0 0 18px #fff0c8b3}@keyframes rareglow{50%{box-shadow:0 0 30px #f4d27a8c,0 0 70px #d9a44142}}.card .hm{letter-spacing:.17em;text-transform:uppercase;color:var(--powder);margin:4px 4px 0;font-size:9.5px}.card:not(.found) .nm{color:#ede6d38c}.foot{letter-spacing:.2em;text-transform:uppercase;color:#a9bfaeb3;z-index:1;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;bottom:30px;left:64px;right:64px}.foot a{color:var(--glow);text-decoration:none}.back{z-index:3;border:1px solid var(--line);height:40px;color:var(--parch);background:#14241ca8;border-radius:999px;align-items:center;gap:9px;padding:0 16px 0 12px;font-family:Cormorant Garamond,serif;font-size:17px;font-weight:700;text-decoration:none;display:flex;position:fixed;top:34px;left:40px}.draft{letter-spacing:.18em;color:var(--glow);vertical-align:2px;border:1px solid #f4d27a8c;border-radius:4px;margin-left:8px;padding:3px 6px;font:600 8.5px/1 Inter;display:inline-block}.scrim{z-index:20;backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#060b089e;transition:opacity .25s;position:fixed;inset:0}.detail{z-index:25;opacity:0;pointer-events:none;background:linear-gradient(#1e3328fa,#121f19fc);border:1px solid #d9a441a6;border-radius:20px;grid-template-rows:auto 1fr;grid-template-columns:400px 1fr;column-gap:40px;width:900px;padding:34px;transition:opacity .25s,transform .25s;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-48%);box-shadow:0 30px 90px #0009,0 0 40px #f4d27a1a}body.open .scrim{opacity:1;pointer-events:auto}body.open .detail{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.detail .tile{border:1px solid var(--line);border-radius:14px}.detail .tile .q{font-size:96px}.detail .tile .bg{filter:saturate(.85)brightness(.7)blur(2px)}.detail.unfound .tile .bg{filter:saturate(.25)brightness(.32)blur(3px)}.detail.unfound .tile .sp{filter:drop-shadow(0 0 1.5px #a9bfae8c)}.detail>.drow>.tile{grid-area:1/1/3}.dhead{grid-column:2;padding-top:8px}.dx{flex-direction:column;grid-column:2;display:flex}.dhead .eyebrow{font-size:14px}.dhead h2{letter-spacing:2.5px;margin-top:8px;font-family:Cinzel,serif;font-size:48px;font-weight:500;line-height:1.05}.dhead .sub{color:var(--powder);margin-top:6px;font-family:Cormorant Garamond,serif;font-size:21px;font-style:italic;font-weight:500}.stats{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);margin-top:24px;display:flex}.stat{text-align:center;flex:1;padding:13px 0 12px}.stat+.stat{border-left:1px solid var(--hair)}.stat .k{letter-spacing:.18em;text-transform:uppercase;color:var(--powder);font-size:9px}.stat .v{color:var(--glow);margin-top:4px;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:700}.lore{color:var(--parch);margin-top:24px;font-family:Cormorant Garamond,serif;font-size:23px;font-weight:500;line-height:1.38}.lore .draft{font-family:Inter}.btns{gap:12px;margin-top:auto;padding-top:26px;display:flex}.btn{letter-spacing:.03em;height:50px;color:var(--parch);border-radius:999px;justify-content:center;align-items:center;gap:8px;font:600 15px Inter;text-decoration:none;display:flex}.btn.ghost{background:#14241c80;border:1px solid #a9bfae66;width:120px}.btn.gold{color:#1e3328;background:linear-gradient(#e6b453,#d9a441);flex:1;box-shadow:0 0 22px #f4d27a59}.x{width:36px;height:36px;color:var(--powder);border:1px solid #a9bfae4d;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;top:16px;right:18px}.grab{display:none}@media (width<=600px){.book{width:auto;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;margin:-100px 0 0;padding:104px 16px 40px;overflow:visible}body{display:block}.book:before{display:none}.backdrop img{filter:saturate(.7)brightness(.32)blur(2px)}.backdrop:after{background:linear-gradient(#0d141199,#0d141159 30%,#0d1411d9)}.back{height:34px;padding:0 13px 0 9px;font-size:15px;position:absolute;top:52px;left:12px}.mtop{z-index:3;background:linear-gradient(#0c1812eb 60%,#0c181200);height:100px;display:block;position:sticky;top:0}.head{background:0 0;flex-direction:column;align-items:flex-start;padding-bottom:16px}.head .eyebrow{letter-spacing:.18em;font-size:15px}.head h1{letter-spacing:2px;margin-top:6px;font-size:32px}.head .tag{margin-top:5px;font-size:16px}.count{gap:12px;width:100%;margin-top:14px}.count .n{font-size:26px}.count .n i{font-size:19px}.count .l{margin:0}.bar{flex:1;width:auto}.grid{grid-template-columns:repeat(3,1fr);gap:12px 10px;margin-top:18px}.grid>.card,.grid>.card:nth-child(13){grid-column:auto}.card{border-radius:11px;padding:5px 5px 9px}.tile{border-radius:7px}.q{font-size:38px}.no{font-size:10.5px;top:5px;left:6px}.card .nm{letter-spacing:.5px;margin:8px 3px 0;font-size:14px}.card .hm{letter-spacing:.13em;margin:3px 3px 0;font-size:7.5px}.foot{text-align:center;flex-direction:column;gap:8px;margin-top:22px;font-size:8.5px;position:static}.scrim{backdrop-filter:none;background:linear-gradient(#08100c4d 30%,#08100cc7)}.detail{background:linear-gradient(#1e3328f7,#14251dfa);border:0;border-top:1px solid #d9a44199;border-radius:24px 24px 0 0;width:auto;padding:10px 18px 34px;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s;display:block;inset:auto 0 0;transform:translateY(100%);box-shadow:0 -10px 40px #060e0a80}body.open .detail{transform:translateY(0)}.grab{background:#a9bfae73;border-radius:2px;width:40px;height:4px;margin:0 auto 16px;display:block}.x{display:none}.drow{align-items:center;gap:14px;display:flex}.detail .tile{border:1.5px solid var(--gold);border-radius:50%;flex:none;width:84px;height:84px;box-shadow:0 0 16px #f4d27a4d}.detail .tile .q{font-size:40px}.dx{display:block}.dhead{padding:0}.dhead .eyebrow{letter-spacing:.2em;text-transform:uppercase;font-family:Inter;font-size:9.5px;font-weight:500}.dhead h2{letter-spacing:1.5px;margin-top:5px;font-size:25px}.dhead .sub{margin-top:3px;font-size:16.5px}.stats{margin-top:18px}.stat{padding:11px 0 10px}.stat .k{font-size:8.5px}.stat .v{white-space:nowrap;margin-top:3px;font-size:17px}.lore{margin-top:16px;font-size:18px}.btns{gap:10px;padding-top:18px}.btn.ghost{width:110px}}@media (width>=601px){.mtop,.drow{display:contents}body{box-sizing:border-box;padding:76px 0 28px}}.lockd{display:none}.card:disabled{cursor:default;color:inherit;opacity:1}.card:disabled:hover{transform:none}body.locked .book{display:none}body.locked .lockd{text-align:center;z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;width:100%;min-height:100svh;padding:0 28px;display:flex;position:relative}body.locked .lockd p{max-width:420px;color:var(--powder);margin:0 0 8px;font-size:15px;line-height:1.6}body.locked .lockd h1{letter-spacing:3px;color:var(--parch);margin:0;font-family:Cinzel,serif;font-size:46px;font-weight:500}body.locked .lockd .btn{flex:none;padding:0 30px}:root{--glow:var(--gold2);--parch:var(--txt);--powder:var(--mut);--char:var(--bg);--line:transparent;--hair:transparent;--pill:#f2eee317}.backdrop{background:var(--bg)}.backdrop:after{background:radial-gradient(70% 75% at 50% 52%,#12161340,#121613cc 100%)}.book{background:var(--pnl);backdrop-filter:blur(18px)saturate(1.1);border:0;box-shadow:0 30px 80px #00000073}.book:before{display:none}.head{background:0 0;border-bottom:0}.head .eyebrow{color:var(--gold2)}.head .tag,.count .n,.count .l,.card .hm,.stat .k,.dhead .sub{color:var(--mut)}.count .n{color:var(--dim)}.bar{background:#ffffff14}.bar b{background:var(--gold);box-shadow:none}.card{background:var(--well);border:0;transition:transform .25s,background-color .25s,box-shadow .25s}.card.found{background:#d9a4411f}.card:hover,.card:focus-visible{background:#ffffff12;box-shadow:0 10px 26px #0006}.card.found:hover,.card.found:focus-visible{background:#d9a4412e}.card.rare,.card.rare:hover{background:radial-gradient(120% 90% at 50% 20%,var(--gold2) 0%,var(--gold) 60%,#9c6f24 100%)}.tile{background:#00000059}.draft{color:var(--gold2);background:#d9a44129;border:0}.detail{background:#121613f7;border:0;box-shadow:0 30px 90px #0009}.detail .tile{border:0;box-shadow:0 0 #0000}.stats{border:0;gap:8px}.stat{background:var(--well);border-radius:12px;border:0!important}.btn.gold{background:var(--gold);color:var(--ink);box-shadow:none}.btn.ghost{background:#ffffff12;border:0}.x{color:var(--dim);background:#ffffff12;border:0}.scrim{background:#0608079e}.btop{z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:16px;left:24px;right:24px}.rb{pointer-events:auto;white-space:nowrap;background:var(--pill);backdrop-filter:blur(10px);min-width:44px;max-width:44px;height:44px;color:var(--txt);border-radius:999px;align-items:center;font:600 14px/1 Inter,sans-serif;text-decoration:none;transition:max-width .38s cubic-bezier(.2,.7,.2,1),background-color .25s,color .25s;display:inline-flex;overflow:hidden}.rb .ic{flex:none;justify-content:center;align-items:center;width:44px;height:44px;margin-top:-2px;font-size:24px;line-height:1;display:flex}.rb-map .ic{margin-top:0}.rb .lbl{opacity:0;transition:opacity .2s}.rb-back .lbl{margin-left:-8px;padding-right:20px}.rb-map{justify-content:flex-end}.rb-map .lbl{margin-right:-6px;padding-left:20px}@media (hover:hover) and (pointer:fine){.rb:hover,.rb:focus-visible{background:var(--gold);max-width:260px;color:var(--ink);outline:none}.rb:hover .lbl,.rb:focus-visible .lbl{opacity:1;transition-delay:80ms}}.rb:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){.rb,.rb .lbl{transition:none}}@media (width<=600px){.btop{top:12px;left:12px;right:12px}.rb{min-width:40px;max-width:40px;height:40px}.rb .ic{width:40px;height:40px}.book{margin:0;padding:64px 16px 40px}.backdrop:after{background:linear-gradient(#12161399,#12161359 30%,#121613d9)}.detail{background:#121613fa;border:0}.detail .tile{border:0;box-shadow:0 0 0 4px #d9a44138,0 0 18px #d9a44140}.grab{background:#ffffff38}}