*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%}body{min-height:100vh;min-height:100dvh;background:linear-gradient(160deg,#2a2a2a,#1a1a1a 45%,#0f0f0f);background-attachment:fixed;font-family:Pixelify Sans,monospace;font-size:clamp(1rem,.92rem + .4vw,1.125rem);line-height:1.45;color:#e8e8e8}.page{position:relative;min-height:100vh;min-height:100dvh;width:100%}.page-content{min-height:100vh;min-height:100dvh;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.blank-page{min-height:100vh;min-height:100dvh;width:100%}.coming-soon-page{min-height:100vh;min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:4.5rem 1.5rem 3rem}.coming-soon-page__title{font-family:Pixelify Sans,monospace;font-size:clamp(1.8rem,6vw,3rem);font-weight:700;letter-spacing:.06em;text-align:center;color:#f5f5f5}.home-page{position:relative;min-height:100vh;min-height:100dvh;width:100%;overflow:hidden;background-color:#1a1214;background-image:url(/home-background.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat;image-rendering:pixelated;image-rendering:crisp-edges}.home-titles{position:absolute;top:max(1.1rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:3;width:min(88vw,34rem);display:flex;flex-direction:column;align-items:center;gap:.85rem;pointer-events:none}.home-banner{width:100%;height:auto;display:block;image-rendering:pixelated;image-rendering:crisp-edges;-webkit-user-select:none;user-select:none}.home-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;pointer-events:auto}.home-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:min(100%,11.5rem);min-height:2.85rem;padding:.7rem 1.1rem;border:2px solid rgba(255,255,255,.28);border-radius:2px;background:#120e10b8;box-shadow:3px 3px #00000073;color:#f0f0f0;font:inherit;font-size:clamp(.95rem,2.6vw,1.1rem);font-weight:600;letter-spacing:.04em;text-align:center;text-decoration:none;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.home-action:hover{background:#281c1ee0;border-color:#dc46468c;color:#fff}.home-action:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}.home-slideshow{position:relative;width:min(100%,16rem);aspect-ratio:1;margin-top:.35rem;border:4px solid rgba(255,255,255,.28);border-radius:2px;background:#0a080a8c;box-shadow:3px 3px #00000073;overflow:hidden;pointer-events:none}.home-slideshow__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;opacity:0;transition:opacity .45s ease;-webkit-user-select:none;user-select:none}.home-slideshow__image--active{opacity:1}.dm-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1.25rem}.dm-modal__backdrop{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0000009e;cursor:pointer}.dm-modal__panel{position:relative;z-index:1;width:min(100%,28rem);min-height:12rem;padding:1.35rem 1.25rem 1.5rem;border:2px solid rgba(255,255,255,.28);border-radius:2px;background:linear-gradient(180deg,#2c2428,#1a1418);box-shadow:4px 4px #00000080}.dm-modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:.55rem;right:.55rem;width:2rem;height:2rem;border:2px solid rgba(255,255,255,.22);border-radius:2px;background:#ffffff0f;color:#f0f0f0;font:inherit;font-size:1.35rem;line-height:1;cursor:pointer}.dm-modal__close:hover{background:#ffffff1f}.dm-modal__close:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}.dm-modal__title{margin-right:2rem;font-size:clamp(1.15rem,3vw,1.4rem);font-weight:700;letter-spacing:.04em;color:#f5f5f5}.dm-modal__body{display:flex;flex-direction:column;align-items:center;gap:.9rem;margin-top:1rem}.dm-modal__avatar{display:block;width:min(100%,14rem);aspect-ratio:1;object-fit:cover;border-radius:1rem;border:2px solid rgba(255,255,255,.18);-webkit-user-select:none;user-select:none}.dm-modal__credit{font-family:Pixelify Sans,monospace;font-size:clamp(1rem,2.8vw,1.15rem);font-weight:600;letter-spacing:.04em;text-align:center;color:#f5f5f5eb}.home-walker{position:absolute;left:0;bottom:11%;z-index:2;width:clamp(72px,14vw,110px);height:clamp(72px,14vw,110px);pointer-events:none;animation:home-walker-march 12s linear infinite;will-change:transform}.home-walker__sprite{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;-webkit-user-select:none;user-select:none}@keyframes home-walker-march{0%{transform:translate(-110%)}to{transform:translate(100vw)}}.faqs-page{min-height:100vh;min-height:100dvh;width:100%;display:flex;justify-content:center;padding:4.5rem clamp(1rem,4vw,1.5rem) 3rem;padding-left:max(clamp(1rem,4vw,1.5rem),env(safe-area-inset-left));padding-right:max(clamp(1rem,4vw,1.5rem),env(safe-area-inset-right));padding-bottom:max(3rem,env(safe-area-inset-bottom))}.faqs-page__inner{width:min(100%,42rem);display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,3vw,1.5rem)}.faqs-page__title{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;letter-spacing:.06em;text-align:center;color:#f5f5f5}.faqs-list{width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(.65rem,2vw,.85rem)}.faq-item{width:100%;border:2px solid rgba(255,255,255,.22);border-radius:2px;background:#ffffff0d;box-shadow:3px 3px #00000059;transition:border-color .16s ease,background .16s ease}.faq-item--open{border-color:#ffffff61;background:#ffffff14}.faq-item__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;min-height:2.75rem;padding:clamp(.85rem,2.5vw,.95rem) clamp(.85rem,3vw,1.1rem);border:0;background:transparent;color:#f0f0f0;font:inherit;font-size:clamp(1rem,2.8vw,1.15rem);font-weight:600;letter-spacing:.02em;text-align:left;cursor:pointer}.faq-item__trigger:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:-2px}.faq-item__question{flex:1}.faq-item__icon{flex-shrink:0;width:1.25rem;text-align:center;font-size:1.25rem;line-height:1;color:#ffffffbf}.faq-item__answer{padding:0 clamp(.85rem,3vw,1.1rem) clamp(.9rem,2.5vw,1.05rem);color:#e8e8e8d1;font-size:clamp(.95rem,2.6vw,1.05rem);line-height:1.6;letter-spacing:.01em}.sidebar-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:2px solid rgba(255,255,255,.28);border-radius:2px;background:#ffffff14;color:#f0f0f0;cursor:pointer;image-rendering:pixelated;transition:background .16s ease,border-color .16s ease}.sidebar-toggle__icon{display:block;width:clamp(18px,5vw,20px);height:clamp(18px,5vw,20px);image-rendering:pixelated;image-rendering:crisp-edges}.sidebar-toggle:hover{background:#ffffff24;border-color:#ffffff59}.sidebar-toggle:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}.sidebar-toggle--open{position:fixed;top:max(.85rem,env(safe-area-inset-top));left:max(.85rem,env(safe-area-inset-left));z-index:20}.sidebar-toggle--close{position:absolute;top:max(.85rem,env(safe-area-inset-top));right:max(.85rem,env(safe-area-inset-right));z-index:2}.sidebar{position:fixed;top:0;left:0;display:flex;flex-direction:column;width:20%;height:100%;height:100dvh;padding:4.5rem 1.25rem max(1.5rem,env(safe-area-inset-bottom));padding-left:max(1.25rem,env(safe-area-inset-left));background:linear-gradient(180deg,#323232,#1f1f1f);border-right:1px solid rgba(255,255,255,.08);transform:translate(-100%);transition:transform .22s ease;z-index:30;pointer-events:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar--open{transform:translate(0);pointer-events:auto}.sidebar-nav{display:flex;flex-direction:column;gap:.35rem}.sidebar-nav__link{display:block;min-height:2.75rem;padding:.85rem .9rem;border-radius:.45rem;color:#f0f0f0c7;text-decoration:none;font-size:clamp(1rem,2.5vw,1.1rem);letter-spacing:.02em;line-height:1.3;transition:background .16s ease,color .16s ease}.sidebar-nav__link:hover{background:#ffffff14;color:#fff}.sidebar-nav__link--active{background:#ffffff1f;color:#fff}.sidebar-nav__link:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}@media (max-width: 900px){.sidebar{width:min(72vw,20rem)}}@media (max-width: 640px){.sidebar{width:min(86vw,22rem);padding-top:4.75rem;padding-right:1rem}.sidebar-nav{gap:.45rem}.sidebar-nav__link{min-height:3rem;padding:.95rem 1rem;font-size:1.1rem}.sidebar-toggle{width:3rem;height:3rem}.faqs-page{padding-top:5rem}.faq-item{box-shadow:2px 2px #00000059}.faq-item__trigger{min-height:3rem;gap:.75rem}.faq-item__answer{line-height:1.65}}@media (max-width: 380px){.sidebar{width:92vw}.faqs-page__title{font-size:1.45rem}.faq-item__trigger,.faq-item__answer{font-size:1rem}}.official-links-page{min-height:100vh;min-height:100dvh;width:100%;display:flex;justify-content:center;padding:4.5rem clamp(1rem,4vw,1.5rem) 3rem;padding-left:max(clamp(1rem,4vw,1.5rem),env(safe-area-inset-left));padding-right:max(clamp(1rem,4vw,1.5rem),env(safe-area-inset-right));padding-bottom:max(3rem,env(safe-area-inset-bottom))}.official-links-page__inner{width:min(100%,36rem);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.official-links-page__title{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;letter-spacing:.06em;text-align:center;color:#f5f5f5}.official-links{width:100%;display:flex;flex-direction:column;gap:.85rem}.official-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:.9rem;min-height:3.25rem;padding:.85rem 1.1rem;border:2px solid rgba(255,255,255,.28);border-radius:2px;background:#120e10b8;box-shadow:3px 3px #00000073;color:#f0f0f0;font:inherit;font-size:clamp(1rem,2.6vw,1.15rem);font-weight:600;letter-spacing:.04em;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease}.official-link:hover{background:#281c1ee0;border-color:#dc46468c;color:#fff}.official-link:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}.official-link__icon{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;flex-shrink:0}.official-link__icon svg{width:100%;height:100%;display:block}.official-link__label{flex:1}.info-page{min-height:100vh;min-height:100dvh;width:100%;display:flex;justify-content:center;padding:4.5rem clamp(1rem,4vw,1.5rem) 3rem;padding-left:max(clamp(1rem,4vw,1.5rem),env(safe-area-inset-left));padding-right:max(clamp(1rem,4vw,1.5rem),env(safe-area-inset-right));padding-bottom:max(3rem,env(safe-area-inset-bottom))}.info-page__inner{width:min(100%,42rem);display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,3vw,1.5rem)}.info-page__title{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;letter-spacing:.06em;text-align:center;color:#f5f5f5}.info-content-wrapper{display:flex;flex-direction:column;gap:1.25rem;padding-top:.5rem}.info-content-section{display:flex;flex-direction:column}.info-content-title{font-size:clamp(1.05rem,2.8vw,1.2rem);font-weight:700;color:#f5f5f5;margin-bottom:.35rem;letter-spacing:.02em}.info-content-body{color:#e8e8e8db;font-size:clamp(.95rem,2.6vw,1.05rem);line-height:1.65}.collection-page{display:flex;min-height:100vh;min-height:100dvh;padding-top:max(4.5rem,env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom)}.collection-page__sidebar{width:min(100%,20rem);flex-shrink:0;padding:1.5rem;background:#0003;border-right:1px solid rgba(255,255,255,.1);overflow-y:auto;height:calc(100vh - 4.5rem);position:sticky;top:4.5rem}.collection-page__main{flex:1;padding:1.5rem;overflow-y:auto}.collection-sidebar__title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.collection-filter-group{margin-bottom:1.5rem}.collection-filter-label{display:block;font-size:1rem;color:#ccc;margin-bottom:.5rem}.collection-filter-input{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-family:inherit}.collection-filter-input:focus{outline:none;border-color:#f5f5f5}.collection-traits{margin-top:2rem}.collection-traits__title{font-size:1.2rem;color:#fff;margin-bottom:1rem}.trait-accordion{border-bottom:1px solid rgba(255,255,255,.1)}.trait-accordion__trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;background:transparent;border:none;color:#e8e8e8;font:inherit;font-size:1.05rem;cursor:pointer;text-align:left}.trait-accordion__icon{font-size:1.2rem}.trait-accordion__content{padding-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.trait-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#ccc}.trait-checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.2rem;height:1.2rem;border:2px solid rgba(255,255,255,.3);border-radius:2px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.trait-checkbox-input:checked{background:#f5f5f5}.trait-checkbox-input:checked:after{content:"✓";color:#000;font-size:.85rem;font-weight:700}.collection-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.collection-page__title{font-size:2rem;font-weight:700}.collection-page__count{color:#aaa;font-size:1.1rem}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.collection-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.collection-card:hover{transform:translateY(-4px);border-color:#fff6}.collection-card__image-wrap{aspect-ratio:1;width:100%;background:#0000004d}.collection-card__image{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:crisp-edges}.collection-card__info{padding:1rem}.collection-card__id{color:#aaa;font-size:.9rem;margin-bottom:.25rem}.collection-card__name{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.5rem}.collection-card__tier{display:inline-block;padding:.25rem .5rem;background:#ffffff1a;border-radius:4px;font-size:.8rem;color:#ccc}@media (max-width: 900px){.collection-page{flex-direction:column}.collection-page__sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}}
