.grid-hero{min-height:850px;padding:clamp(7rem,10vw,10rem) var(--pad) clamp(5rem,8vw,8rem);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(500px,.95fr);align-items:center;gap:clamp(3rem,7vw,7rem);position:relative;overflow:hidden;background:radial-gradient(circle at 74% 35%,rgba(112,230,220,.13),transparent 28%),radial-gradient(circle at 18% 75%,rgba(246,198,67,.09),transparent 30%),#080b0b;color:#eef2ec}.grid-hero:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(112,230,220,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(112,230,220,.08) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle at 65% 50%,#000,transparent 72%)}.grid-hero>*{position:relative}.grid-live-dot{display:inline-block;width:8px;height:8px;margin-right:.5rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.grid-hero h1{margin:1.25rem 0;font-size:clamp(4.6rem,8.8vw,9rem)}.grid-hero h1 em{color:transparent;font-style:normal;-webkit-text-stroke:2px var(--gold)}.grid-hero-copy>p{max-width:760px;color:#9eaaa4;font-size:clamp(1rem,1.4vw,1.2rem)}.grid-actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.7rem}.anchor-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:1px;background:rgba(112,230,220,.22);transform:rotate(1.5deg);box-shadow:24px 24px 0 rgba(112,230,220,.035)}.anchor-pair article{padding:1rem;background:#0c1110}.anchor-pair img{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.86)}.anchor-pair span{display:block;margin-top:1rem;color:var(--cyan);font-size:.55rem;font-weight:950;letter-spacing:.12em}.anchor-pair article:first-child span{color:var(--gold)}.anchor-pair h2{margin:.5rem 0;font-size:clamp(2rem,4vw,4rem)}.anchor-pair p{margin:0;color:#7f8c86;font-size:.68rem}.grid-status{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c1110;color:#eef2ec}.grid-status div{min-height:130px;padding:1.3rem var(--pad);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.grid-status div:last-child{border-right:0}.grid-status span{color:#69766f;font-size:.56rem;font-weight:950;letter-spacing:.12em}.grid-status strong{margin-top:.35rem;color:var(--cyan);font-family:Impact,sans-serif;font-size:clamp(2rem,3vw,3.4rem)}.grid-status div:nth-child(4) strong,.grid-status div:nth-child(5) strong,.grid-status div:nth-child(6) strong{color:var(--gold)}
.lore-section,.collection-section,.legacy-section,.production-section{padding:clamp(5rem,9vw,9rem) var(--pad)}.lore-section>*:not(.section-kicker),.collection-section>*:not(.section-kicker),.legacy-section>*:not(.section-kicker),.production-section>*:not(.section-kicker){max-width:var(--max);margin-left:auto;margin-right:auto}.lore-section{background:#eef2ec;color:#080b0b}.collection-heading{margin:2rem auto 4rem;display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:clamp(2rem,7vw,7rem)}.collection-heading h2{margin:0;font-size:clamp(4rem,8vw,8rem)}.collection-heading p{margin:0;color:#52605a}.district-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid #c1c9c4;background:#c1c9c4}.district-grid article{min-height:330px;padding:1.4rem;display:flex;flex-direction:column;background:linear-gradient(145deg,#f5f7f3,#e9eeea);position:relative;overflow:hidden}.district-grid article:after{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-80px;border:1px solid var(--district);border-radius:50%;box-shadow:0 0 40px color-mix(in srgb,var(--district) 18%,transparent)}.district-grid article>span{color:#39736f;font-size:.55rem;font-weight:950;letter-spacing:.1em}.district-node{width:64px;height:64px;margin:2rem 0 1.2rem;display:grid;place-items:center;border:1px solid var(--district);background:var(--district-dark);color:var(--district);font-family:Impact,sans-serif;font-size:1.5rem}.district-grid h3{margin:0 0 .6rem;font-size:clamp(1.7rem,2.5vw,2.8rem)}.district-grid p{margin:0;color:#65716b;font-size:.7rem}.district-grid blockquote{margin:auto 0 0;padding-top:1.2rem;border-top:1px solid #ccd3ce;color:#2b3933;font-size:.72rem;font-weight:800}.collection-loading{grid-column:1/-1;padding:2rem;color:#65716b}
.collection-section{background:#080b0b;color:#eef2ec}.collection-section .collection-heading p{color:#929f99}.grid-controls{padding:1rem;display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.7rem;border:1px solid var(--line);background:#0d1211}.grid-controls label{display:grid;grid-template-columns:1fr;gap:.4rem}.grid-controls label span{color:#718079;font-size:.52rem;font-weight:950;letter-spacing:.12em}.grid-controls input,.grid-controls select{min-width:0;padding:.9rem;border:1px solid #303a36;background:#111816;color:#eef2ec;font:700 .72rem Inter,sans-serif}.grid-controls button{align-self:end;padding:.9rem 1.1rem;border:1px solid rgba(112,230,220,.35);background:transparent;color:var(--cyan);font:900 .62rem Inter,sans-serif;letter-spacing:.08em;cursor:pointer}.result-line{padding:.9rem 0;display:flex;justify-content:space-between;gap:1rem;color:#77847e;font-size:.6rem;font-weight:900;letter-spacing:.08em}.result-line b{color:var(--gold)}.geek-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.geek-card{min-width:0;background:#0d1211}.geek-card button{width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.card-art{aspect-ratio:1;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 46%),linear-gradient(145deg,var(--deep),#080b0b)}.card-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.8);transition:.25s}.card-art>em{position:absolute;left:.7rem;bottom:.7rem;padding:.25rem .4rem;background:rgba(6,9,9,.82);border:1px solid color-mix(in srgb,var(--primary) 45%,transparent);color:var(--primary);font:900 .48rem Inter,sans-serif;font-style:normal;letter-spacing:.09em}.slot-art{position:absolute;inset:0;display:grid;place-items:center}.slot-art:before,.slot-art:after,.slot-art i{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--primary) 38%,transparent);transform:rotate(45deg)}.slot-art:before{width:58%;height:58%}.slot-art:after{width:38%;height:38%}.slot-art i{width:18%;height:18%;background:color-mix(in srgb,var(--primary) 12%,transparent);box-shadow:0 0 26px color-mix(in srgb,var(--primary) 18%,transparent)}.slot-art strong{position:relative;color:var(--primary);font-family:Impact,sans-serif;font-size:clamp(2.7rem,4vw,4.6rem);text-shadow:0 0 22px color-mix(in srgb,var(--primary) 35%,transparent)}.slot-art span{position:absolute;top:1rem;right:1rem;color:#75827c;font-size:.5rem;font-weight:900;letter-spacing:.12em}.card-copy{min-height:150px;padding:1rem;display:flex;flex-direction:column}.card-copy>span{color:var(--primary);font-size:.5rem;font-weight:950;letter-spacing:.1em}.card-copy h3{margin:.5rem 0 .4rem;font-size:1.35rem;line-height:1}.card-copy p{margin:0;color:#728079;font-size:.62rem}.card-copy b{margin-top:auto;padding-top:1rem;color:#8e9a94;font-size:.52rem;letter-spacing:.08em}.geek-card:hover .card-art img{filter:none;transform:scale(1.025)}.geek-card:hover .slot-art:before{box-shadow:0 0 30px color-mix(in srgb,var(--primary) 14%,transparent)}.tier-legendary,.tier-elite,.tier-mythic{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 58%,transparent)}.load-more{display:block;margin:2rem auto 0;padding:1rem 1.4rem;border:1px solid rgba(112,230,220,.4);background:#0d1513;color:var(--cyan);font:900 .66rem Inter,sans-serif;letter-spacing:.08em;cursor:pointer}.load-more[hidden]{display:none}
.production-section{background:var(--gold);color:#080b0b}.production-section .collection-heading p{color:#5b5236}.production-steps{padding:0;display:grid;grid-template-columns:repeat(5,1fr);list-style:none;border:1px solid rgba(8,11,11,.25)}.production-steps li{min-height:260px;padding:1.3rem;display:flex;flex-direction:column;border-right:1px solid rgba(8,11,11,.25)}.production-steps li:last-child{border-right:0}.production-steps b{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(8,11,11,.35)}.production-steps h3{margin:3rem 0 .7rem;font-size:clamp(1.7rem,2.8vw,3rem)}.production-steps p{margin:auto 0 0;color:#514a35;font-size:.72rem}
.geek-dialog{width:min(1060px,calc(100% - 2rem));max-height:calc(100vh - 2rem);padding:0;border:1px solid rgba(112,230,220,.42);background:#0a0e0d;color:#eef2ec;box-shadow:0 30px 100px rgba(0,0,0,.7)}.geek-dialog::backdrop{background:rgba(2,5,5,.88);backdrop-filter:blur(7px)}.dialog-close{position:absolute;z-index:2;right:1rem;top:1rem;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);background:#080b0b;color:#fff;font-size:1.4rem;cursor:pointer}.geek-dialog>div{display:grid;grid-template-columns:.85fr 1.15fr}.dialog-art{min-height:620px;position:relative;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 18%,transparent),transparent 47%),var(--deep)}.dialog-art .card-art{height:100%;aspect-ratio:auto}.dialog-art .slot-art{inset:0}.dialog-art .slot-art strong{font-size:8rem}.dialog-copy{padding:clamp(2rem,5vw,4rem)}.dialog-copy>span{color:var(--primary,var(--cyan));font-size:.58rem;font-weight:950;letter-spacing:.12em}.dialog-copy h2{margin:.8rem 0 1rem;font-size:clamp(3rem,6vw,6rem)}.dialog-copy>p{color:#9ba7a1}.dialog-copy blockquote{margin:1.5rem 0;padding:1rem;border-left:3px solid var(--gold);background:#101514;color:var(--gold);font-weight:900}.trait-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.trait-grid div{padding:.8rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.trait-grid div:nth-child(2n){border-right:0}.trait-grid div:nth-last-child(-n+2){border-bottom:0}.trait-grid small,.dispatch small{display:block;color:#6f7c76;font-size:.5rem;font-weight:950;letter-spacing:.1em}.trait-grid b{font-size:.68rem}.dispatch{margin-top:1rem;padding:1rem;border:1px solid var(--line)}.dispatch p{margin:.5rem 0 0;color:#98a49e;font-size:.7rem}.production-state{margin-top:1rem;display:flex;justify-content:space-between;gap:1rem;color:var(--gold);font-size:.58rem;letter-spacing:.08em}.production-state span{color:#78857f}
@media(max-width:1100px){.grid-hero{grid-template-columns:1fr}.anchor-pair{max-width:760px}.district-grid{grid-template-columns:1fr 1fr}.geek-grid{grid-template-columns:repeat(3,1fr)}.production-steps{grid-template-columns:1fr 1fr}.production-steps li{border-bottom:1px solid rgba(8,11,11,.25)}.production-steps li:nth-child(2n){border-right:0}.production-steps li:last-child{grid-column:1/-1;border-bottom:0}}
@media(max-width:700px){.grid-hero{min-height:auto;padding:6rem 1rem 4rem}.grid-hero h1{font-size:clamp(3.6rem,15.5vw,5.5rem)}.anchor-pair{grid-template-columns:1fr 1fr}.grid-status{grid-template-columns:1fr 1fr}.grid-status div{min-height:100px;padding:1rem;border-bottom:1px solid var(--line)}.grid-status div:nth-child(2n){border-right:0}.grid-status div:last-child{grid-column:1/-1}.lore-section,.collection-section,.legacy-section,.production-section{padding-inline:1rem}.collection-heading{grid-template-columns:1fr;margin-bottom:2.5rem}.district-grid{grid-template-columns:1fr}.geek-grid{grid-template-columns:1fr 1fr}.grid-controls{grid-template-columns:1fr 1fr}.grid-controls label:first-child{grid-column:1/-1}.result-line{align-items:flex-start;flex-direction:column}.production-steps{grid-template-columns:1fr}.production-steps li,.production-steps li:nth-child(2n),.production-steps li:last-child{grid-column:auto;min-height:210px;border-right:0;border-bottom:1px solid rgba(8,11,11,.25)}.production-steps li:last-child{border-bottom:0}.geek-dialog>div{grid-template-columns:1fr}.dialog-art{min-height:420px}.dialog-copy{padding:1.4rem}.dialog-copy h2{font-size:3.4rem}}
@media(max-width:440px){.anchor-pair{grid-template-columns:1fr}.geek-grid{grid-template-columns:1fr}.grid-controls{grid-template-columns:1fr}.grid-controls label:first-child{grid-column:auto}.card-copy{min-height:135px}}
.anchor-pair article:nth-child(2) img{object-position:center 32%}
.legacy-section{background:radial-gradient(circle at 84% 14%,rgba(112,230,220,.1),transparent 28%),#101514;color:#eef2ec}.legacy-section .collection-heading p{color:#95a19b}.legacy-notice{margin-bottom:1rem;padding:1rem;display:flex;justify-content:space-between;gap:1rem;border:1px solid rgba(246,198,67,.35);background:rgba(246,198,67,.05);font-size:.58rem;letter-spacing:.07em}.legacy-notice b{color:var(--gold)}.legacy-notice span{max-width:760px;color:#9ca8a2}.legacy-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.legacy-card{min-width:0;background:#0b100f}.legacy-art{aspect-ratio:1;position:relative;overflow:hidden;background:#070a0a}.legacy-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03);transition:.25s}.legacy-card:nth-child(1) .legacy-art img,.legacy-card:nth-child(4) .legacy-art img{object-position:center 28%}.legacy-art em{position:absolute;left:.7rem;bottom:.7rem;padding:.3rem .45rem;border:1px solid rgba(112,230,220,.46);background:rgba(6,9,9,.84);color:var(--cyan);font:900 .46rem Inter,sans-serif;font-style:normal;letter-spacing:.09em}.legacy-copy{min-height:220px;padding:1rem;display:flex;flex-direction:column}.legacy-copy>span{color:var(--gold);font-size:.5rem;font-weight:950;letter-spacing:.1em}.legacy-copy h3{margin:.55rem 0;font-size:1.45rem}.legacy-copy p{margin:0;color:#87938d;font-size:.63rem}.legacy-copy small{margin-top:auto;padding-top:1rem;color:#617069;font:700 .49rem monospace;letter-spacing:.03em}.legacy-copy b{margin-top:.45rem;color:#dc8d84;font-size:.5rem;letter-spacing:.08em}.legacy-card:hover .legacy-art img{filter:none;transform:scale(1.025)}
@media(max-width:1100px){.legacy-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.legacy-section{padding-inline:1rem}.legacy-grid{grid-template-columns:1fr 1fr}.legacy-notice{align-items:flex-start;flex-direction:column}.grid-status div:last-child{grid-column:auto}}
@media(max-width:440px){.legacy-grid{grid-template-columns:1fr}}
