/** Shopify CDN: Minification failed

Line 747:41 Expected "}" to go with "{"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:depressed-merchant-hero (INDEX:13) */
.dm-world {
    --dm-ink: #090b12;
    --dm-panel: #111722;
    --dm-panel-light: #263142;
    --dm-gold: #f3b92e;
    --dm-gold-light: #ffe98a;
    --dm-gold-dark: #8a4b13;
    --dm-blue: #14529f;
    --dm-blue-dark: #072b64;
    --dm-blue-light: #4ec9ff;
    --dm-green: #188948;
    --dm-purple: #412169;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: #07172d;
    border-bottom: 8px solid var(--dm-gold);
  }

  .dm-toolbar {
    position: relative;
    z-index: 20;
    display: grid;
    grid-template-columns: auto 1fr auto auto auto auto;
    align-items: stretch;
    min-height: 6.4rem;
    color: #fff;
    background:
      linear-gradient(180deg, rgba(255,255,255,.04), transparent 30%),
      #101720;
    border-top: 4px solid #454e5a;
    border-bottom: 4px solid #020307;
    box-shadow:
      inset 0 -3px 0 #343d49,
      0 5px 0 rgba(0,0,0,.65);
  }

  .dm-toolbar::before,
  .dm-toolbar::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
  }

  .dm-toolbar::before {
    background:
      repeating-linear-gradient(
        90deg,
        transparent 0,
        transparent 90px,
        rgba(255,255,255,.025) 90px,
        rgba(255,255,255,.025) 92px
      );
  }

  .dm-toolbar__item,
  .dm-toolbar__cart {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .9rem;
    min-width: 12rem;
    padding: 1.2rem 1.8rem;
    color: #fff;
    font-family: var(--dm-pixel-heading);
    font-size: 1.15rem;
    line-height: 1.5;
    text-decoration: none;
    text-transform: uppercase;
    background: transparent;
    border: 0;
    border-right: 3px solid #05070b;
    box-shadow: inset -2px 0 0 #39424d;
    cursor: pointer;
  }

  .dm-toolbar__item:hover,
  .dm-toolbar__cart:hover {
    color: var(--dm-gold-light);
    background: rgba(255,255,255,.045);
  }

  .dm-toolbar__menu {
    justify-content: flex-start;
    min-width: 20rem;
  }

  .dm-toolbar__icon {
    color: var(--dm-gold);
    font-size: 2rem;
    line-height: 1;
  }

  .dm-toolbar__coin {
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    color: #ffcc38;
    font-size: 1.1rem;
    background: #a86400;
    border: 3px solid #ffd95b;
    border-radius: 50%;
    box-shadow: inset 2px 2px 0 rgba(255,255,255,.5);
  }

  .dm-toolbar__count {
    color: var(--dm-gold-light);
  }

  .dm-toolbar__cart {
    min-width: 7rem;
    color: white;
    font-size: 2.3rem;
    background: #173d7a;
    border: 3px solid var(--dm-gold);
    box-shadow:
      inset 0 0 0 3px #0a214a,
      0 0 0 2px #020307;
  }

  .dm-toolbar__cart-badge {
    position: absolute;
    top: .5rem;
    right: .6rem;
    display: grid;
    place-items: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 .4rem;
    color: #111;
    font-family: var(--dm-pixel-heading);
    font-size: .85rem;
    background: var(--dm-gold);
    border: 2px solid #111;
    border-radius: 50%;
  }

  .dm-world__scene {
    position: relative;
    min-height: 82rem;
    padding: 18rem 0 7rem;
    background:
      linear-gradient(rgba(14,42,91,.08), rgba(5,20,25,.22)),
      var(--dm-world-image, none),
      linear-gradient(180deg, #1f75d0 0%, #79c6ef 34%, #5fae69 65%, #183b2c 100%);
    background-position:
      center,
      var(--dm-world-position, center center),
      center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .dm-world__scene::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
      linear-gradient(90deg, rgba(0,15,30,.12), transparent 23%, transparent 77%, rgba(0,15,30,.12)),
      linear-gradient(180deg, transparent 68%, rgba(3,14,11,.36));
  }

  .dm-world__sky {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
  }

  .dm-cloud {
    position: absolute;
    width: 13rem;
    height: 3.4rem;
    opacity: .45;
    background: rgba(255,255,255,.88);
    border-radius: 2px;
    filter: drop-shadow(6px 6px 0 rgba(25,44,111,.22));
    animation: dm-cloud-move 26s linear infinite;
  }

  .dm-cloud::before,
  .dm-cloud::after {
    content: "";
    position: absolute;
    bottom: 100%;
    background: inherit;
  }

  .dm-cloud::before {
    left: 2rem;
    width: 4rem;
    height: 2.5rem;
  }

  .dm-cloud::after {
    right: 2rem;
    width: 5.5rem;
    height: 4rem;
  }

  .dm-cloud--one {
    top: 8%;
    left: -16rem;
  }

  .dm-cloud--two {
    top: 20%;
    left: -22rem;
    transform: scale(.7);
    animation-delay: -13s;
    animation-duration: 34s;
  }

  .dm-bird {
    position: absolute;
    color: #09101b;
    font-family: serif;
    font-size: 2.2rem;
    transform: rotate(-8deg);
    animation: dm-bird-fly 18s linear infinite;
  }

  .dm-bird--one {
    top: 9%;
    left: -5rem;
  }

  .dm-bird--two {
    top: 15%;
    left: -10rem;
    animation-delay: -8s;
    animation-duration: 24s;
  }

  @keyframes dm-sign-sway {
  0%   { transform: translateX(-50%) rotate(-1deg); }
  50%  { transform: translateX(-50%) rotate(1deg); }
  100% { transform: translateX(-50%) rotate(-1deg); }
}

.dm-brand-sign{
    animation: dm-sign-sway 6s ease-in-out infinite;
    transform-origin: top center;
 
    .dm-brand-sign {
    position: absolute;
    top: -1rem;
    left: 50%;
    z-index: 12;
    width: min(92vw, 44rem);
    transform: translateX(-50%);
  }

  .dm-brand-sign__chain {
    position: absolute;
    top: -7rem;
    width: 2.2rem;
    height: 10rem;
    background:
      repeating-linear-gradient(
        180deg,
        #121820 0 7px,
        #6b7580 7px 10px,
        #121820 10px 18px
      );
    border-left: 3px solid #05070a;
    border-right: 3px solid #05070a;
    box-shadow: inset 3px 0 0 rgba(255,255,255,.12);
  }

  .dm-brand-sign__chain--left {
    left: 4rem;
  }

  .dm-brand-sign__chain--right {
    right: 4rem;
  }

  .dm-brand-sign__board {
    position: relative;
    padding: 2.7rem 4rem 2.2rem;
    text-align: center;
    background:
      repeating-linear-gradient(
        0deg,
        rgba(255,255,255,.045) 0 3px,
        transparent 3px 12px
      ),
      linear-gradient(90deg, #4a220c, #8b4b19 16%, #61300f 50%, #8b4b19 84%, #4a220c);
    border: 7px solid #201006;
    box-shadow:
      inset 0 0 0 5px #b6762d,
      inset 0 0 0 9px #52270d,
      0 9px 0 #08090c,
      0 15px 25px rgba(0,0,0,.5);
    clip-path: polygon(3% 0, 97% 0, 100% 12%, 98% 88%, 93% 100%, 7% 100%, 2% 88%, 0 12%);
  }

  .dm-brand-sign__title {
    margin: 0;
    color: #f1c15a;
    font-family: var(--dm-pixel-heading);
    font-size: clamp(2rem, 4vw, 3.8rem);
    line-height: 1.22;
    letter-spacing: .03em;
    text-transform: uppercase;
    text-shadow:
      0 3px 0 #9a5b18,
      0 6px 0 #3d1a08,
      4px 7px 0 #130a04;
  }

  .dm-brand-sign__subtitle {
    display: inline-block;
    margin: 1.2rem 0 0;
    padding: .8rem 1.8rem;
    color: #1d1408;
    font-family: var(--dm-pixel-heading);
    font-size: clamp(.8rem, 1.5vw, 1.15rem);
    line-height: 1.5;
    text-transform: uppercase;
    background: #c99a52;
    border: 4px solid #402008;
    box-shadow: inset 0 0 0 3px #f0ca7b;
  }

  .dm-brand-sign__bolt {
    position: absolute;
    width: 1.3rem;
    height: 1.3rem;
    background: #6e7379;
    border: 3px solid #171a1d;
    border-radius: 50%;
    box-shadow: inset 2px 2px 0 #c9cdd0;
  }

  .dm-brand-sign__bolt--one { top: 1.7rem; left: 2rem; }
  .dm-brand-sign__bolt--two { top: 1.7rem; right: 2rem; }
  .dm-brand-sign__bolt--three { bottom: 1.7rem; left: 2rem; }
  .dm-brand-sign__bolt--four { bottom: 1.7rem; right: 2rem; }

  .dm-world__content {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
  }

  .dm-game-window {
    width: min(100%, 74rem);
    padding: .8rem;
    background: #d99b22;
    border: 4px solid #ffe98a;
    border-radius: 8px;
    box-shadow:
      inset 0 0 0 4px #8c4813,
      0 7px 0 #6b370d,
      0 12px 0 #09071f,
      0 20px 35px rgba(0,0,0,.45);
  }

  .dm-game-window__topbar {
    display: grid;
    grid-template-columns: 2.5rem 1fr 2.5rem;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background:
      repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0 2px, transparent 2px 6px),
      linear-gradient(180deg, #221a50, #110e31);
    border: 4px solid #47478c;
    border-bottom: 0;
  }

  .dm-game-window__label {
    margin: 0;
    color: white;
    font-family: var(--dm-pixel-heading);
    font-size: clamp(1rem, 2vw, 1.5rem);
    line-height: 1.6;
    text-align: center;
    text-transform: uppercase;
  }

  .dm-orb {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border: 3px solid #09071f;
    border-radius: 50%;
    box-shadow: inset 3px 3px 0 rgba(255,255,255,.55);
  }

  .dm-orb--pink { background: #dc4bd4; }
  .dm-orb--green { background: #53dc78; }

  .dm-game-window__screen {
    padding: clamp(2rem, 4vw, 4rem);
    background:
      repeating-linear-gradient(
        0deg,
        rgba(255,255,255,.035) 0,
        rgba(255,255,255,.035) 2px,
        transparent 2px,
        transparent 6px
      ),
      linear-gradient(145deg, #1762b4, #082e6b);
    border: 5px solid var(--dm-blue-light);
    box-shadow: inset 0 0 0 5px #092d70;
  }

  .dm-hero__eyebrow {
    margin: 0 0 1.3rem;
    color: var(--dm-gold-light);
    font-family: var(--dm-pixel-heading);
    font-size: clamp(.9rem, 1.4vw, 1.2rem);
    line-height: 1.7;
    text-align: center;
    text-transform: uppercase;
  }

  .dm-hero__heading {
    max-width: 15ch;
    margin: 0 auto 1.7rem;
    color: white;
    font-size: clamp(3rem, 6vw, 6rem);
    line-height: 1.18;
    text-align: center;
    text-shadow:
      0 4px 0 #99a5b2,
      0 7px 0 #111b2b;
  }

  .dm-hero__text {
    max-width: 58rem;
    margin: 0 auto 2.4rem;
    color: white;
    font-size: clamp(1.65rem, 2.2vw, 2.1rem);
    line-height: 1.35;
    text-align: center;
  }

  .dm-hero__text p {
    margin: 0;
  }

  .dm-hero__menu {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.3rem;
    max-width: 60rem;
    margin: 0 auto;
  }

  .dm-menu-button {
    display: grid;
    grid-template-columns: 4.2rem 1fr 2rem;
    align-items: center;
    gap: 1rem;
    min-height: 6.2rem;
    padding: 1.2rem 1.6rem;
    color: white;
    font-family: var(--dm-pixel-heading);
    font-size: clamp(.95rem, 1.55vw, 1.25rem);
    line-height: 1.6;
    text-decoration: none;
    text-transform: uppercase;
    background:
      linear-gradient(180deg, rgba(255,255,255,.12), transparent 35%),
      linear-gradient(180deg, #267e31, #0a4d22);
    border: 4px solid var(--dm-gold);
    border-radius: 4px;
    box-shadow:
      inset 0 0 0 3px #053718,
      0 4px 0 #72400f,
      0 8px 0 #09071f;
    transition: transform 120ms ease, filter 120ms ease;
  }

  .dm-menu-button:hover {
    color: white;
    filter: brightness(1.17);
    transform: translateY(-3px);
  }

  .dm-menu-button:active {
    transform: translateY(3px);
  }

  .dm-menu-button__icon {
    color: #dce7ef;
    font-size: 2.8rem;
    text-align: center;
    text-shadow: 2px 3px 0 #06101f;
  }

  .dm-menu-button__text {
    text-align: center;
  }

  .dm-menu-button__cursor {
    color: var(--dm-gold-light);
    animation: dm-cursor .8s steps(2, end) infinite;
  }

  .dm-dialogue-box {
    display: grid;
    grid-template-columns: 6rem 1fr;
    align-items: center;
    gap: 1.5rem;
    margin-top: 2.4rem;
    padding: 1.4rem;
    background: #151426;
    border: 4px solid #bb7e26;
    box-shadow: inset 0 0 0 3px #050811;
  }

  .dm-dialogue-box__portrait {
    display: grid;
    place-items: center;
    width: 6rem;
    height: 6rem;
    color: white;
    font-family: var(--dm-pixel-heading);
    font-size: 1.1rem;
    background: linear-gradient(135deg, #7a2d89, #35164b);
    border: 3px solid var(--dm-gold-light);
  }

  .dm-dialogue-box p {
    margin: 0;
    color: white;
    font-size: clamp(1.45rem, 2vw, 1.9rem);
    line-height: 1.35;
  }

  .dm-signpost {
    position: absolute;
    z-index: 4;
    display: grid;
    gap: .6rem;
    width: 19rem;
    font-family: var(--dm-pixel-heading);
    font-size: .85rem;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
    filter: drop-shadow(5px 7px 0 rgba(0,0,0,.45));
  }

  .dm-signpost span {
    display: block;
    padding: .8rem 1rem;
    color: white;
    background: linear-gradient(180deg, #714019, #3f200c);
    border: 3px solid #1d0e05;
    box-shadow: inset 0 0 0 2px #b77a32;
    transform: rotate(-1deg);
  }

  .dm-signpost span:nth-child(2) { transform: rotate(1deg); }
  .dm-signpost span:nth-child(3) { transform: rotate(-2deg); }

  .dm-signpost::after {
    content: "";
    justify-self: center;
    width: 2.5rem;
    height: 8rem;
    margin-top: -1rem;
    background: #3e200d;
    border: 3px solid #1c0d05;
  }

  .dm-signpost--left {
    bottom: 5rem;
    left: 4vw;
  }

  .dm-signpost--right {
    right: 4vw;
    bottom: 6rem;
    width: 17rem;
  }

  @keyframes dm-cloud-move {
    from { transform: translateX(0); }
    to { transform: translateX(calc(100vw + 40rem)); }
  }

  @keyframes dm-bird-fly {
    from { transform: translateX(0) rotate(-8deg); }
    to { transform: translateX(calc(100vw + 20rem)) rotate(-8deg); }
  }

  @keyframes dm-cursor {
    0%, 49% { transform: translateX(0); }
    50%, 100% { transform: translateX(5px); }
  }

  @media screen and (max-width: 989px) {
    .dm-toolbar {
      grid-template-columns: auto 1fr auto auto;
    }

    .dm-toolbar__inventory,
    .dm-sound-toggle {
      display: none;
    }

    .dm-toolbar__menu {
      min-width: auto;
    }

    .dm-world__scene {
      min-height: 75rem;
      padding-top: 16rem;
    }

    .dm-signpost {
      display: none;
    }
  }

  @media screen and (max-width: 749px) {
    .dm-toolbar {
      min-height: 5.5rem;
    }

    .dm-toolbar__item {
      min-width: auto;
      padding: 1rem 1.2rem;
      font-size: .9rem;
    }

    .dm-toolbar__spacer {
      min-width: 0;
    }

    .dm-toolbar__item span:not(.dm-toolbar__icon):not(.dm-toolbar__count) {
      display: none;
    }

    .dm-toolbar__cart {
      min-width: 5.8rem;
    }

    .dm-world__scene {
      min-height: auto;
      padding: 13rem 1rem 5rem;
      background-position:
        center,
        center top,
        center;
    }

    .dm-brand-sign {
      top: 1rem;
      width: 94vw;
    }

    .dm-brand-sign__chain {
      display: none;
    }

    .dm-brand-sign__board {
      padding: 2rem 2.2rem 1.6rem;
      border-width: 5px;
    }

    .dm-brand-sign__title {
      font-size: clamp(2rem, 9vw, 3.5rem);
    }

    .dm-brand-sign__subtitle {
      font-size: .7rem;
    }

    .dm-world__content {
      padding: 0;
    }

    .dm-game-window {
      padding: .6rem;
      border-width: 3px;
    }

    .dm-game-window__topbar {
      grid-template-columns: 2rem 1fr 2rem;
      padding: .8rem;
    }

    .dm-game-window__screen {
      padding: 2.5rem 1.3rem;
      border-width: 4px;
    }

    .dm-hero__heading {
      font-size: clamp(2.5rem, 11vw, 4.2rem);
    }

    .dm-menu-button {
      grid-template-columns: 3.4rem 1fr 1.4rem;
      min-height: 5.7rem;
      padding: 1rem;
    }

    .dm-menu-button__icon {
      font-size: 2.2rem;
    }

    .dm-dialogue-box {
      grid-template-columns: 5rem 1fr;
      gap: 1rem;
    }

    .dm-dialogue-box__portrait {
      width: 5rem;
      height: 5rem;
      font-size: .9rem;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .dm-cloud,
    .dm-bird,
    .dm-menu-button__cursor {
      animation: none;
    }
  }
/* END_SECTION:depressed-merchant-hero */