html { scroll-padding-top: 110px; }
[hidden] { display: none !important; }
button, a { -webkit-tap-highlight-color: transparent; }
button { touch-action: manipulation; }
a:focus-visible, button:focus-visible { outline: 4px solid #DA8494; outline-offset: 5px; }
button:disabled { opacity: .68; cursor: default !important; }
.skip-link { position: fixed; top: -100px; left: 20px; z-index: 100; padding: 14px 22px; background: #FBF3DF; border: 3px solid #111; border-radius: 12px; font-size: 20px; }
.skip-link:focus { top: 20px; }
.menu-toggle { display: none; border: 3px solid #111; border-radius: 10px; padding: 6px 12px; background: #FDDB5C; font: 20px 'Patrick Hand', cursive; cursor: pointer; }
[data-mode-fill] { border-right-width: 0 !important; }
[data-mode-full] > div { z-index: 1; }
#top { overflow: clip; }
#timeline .timeline-card { pointer-events: none; }
#timeline > div { max-width: 1680px; margin-inline: auto; }

@media (max-width: 1100px) and (min-width: 901px) {
  #nav-links a { padding-inline: 8px !important; font-size: 18px; }
  nav { gap: 8px !important; }
}
@media (max-width: 900px) {
  .menu-toggle { display: block; margin-left: auto; }
  nav { gap: 10px !important; padding-left: 12px !important; }
  nav > a:last-child { padding: 10px 12px !important; font-size: 17px !important; }
  nav > a:first-child img { height: 24px !important; }
  #nav-links { display: none !important; position: absolute; top: calc(100% + 12px); left: -3px; right: -3px; padding: 12px; background: #FBF3DF; border: 3px solid #111; border-radius: 18px; box-shadow: 4px 4px 0 #111; }
  #nav-links.is-open { display: flex !important; flex-direction: column; gap: 4px; }
  #nav-links a { padding: 12px 16px !important; font-size: 22px; }
  #top > div:first-child { padding-bottom: 32px !important; }
  #top > div:last-child { max-width: 640px; margin-inline: auto; width: 100%; }
  #top [data-ref='HeroImg'] { max-height: 620px !important; }
}
@media (max-width: 700px) {
  [data-reveal] { opacity: 1 !important; translate: none !important; }
  #top [data-ref='HeroWord'], #top [data-ref='HeroImg'], [data-reveal='peek'] { opacity: 1 !important; transform: none !important; }
  #top { min-height: auto !important; gap: 40px !important; padding-top: 124px !important; }
  #top > div:first-child { padding-bottom: 0 !important; }
  #top [data-ref='HeroImg'] { max-height: 560px !important; }
  #top [data-ref='HeroWord'] > div:first-child { margin-bottom: 20px !important; }
  #lore { height: auto !important; }
  #lore > div { position: relative !important; height: auto !important; min-height: 700px; padding: 120px 24px 260px !important; }
  #lore [data-lore-word] { opacity: 1 !important; }
  #lore [data-ref='LoreImg'] { width: 210px !important; bottom: -4px !important; right: 16px !important; }
  #timeline { height: auto !important; }
  #timeline > div { position: relative !important; height: auto !important; padding: 110px 24px 50px; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; gap: 18px 12px; }
  #timeline > div > div:first-child { position: relative !important; top: auto !important; grid-column: 1 / -1; padding: 0 !important; margin-bottom: 12px; }
  #timeline .timeline-card { position: relative !important; left: auto !important; top: auto !important; width: 100% !important; opacity: 1 !important; transform: none !important; filter: none !important; }
  #timeline .timeline-card > div { padding: 10px !important; height: 100%; }
  #timeline [data-ref='TlNombu'] { position: relative !important; grid-column: 1 / -1; left: auto !important; bottom: auto !important; width: min(100%, 380px); height: auto !important; transform: none !important; margin: 20px auto -28px; order: 2; }
  #timeline [data-ref='TlCaption'] { position: relative !important; bottom: auto !important; opacity: 1 !important; grid-column: 1 / -1; padding: 0 !important; order: 3; }
  #timeline [data-ref='TlCaption'] span { font-size: 30px !important; padding: 12px 16px !important; }
  #mode, #tokenomics, #buy { padding-top: 100px !important; padding-bottom: 120px !important; }
  footer { padding-top: 90px !important; }
  footer > div > div:last-child { max-width: 100% !important; padding-bottom: 150px; }
  footer > img { width: 160px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  [data-reveal], [data-lore-word] { opacity: 1 !important; translate: none !important; }
  #top [data-ref='HeroWord'], #top [data-ref='HeroImg'], [data-reveal='peek'] { opacity: 1 !important; transform: none !important; }
  #lore { height: auto !important; }
  #lore > div { position: relative !important; height: auto !important; min-height: 100vh; padding: 150px 6vw 200px !important; }
  #timeline { height: auto !important; }
  #timeline > div { position: relative !important; height: auto !important; padding: 150px 6vw 60px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 22px; }
  #timeline > div > div:first-child { position: relative !important; top: auto !important; grid-column: 1 / -1; margin-bottom: 20px; }
  #timeline .timeline-card { position: relative !important; left: auto !important; top: auto !important; width: 100% !important; opacity: 1 !important; transform: none !important; }
  #timeline [data-ref='TlNombu'] { display: none; }
  #timeline [data-ref='TlCaption'] { position: relative !important; bottom: auto !important; grid-column: 1 / -1; opacity: 1 !important; }
}
html:not(.js) [data-lore-word], html:not(.js) [data-reveal] { opacity: 1 !important; }
html:not(.js) #nav-links { display: flex !important; }
html:not(.js) .menu-toggle { display: none; }