:root{color-scheme:dark;--black:#0c0a09;--raised:#141110;--bone:#e9e3d6;--dim:#b5ac9d;--red:#f20505;--line:#e9e3d637;--rarity:#b5ac9d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--bone);font:15px/1.7 'Space Mono',monospace}a{color:inherit;text-underline-offset:.25em}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--bone);outline-offset:5px}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}h1,h2,h3,p,figure{margin:0}h1,h2,h3,.wordmark{font-family:Anton,Impact,sans-serif;font-weight:400;line-height:1.06}h2{font-size:clamp(32px,4vw,54px)}h3{font-size:29px}p{max-width:65ch}code{color:#edc78c;font-family:inherit;white-space:nowrap}.skip{position:absolute;left:16px;top:-100px;z-index:5;padding:12px;background:var(--bone);color:var(--black)}.skip:focus{top:12px}.g-header,.g-footer,main{max-width:1240px;margin:auto;padding-inline:32px}.g-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:20px;border-bottom:1px solid var(--line)}.wordmark{font-size:38px;text-decoration:none;letter-spacing:-2px}.wordmark span{color:var(--red)}.g-header nav{display:flex;flex-wrap:wrap;gap:24px;font-size:12px}.g-header nav a:hover{color:#fff}.g-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;align-items:center;min-height:650px;padding-block:65px}.g-label{font-size:16px;color:var(--dim);margin-bottom:17px}.g-hero h1{font-size:clamp(58px,7.5vw,96px);text-transform:uppercase;letter-spacing:-1px}.g-lead{font-size:16px;color:var(--dim);margin-top:24px;max-width:49ch}.g-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin:28px 0 17px}.g-button,.g-outline{display:inline-block;font-weight:700;text-decoration:none;text-align:center;line-height:1.5;padding:13px 19px;border:2px solid var(--red);background:var(--red);color:var(--black)}.g-button:hover{background:var(--bone);border-color:var(--bone)}.g-outline{background:transparent;border-color:var(--line);color:var(--bone);font-size:12px}.g-outline:hover:not(:disabled){border-color:var(--bone)}.g-text-link{font-size:13px}.g-note{font-size:12px;color:var(--dim);line-height:1.8}.specimens{position:relative;min-height:510px}.specimen{position:absolute;width:74%;padding:12px 12px 18px;background:#1b1722;border:1px solid #64536e;box-shadow:12px 16px 0 #0008}.specimen img{display:block;width:100%;height:auto;object-fit:contain}.specimen figcaption{font-size:12px;padding:0 8px}.specimen figcaption span{display:block;color:var(--dim);font-size:10px}.specimen.void{right:0;top:0;transform:rotate(8deg)}.specimen.bootleg{left:0;bottom:0;transform:rotate(-9deg);width:63%;background:#25201a;border-color:#81735c}.g-start{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;border-block:1px solid var(--line);padding-block:55px}.g-start>div>p{color:var(--dim);margin-top:20px}.command-list{margin:0;padding:0 0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:30px 45px}.command-list>li>code{font-size:18px}.command-list p{font-size:12px;color:var(--dim);margin-top:8px}.g-dex{padding-block:65px;scroll-margin-top:25px}.g-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.g-section-heading p{color:var(--dim);font-size:13px;margin-top:14px}.g-section-heading button{flex-shrink:0}.dex-controls{display:grid;grid-template-columns:1fr 230px;gap:18px;margin:30px 0 12px}.dex-controls label{display:block;font-size:12px;margin-bottom:8px}.dex-controls input,.dex-controls select{width:100%;min-width:0;background:var(--raised);color:var(--bone);border:1px solid #716658;padding:13px;font-size:13px;border-radius:0}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:22px 0}.g-card{border:1px solid var(--line);border-bottom:4px solid var(--rarity);background:var(--raised);color:var(--bone);text-align:left;padding:12px;min-width:0}.g-card:hover{border-color:var(--rarity);background:#211c19}.g-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}.g-card h3{font-size:23px;line-height:1.15;margin:12px 0 8px;overflow-wrap:anywhere}.rarity{font-size:11px;color:var(--rarity);text-transform:capitalize}.dex-pages{display:flex;align-items:center;justify-content:center;gap:24px}.dex-pages span{font-size:12px;color:var(--dim)}.g-elsewhere{border-block:1px solid var(--line);padding-block:50px}.g-destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:32px}.g-destinations p{font-size:13px;color:var(--dim);margin:15px 0 20px}.g-destinations a{font-size:13px}.g-join{padding:65px 0;max-width:760px}.g-join p{margin:20px 0 25px;color:var(--dim)}.g-join .g-text-link{display:inline-block;margin:15px 0 15px 20px}.g-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:22px;font-size:11px;color:var(--dim)}dialog{width:min(880px,calc(100% - 24px));max-height:92dvh;overflow:auto;border:2px solid var(--rarity);padding:50px 24px 24px;background:#16121a;color:var(--bone)}dialog::backdrop{background:#050306dd}dialog[open]{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center}dialog>img{width:100%;height:auto;object-fit:contain;aspect-ratio:1}.detail-close{position:absolute;right:12px;top:10px}.detail-copy h2{font-size:42px;margin:10px 0 20px}.detail-copy>p{font-size:14px}.detail-copy .g-note{font-size:11px;margin:22px 0}.detail-copy .g-button{font-size:12px}.empty-cards{grid-column:1/-1;padding:35px 0;color:var(--dim)}
@media(max-width:900px){.g-hero{min-height:570px;gap:25px}.specimens{min-height:400px}.g-hero h1{font-size:62px}.g-start{gap:30px;grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.g-section-heading{align-items:start;flex-direction:column}.g-destinations{gap:20px}}
@media(max-width:600px){.g-header,.g-footer,main{padding-inline:20px}.g-header{align-items:start;gap:15px}.g-header nav{gap:8px 14px;justify-content:end;font-size:10px;max-width:230px}.wordmark{font-size:34px}.g-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:38px;gap:12px}.g-hero h1{font-size:59px}.g-lead{font-size:14px}.specimens{min-height:390px;width:min(100%,360px);margin:16px auto 0}.g-start{padding-block:35px}.command-list{grid-template-columns:1fr;gap:24px}.g-dex{padding-block:42px}.dex-controls{grid-template-columns:1fr 130px;gap:10px}.dex-controls input,.dex-controls select{font-size:12px;padding:11px 8px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.g-card{padding:8px}.g-card h3{font-size:22px}.g-destinations{grid-template-columns:1fr;gap:34px}.g-join .g-text-link{display:block;margin-left:0}.g-footer{flex-direction:column;gap:8px}dialog[open]{grid-template-columns:1fr;gap:10px}dialog>img{max-width:280px;margin:auto}.detail-copy h2{font-size:34px}.detail-copy .g-note{margin:14px 0}}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Platform marks identify the destinations without replacing their labels. */
.g-social-icon{display:inline-block;width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:10px}
.g-button .g-social-icon{filter:brightness(0)}
.g-social-link{display:inline-flex;align-items:center}

/* Keep phone controls readable without focus zoom or squeezed search fields. */
@media(max-width:600px){
  .dex-controls{grid-template-columns:minmax(0,1fr) 150px}
  .dex-controls input,.dex-controls select{font-size:16px;min-height:48px}
  .g-header nav a{display:inline-flex;align-items:center;min-height:44px}
  .dex-pages{gap:12px}
  .dex-pages span{white-space:nowrap}
  .dex-pages button{padding-inline:12px}
}
@media(max-width:380px){.dex-controls{grid-template-columns:minmax(0,1fr)}}