:root {
  --ocean-950: #031f36;
  --ocean-900: #062f50;
  --ocean-800: #07587a;
  --ocean-100: #d9f1ed;
  --parchment: #f8e2aa;
  --parchment-light: #fff2ca;
  --parchment-deep: #d9b36d;
  --wood: #754222;
  --wood-dark: #371b12;
  --corn: #eeb42c;
  --corn-light: #ffdc72;
  --coral: #a82d1b;
  --coral-light: #c84527;
  --ink: #102d45;
  --shadow: 0 16px 34px rgba(0, 12, 25, .32);
  color: var(--ink);
  font-family: 'Trebuchet MS', system-ui, sans-serif;
  background:
    radial-gradient(circle at 18% 12%, rgba(13, 92, 126, .42), transparent 24rem),
    radial-gradient(circle at 86% 42%, rgba(0, 84, 118, .32), transparent 28rem),
    repeating-linear-gradient(8deg, transparent 0 18px, rgba(255, 255, 255, .018) 19px 20px),
    var(--ocean-950);
}

* { box-sizing: border-box; }
body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 18% 12%, rgba(13, 92, 126, .42), transparent 24rem),
    radial-gradient(circle at 86% 42%, rgba(0, 84, 118, .32), transparent 28rem),
    repeating-linear-gradient(8deg, transparent 0 18px, rgba(255, 255, 255, .018) 19px 20px),
    var(--ocean-950);
  color: var(--ink);
}
button { font: inherit; }
button:focus-visible { outline: 3px solid var(--corn); outline-offset: 3px; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.site-header {
  position: relative;
  overflow: hidden;
  padding: .7rem max(.65rem, calc((100vw - 1120px) / 2)) .9rem;
  color: var(--parchment-light);
  background:
    linear-gradient(rgba(3, 31, 54, .2), rgba(3, 31, 54, .82)),
    repeating-linear-gradient(100deg, transparent 0 46px, rgba(50, 151, 182, .05) 47px 49px),
    var(--ocean-900);
  border-bottom: 7px solid var(--wood-dark);
}
.site-header::before, .site-header::after {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 0;
  height: .45rem;
  background: repeating-linear-gradient(135deg, #8f591e 0 5px, #e5aa35 5px 9px, #694018 9px 13px);
  content: '';
}
.site-header::before { top: 0; }
.site-header::after { bottom: 0; }
.masthead { position: relative; z-index: 1; max-width: 1100px; margin: 0 auto; }
.farm-label { margin: .35rem 0 .55rem; color: var(--corn-light); font-family: Georgia, serif; font-size: clamp(.72rem, 2.6vw, .92rem); font-weight: 700; letter-spacing: .16em; text-align: center; text-transform: uppercase; text-shadow: 0 2px 0 #031827; }
.farm-label span { color: var(--coral-light); }
.hero-poster { margin: 0; overflow: hidden; border: 3px solid #bd7d22; border-radius: .45rem; background: var(--parchment); box-shadow: 0 5px 0 var(--wood-dark), 0 14px 32px rgba(0, 0, 0, .5); }
.hero-poster img { display: block; width: 100%; height: auto; }
.eyebrow, .section-kicker { margin: 0 0 .2rem; color: var(--coral); font-size: .7rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
h1, h2, p { margin-top: 0; }
h1, h2 { font-family: Georgia, serif; font-weight: 700; }

.game-shell { width: min(100% - 1.3rem, 960px); margin: 0 auto; padding: 1.1rem 0 2rem; }
.intro-card, .panel, .completion-banner { box-shadow: var(--shadow); }
.intro-card, .panel, .game-dialog {
  background:
    radial-gradient(circle at 12% 18%, rgba(117, 66, 34, .12) 0 1px, transparent 2px),
    radial-gradient(circle at 78% 72%, rgba(117, 66, 34, .09) 0 1px, transparent 2px),
    linear-gradient(105deg, rgba(255, 255, 255, .2), transparent 40%, rgba(133, 81, 33, .08)),
    var(--parchment);
  background-size: 31px 31px, 43px 43px, auto, auto;
}
.intro-card { position: relative; display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; padding: 1.25rem; border: 3px solid #ad752f; border-radius: .55rem; }
.intro-card::after { position: absolute; right: 5.2rem; bottom: .65rem; width: 4.4rem; border-top: 3px dashed rgba(117, 66, 34, .38); border-radius: 50%; content: ''; transform: rotate(-12deg); }
.intro-card h2 { max-width: 22rem; margin-bottom: .5rem; color: var(--ocean-900); font-size: clamp(1.35rem, 5vw, 2.1rem); line-height: 1.1; }
.intro-card p:not(.section-kicker) { max-width: 38rem; margin-bottom: 0; color: #504638; line-height: 1.55; }
.intro-toggle { min-height: 2.4rem; padding: .45rem .65rem; border: 2px solid var(--wood); border-radius: .25rem; color: var(--ocean-900); background: rgba(255, 242, 202, .62); box-shadow: 2px 2px 0 rgba(55, 27, 18, .2); font: inherit; font-size: .78rem; font-weight: 700; cursor: pointer; }
.intro-toggle[hidden] { display: none; }
.section-kicker { display: inline-block; width: fit-content; padding: .24rem .48rem; color: var(--parchment-light); background: var(--coral); box-shadow: 3px 3px 0 rgba(55, 27, 18, .25); letter-spacing: .11em; transform: rotate(-1deg); }
.compass { flex: 0 0 4.3rem; align-self: center; position: relative; z-index: 1; display: grid; place-items: center; width: 4.3rem; height: 4.3rem; border: 3px double var(--wood); border-radius: 50%; color: var(--wood); background: rgba(255, 242, 202, .5); font-family: Georgia, serif; font-size: .75rem; box-shadow: 0 3px 0 rgba(55, 27, 18, .2); transform: rotate(12deg); }
.compass i { position: absolute; width: 2px; height: 2.5rem; background: var(--wood); transform: rotate(45deg); }
.compass b { position: absolute; color: var(--coral); font-size: 1.3rem; transform: rotate(-45deg); }

.progress-strip { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin-bottom: 1rem; }
.progress-card { display: flex; align-items: center; gap: .65rem; padding: .8rem .9rem; border: 2px solid #c38b30; border-radius: .45rem; color: var(--parchment); background: repeating-linear-gradient(0deg, #62351f 0 13px, #754222 13px 16px); box-shadow: 0 5px 0 var(--wood-dark), 0 10px 20px rgba(0, 0, 0, .25); }
.progress-icon { display: grid; place-items: center; width: 2.15rem; height: 2.15rem; border: 1px solid var(--corn); border-radius: 50%; background: rgba(255, 220, 114, .12); font-size: 1.25rem; }
.progress-label { display: block; color: var(--ocean-100); font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.progress-card strong { display: block; font-family: Georgia, serif; font-size: 1.25rem; font-weight: 700; color: var(--corn-light); }

.panel { margin-bottom: 1rem; overflow: hidden; border: 3px solid #a86f2b; border-radius: .55rem; }
.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.05rem 1.15rem .8rem; }
.panel-heading h2 { margin: 0; color: var(--ocean-900); font-size: 1.55rem; }
.status-pill, .chest-tab { padding: .4rem .6rem; border: 1px solid #b47b20; border-radius: .2rem; color: var(--wood-dark); background: var(--corn-light); box-shadow: 2px 2px 0 rgba(55, 27, 18, .2); font-size: .68rem; font-weight: 700; text-align: center; }
.chest-tab { display: grid; place-items: center; width: 2rem; height: 2rem; padding: 0; color: var(--coral); font-size: 1.1rem; }
.ship-panel.is-complete .status-pill { color: var(--parchment); background: var(--coral); }
.ship-stage { position: relative; isolation: isolate; height: min(72vw, 380px); min-height: 290px; overflow: hidden; border-top: 4px solid var(--wood-dark); border-bottom: 4px solid var(--wood-dark); background: url('/images/stage/stage-background-v1.webp') center 58% / cover no-repeat; }
.ship-stage::before { position: absolute; z-index: 0; inset: 0; background: linear-gradient(180deg, rgba(4, 30, 52, .08), rgba(4, 30, 52, .02) 48%, rgba(1, 20, 34, .3)); content: ''; pointer-events: none; }
.ship-stage::after { position: absolute; z-index: 1; inset: 0; background: radial-gradient(ellipse at 50% 54%, transparent 28%, rgba(1, 20, 34, .2) 100%); content: ''; pointer-events: none; }
.ship-stage.is-sailing .ship-art { animation: sail-away 2.2s cubic-bezier(.4, 0, .8, 1) both; }
.sky-sparkle, .cloud, .ocean-line, .ship-foam, .corn-stalk { display: none; }
.sky-sparkle { position: absolute; z-index: 1; color: var(--corn-light); font-size: 1.2rem; }
.sparkle-one { top: 14%; left: 23%; }.sparkle-two { top: 26%; right: 23%; font-size: 2.2rem; }
.cloud { position: absolute; width: 5rem; height: 1.2rem; border-radius: 99px; opacity: .5; background: #e8f8e8; }.cloud::before, .cloud::after { position: absolute; bottom: 0; border-radius: 50%; background: inherit; content: ''; }.cloud::before { left: 1rem; width: 2rem; height: 2rem; }.cloud::after { left: 2.5rem; width: 1.5rem; height: 1.5rem; }.cloud-one { top: 18%; right: 8%; }.cloud-two { top: 35%; left: 7%; transform: scale(.7); }
.ocean-line { position: absolute; right: -10%; bottom: 24%; left: -10%; height: 1.2rem; opacity: .55; border-top: 3px solid rgba(217, 241, 237, .6); border-radius: 50%; transform: rotate(-2deg); }
.ship-art { position: absolute; z-index: 2; inset: 1% 2% 3%; transform-origin: 50% 75%; transition: transform .7s ease; }
.ship-base, .ship-part { position: absolute; inset: 0; background-position: center bottom; background-repeat: no-repeat; background-size: contain; }
.ship-base { z-index: 2; background-image: url('/images/ship/ship-base-v3.png'); filter: drop-shadow(0 8px 5px rgba(0, 18, 30, .42)); }
.ship-part { z-index: 4; opacity: .13; filter: grayscale(1) brightness(1.45); transition: opacity .3s, filter .3s, transform .3s; }
.ship-part.is-collected { opacity: 1; filter: drop-shadow(0 3px 2px rgba(0, 12, 25, .3)); animation: snap-in .75s cubic-bezier(.2, 1.5, .5, 1) both; }
.part-mast { z-index: 3; background-image: url('/images/ship/ship-mast-v1.png'); transform-origin: 45% 76%; }
.part-sail { z-index: 4; background-image: url('/images/ship/ship-sail-v1.png'); transform-origin: 44% 63%; }
.part-wheel { z-index: 1; background-image: url('/images/ship/ship-wheel-v3.png'); clip-path: none; transform-origin: 19% 52%; }
.part-anchor { z-index: 5; background-image: url('/images/ship/ship-anchor-v3.png'); transform-origin: 84% 75%; }
.part-cannon { z-index: 5; background-image: url('/images/ship/ship-cannon-v4.png'); transform-origin: 51% 79%; }
.part-crows-nest { z-index: 5; background-image: url('/images/ship/ship-crows-nest-v1.png'); transform-origin: 45% 15%; }
.ship-foam { position: absolute; bottom: 16%; width: 4rem; height: .7rem; border-top: 4px solid var(--ocean-100); border-radius: 50%; opacity: .7; }.foam-one { left: 6%; }.foam-two { right: 3%; transform: scale(.7); }
.corn-stalk { position: absolute; z-index: 5; bottom: 0; width: .6rem; height: 31%; border-radius: 50% 50% 0 0; background: #3c8e4b; transform: rotate(-8deg); }.corn-stalk::before, .corn-stalk::after { position: absolute; width: 2.2rem; height: 1.1rem; border-radius: 100% 0; background: #5ca751; content: ''; }.corn-stalk::before { top: 35%; right: .1rem; transform: rotate(20deg); }.corn-stalk::after { top: 58%; left: .1rem; transform: rotate(-35deg); }.stalk-one { left: 1%; }.stalk-two { right: 1%; height: 38%; transform: rotate(10deg); }.stalk-three { right: 8%; height: 22%; transform: rotate(2deg); }
.panel-helper { margin: 0; padding: .8rem 1.15rem 1.1rem; color: #5b4b38; font-size: .86rem; line-height: 1.45; }
.parts-log { margin: 0 1.15rem 1.1rem; padding: .75rem .8rem .85rem; border: 2px dashed rgba(117, 66, 34, .48); border-radius: .35rem; background: rgba(255, 242, 202, .36); }
.parts-log-heading { display: flex; align-items: center; gap: .55rem; margin-bottom: .65rem; }
.parts-map-icon { display: grid; place-items: center; width: 2.15rem; height: 2.15rem; flex: 0 0 2.15rem; border: 1px solid var(--wood); border-radius: 50%; background: var(--parchment-light); font-size: 1.15rem; }
.parts-log-heading h3 { margin: 0; color: var(--ocean-900); font-family: Georgia, serif; font-size: 1.08rem; }
.parts-remaining-count { margin-left: auto; padding: .3rem .45rem; border: 1px solid #b47b20; border-radius: 999px; color: var(--wood-dark); background: var(--corn-light); font-size: .65rem; font-weight: 700; white-space: nowrap; }
.ship-parts-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; margin: 0; padding: 0; list-style: none; }
.ship-part-clue { display: flex; align-items: center; gap: .35rem; min-height: 2.75rem; padding: .4rem .45rem; border: 1px solid rgba(117, 66, 34, .35); border-radius: .25rem; color: var(--wood-dark); background: rgba(243, 221, 177, .55); }
.part-clue-icon { display: grid; place-items: center; width: 1.7rem; height: 1.7rem; flex: 0 0 1.7rem; color: var(--coral); }
.part-icon-svg { display: block; width: 100%; height: 100%; }
.ship-part-clue[data-part="ship-sail"] .part-clue-icon { color: #bf7a1d; }
.ship-part-clue[data-part="ship-wheel"] .part-clue-icon { color: #a43c26; }
.ship-part-clue[data-part="ship-anchor"] .part-clue-icon { color: #416b87; }
.ship-part-clue[data-part="ship-cannon"] .part-clue-icon { color: #a43c26; }
.ship-part-clue[data-part="ship-crows-nest"] .part-clue-icon { color: #8d5a22; }
.part-clue-name { overflow: hidden; font-size: .72rem; font-weight: 700; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.part-clue-status { margin-left: auto; color: var(--corn); font-size: .75rem; }
.parts-all-aboard { display: flex; align-items: center; justify-content: center; gap: .45rem; min-height: 2.75rem; padding: .4rem; border: 1px solid #b47b20; border-radius: .25rem; color: var(--wood-dark); background: var(--corn-light); font-size: .76rem; font-weight: 700; text-align: center; }.parts-all-aboard .part-icon-svg { width: 1.5rem; height: 1.5rem; }

.treasure-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; margin: 0; padding: .2rem 1.15rem 0; list-style: none; }
.treasure-card { min-height: 5.7rem; display: grid; place-items: center; align-content: center; gap: .25rem; padding: .5rem .25rem; border: 2px dashed rgba(86, 45, 24, .45); border-radius: .25rem; color: rgba(38,48,56,.48); background: rgba(117, 66, 34, .1); text-align: center; }
.treasure-card.is-collected { border-style: solid; border-color: #b7781b; color: var(--ink); background: radial-gradient(circle at 50% 20%, #fff0a4, var(--corn-light)); box-shadow: inset 0 0 0 2px rgba(117, 66, 34, .12), 0 3px 0 rgba(111,60,41,.28); animation: treasure-pop .5s ease both; }
.treasure-icon { display: grid; place-items: center; height: 2.1rem; color: var(--wood); font-family: Georgia, serif; font-size: 1.7rem; }.treasure-name { font-size: .68rem; font-weight: 700; line-height: 1.15; }
.treasure-cob .treasure-icon { width: 2.1rem; color: #c98816; font-size: 0; background: url('/images/treasures/treasure-golden-cob-v3-128.png') center / contain no-repeat; background-image: image-set(url('/images/treasures/treasure-golden-cob-v3-128.png') 1x, url('/images/treasures/treasure-golden-cob-v3-256.png') 2x, url('/images/treasures/treasure-golden-cob-v3-384.png') 3x, url('/images/treasures/treasure-golden-cob-v3.png') 4x); }
.treasure-doubloon .treasure-icon { width: 2.1rem; color: #c98816; font-size: 0; background: url('/images/treasures/treasure-doubloon-v2-128.png') center / contain no-repeat; background-image: image-set(url('/images/treasures/treasure-doubloon-v2-128.png') 1x, url('/images/treasures/treasure-doubloon-v2-256.png') 2x, url('/images/treasures/treasure-doubloon-v2-384.png') 3x, url('/images/treasures/treasure-doubloon-v2.png') 4x); }
.treasure-ruby .treasure-icon { width: 2.1rem; color: #b83a4b; font-size: 0; background: url('/images/treasures/treasure-ruby-v2-128.png') center / contain no-repeat; background-image: image-set(url('/images/treasures/treasure-ruby-v2-128.png') 1x, url('/images/treasures/treasure-ruby-v2-256.png') 2x, url('/images/treasures/treasure-ruby-v2-384.png') 3x, url('/images/treasures/treasure-ruby-v2.png') 4x); }
.treasure-emerald .treasure-icon { width: 2.1rem; color: #277a66; font-size: 0; background: url('/images/treasures/treasure-emerald-v2-128.png') center / contain no-repeat; background-image: image-set(url('/images/treasures/treasure-emerald-v2-128.png') 1x, url('/images/treasures/treasure-emerald-v2-256.png') 2x, url('/images/treasures/treasure-emerald-v2-384.png') 3x, url('/images/treasures/treasure-emerald-v2.png') 4x); }
.treasure-pearls .treasure-icon { width: 2.1rem; color: #9b82a8; font-size: 0; background: url('/images/treasures/treasure-pearls-v2-128.png') center / contain no-repeat; background-image: image-set(url('/images/treasures/treasure-pearls-v2-128.png') 1x, url('/images/treasures/treasure-pearls-v2-256.png') 2x, url('/images/treasures/treasure-pearls-v2-384.png') 3x, url('/images/treasures/treasure-pearls-v2.png') 4x); }
.treasure-crown .treasure-icon { width: 2.1rem; color: #b27a16; font-size: 0; background: url('/images/treasures/treasure-crown-v2-128.png') center / contain no-repeat; background-image: image-set(url('/images/treasures/treasure-crown-v2-128.png') 1x, url('/images/treasures/treasure-crown-v2-256.png') 2x, url('/images/treasures/treasure-crown-v2-384.png') 3x, url('/images/treasures/treasure-crown-v2.png') 4x); }
.treasure-card:not(.is-collected) .treasure-icon { width: 2.1rem; color: var(--wood-dark); font-size: 1.8rem; font-weight: 700; background: none; text-shadow: 0 1px 0 var(--corn-light); }

.completion-banner { display: flex; align-items: center; gap: .8rem; margin-bottom: 1rem; padding: 1.1rem 1.15rem; border: 3px solid var(--corn); border-radius: .35rem; color: var(--parchment); background: linear-gradient(135deg, var(--coral-light), #7d1c12); }
.completion-banner[hidden] { display: none; }
.completion-banner .section-kicker { color: var(--corn-light); background: var(--ocean-900); }.completion-banner h2 { margin-bottom: .25rem; font-size: 1.35rem; }.completion-banner p:last-child { margin: 0; color: var(--parchment-light); font-size: .86rem; line-height: 1.4; }.completion-star { font-size: 2.2rem; color: var(--corn); }
.status-message { min-height: 1.5rem; margin: .75rem 0; color: var(--ocean-100); font-size: .85rem; text-align: center; }.status-message.error { color: #ffb5a9; }.status-message.success { color: var(--corn-light); }
.game-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .65rem 0; color: #9bc6c6; font-size: .75rem; }.game-footer p { margin: 0; }.text-button { min-height: 44px; padding: .3rem .65rem; border: 0; color: var(--corn-light); background: transparent; font-weight: 700; text-decoration: underline; cursor: pointer; }

.game-dialog { width: min(calc(100% - 2rem), 27rem); padding: 1.55rem; border: 4px double var(--wood); border-radius: .55rem; color: var(--ink); box-shadow: 0 18px 50px rgba(0,0,0,.4); text-align: center; }
.game-dialog::backdrop { background: rgba(4, 25, 36, .82); backdrop-filter: blur(3px); }
.game-dialog h2 { margin-bottom: .6rem; color: var(--ocean-900); font-size: 1.75rem; }
.game-dialog p:not(.section-kicker):not(.flavor-copy) { line-height: 1.55; }
.dialog-art { display: grid; place-items: center; width: 3.4rem; height: 3.4rem; margin: 0 auto .75rem; border: 2px dashed var(--wood); border-radius: 50%; color: var(--coral); font-size: 1.8rem; }
.treasure-burst { border-style: solid; border-color: var(--corn); font-size: 1.9rem; background: var(--corn-light); }
.flavor-copy { margin: 1rem 0; color: #6f6051; font-family: Georgia, serif; font-style: italic; line-height: 1.4; }
.primary-button, .secondary-button, .danger-button { min-height: 46px; border-radius: .25rem; padding: .65rem 1rem; font-weight: 700; cursor: pointer; }
.primary-button { width: 100%; border: 2px solid var(--ocean-950); color: var(--parchment); background: var(--ocean-900); box-shadow: 0 3px 0 var(--wood-dark); }
.secondary-button { border: 2px solid var(--ocean-800); color: var(--ocean-900); background: transparent; }
.danger-button { border: 2px solid var(--coral); color: white; background: var(--coral); }
.dialog-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin-top: 1.1rem; }
.noscript-message { margin: 2rem auto; padding: 1rem; max-width: 32rem; color: var(--parchment); text-align: center; }

@keyframes snap-in { 0% { opacity: .2; transform: translateY(-22px) scale(.65) rotate(-10deg); } 70% { transform: translateY(4px) scale(1.05) rotate(2deg); } 100% { opacity: 1; transform: translateY(0) scale(1) rotate(0); } }
@keyframes treasure-pop { 0% { transform: scale(.85); } 75% { transform: scale(1.04); } 100% { transform: scale(1); } }
@keyframes sail-away { 0% { transform: translateX(0) rotate(0); } 20% { transform: translateX(-2%) rotate(-1deg); } 100% { transform: translateX(125%) rotate(4deg); } }

@media (min-width: 700px) {
  .site-header { padding-top: 1rem; padding-bottom: 1.2rem; }
  .game-shell { padding-top: 1.5rem; }
  .intro-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .intro-card > div:first-child { min-width: 0; }
  .intro-card h2 { max-width: none; font-size: clamp(1.8rem, 3.4vw, 2.65rem); letter-spacing: -.025em; }
  .intro-card p:not(.section-kicker) { max-width: none; }
  .progress-strip { gap: 1rem; }
  .progress-card { padding: 1rem 1.2rem; }
  .ship-parts-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .treasure-grid { grid-template-columns: repeat(6, 1fr); }
  .treasure-card { min-height: 7rem; }
  .intro-toggle { display: none; }
}

@media (max-width: 699px) {
  .intro-card.is-collapsed { align-items: center; justify-content: flex-end; min-height: 3rem; margin-bottom: .75rem; padding: .45rem .65rem; }
  .intro-card.is-collapsed::after, .intro-card.is-collapsed .compass { display: none; }
  .intro-card.is-collapsed .intro-toggle { margin-left: auto; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}