/* [next]/internal/font/google/orbitron_b4360608.module.css [app-client] (css) */
@font-face {
  font-family: Orbitron;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/0acc7fdf55eb3220-s.p.532ccaa1.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Orbitron;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/0acc7fdf55eb3220-s.p.532ccaa1.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Orbitron Fallback;
  src: local(Arial);
  ascent-override: 81.5%;
  descent-override: 19.59%;
  line-gap-override: 0.0%;
  size-adjust: 124.05%;
}

.orbitron_b4360608-module__vtoIiW__className {
  font-family: Orbitron, Orbitron Fallback;
  font-style: normal;
}

.orbitron_b4360608-module__vtoIiW__variable {
  --font-orbitron: "Orbitron", "Orbitron Fallback";
}

/* [next]/internal/font/google/rajdhani_b4ef9c22.module.css [app-client] (css) */
@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/906d1c14d86e79d2-s.bb16e423.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/dc822924a6b60314-s.7fcd3289.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/278cbb97e75e04e2-s.p.2ce9a157.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/e9924293c1dc5ea7-s.510eee18.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/10bd139a632d728f-s.3ed74b99.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/a079e02bba5bf7ab-s.p.7367eab7.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/65c1f6eb17b9caea-s.ee7a3fed.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/124b7a75a76bd55c-s.c3ae84a8.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/d23f31b94ad01e54-s.p.4b0b0c7e.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/63e49db46351d020-s.9f91ba4a.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/35f9213b86bccda4-s.1ea730ea.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/3206eb66b875a5b3-s.p.e2b99870.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Rajdhani Fallback;
  src: local(Arial);
  ascent-override: 102.12%;
  descent-override: 37.99%;
  line-gap-override: 0.0%;
  size-adjust: 91.07%;
}

.rajdhani_b4ef9c22-module__5-R_4W__className {
  font-family: Rajdhani, Rajdhani Fallback;
  font-style: normal;
}

.rajdhani_b4ef9c22-module__5-R_4W__variable {
  --font-rajdhani: "Rajdhani", "Rajdhani Fallback";
}

/* [next]/internal/font/google/share_tech_mono_e9f698a2.module.css [app-client] (css) */
@font-face {
  font-family: Share Tech Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/c9bd7381a27f2960-s.p.efaf60a6.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Share Tech Mono Fallback;
  src: local(Arial);
  ascent-override: 73.06%;
  descent-override: 19.98%;
  line-gap-override: 0.0%;
  size-adjust: 121.13%;
}

.share_tech_mono_e9f698a2-module__UAFi4W__className {
  font-family: Share Tech Mono, Share Tech Mono Fallback;
  font-style: normal;
  font-weight: 400;
}

.share_tech_mono_e9f698a2-module__UAFi4W__variable {
  --font-share: "Share Tech Mono", "Share Tech Mono Fallback";
}

/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after {
      --tw-border-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }

    ::backdrop {
      --tw-border-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-mono: var(--font-mono);
    --default-font-family: var(--font-body);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::-webkit-file-upload-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
  }

  ::-webkit-file-upload-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
  }

  :where(select:-webkit-any([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:-moz-any([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:-webkit-any([multiple], [size])) optgroup option:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 20px;
  }

  :where(select:-moz-any([multiple], [size])) optgroup option:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 20px;
  }

  :where(select:is([multiple], [size])) optgroup option:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 20px;
  }

  :where(select:-webkit-any([multiple], [size])) optgroup option:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 20px;
  }

  :where(select:-moz-any([multiple], [size])) optgroup option:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 20px;
  }

  :where(select:is([multiple], [size])) optgroup option:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 20px;
  }

  :not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-file-upload-button {
    margin-right: 4px;
  }

  :not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button {
    margin-right: 4px;
  }

  :not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button {
    margin-right: 4px;
  }

  :-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-file-upload-button {
    margin-left: 4px;
  }

  :-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button {
    margin-left: 4px;
  }

  :is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button {
    margin-left: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }

  input:where([type="button"], [type="reset"], [type="submit"]) {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }

  ::file-selector-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .table {
    display: table;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }
}

:root {
  --bg: #0a0c0e;
  --bg-elevated: #12161a;
  --bg-panel: #171c21;
  --line: #3a3428;
  --text: #c4a35a;
  --muted: #8a7a4e;
  --cyan: #b08d3a;
  --acid: #c4a35a;
  --amber: #d4b07a;
  --danger: #d67a8a;
  --glow-cyan: none;
  --glow-acid: none;
  --font-display: var(--font-orbitron);
  --font-body: var(--font-rajdhani);
  --font-mono: var(--font-share);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  color: var(--text);
  background: radial-gradient(ellipse 70% 45% at 50% -8%, rgba(176, 141, 58, .08), transparent 55%), linear-gradient(180deg, #0c1014 0%, var(--bg) 42%, #060809 100%);
  font-family: var(--font-body), sans-serif;
  letter-spacing: .02em;
  margin: 0;
}

body:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  background-image: linear-gradient(rgba(176, 141, 58, .03) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(176, 141, 58, .03) 1px, rgba(0, 0, 0, 0) 1px);
  background-size: 56px 56px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-mask-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, 0) 70%);
  mask-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, 0) 70%);
}

body:after {
  content: "";
  pointer-events: none;
  opacity: .4;
  z-index: 0;
  background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 3px, rgba(0, 0, 0, .04) 3px, rgba(0, 0, 0, .04) 4px);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

.shell {
  z-index: 1;
  flex-direction: column;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.container {
  width: min(1120px, 100% - 2rem);
  margin-left: auto;
  margin-right: auto;
}

.brand {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--cyan);
  text-shadow: none;
  font-weight: 700;
}

.btn {
  border: 1px solid var(--cyan);
  color: var(--cyan);
  font-family: var(--font-display), sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  cursor: pointer;
  background: rgba(176, 141, 58, .08);
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.25rem;
  font-size: .72rem;
  transition: transform .2s, border-color .2s, background .2s, color .2s;
  display: inline-flex;
}

.btn:hover {
  box-shadow: none;
  color: #d4b07a;
  background: rgba(176, 141, 58, .16);
  border-color: #c4a35a;
  transform: translateY(-1px);
}

.btn-acid {
  border-color: var(--acid);
  color: var(--acid);
  background: rgba(196, 163, 90, .12);
}

.btn-acid:hover {
  box-shadow: none;
  color: #e0c888;
  background: rgba(196, 163, 90, .2);
  border-color: #d4b07a;
}

.btn-ghost {
  border-color: var(--line);
  color: var(--muted);
  background: none;
}

.btn-ghost:hover {
  color: var(--text);
  background: rgba(176, 141, 58, .06);
  border-color: #5a4e32;
}

.btn-danger {
  border-color: var(--danger);
  color: var(--danger);
  background: rgba(214, 106, 126, .08);
}

.panel {
  border: 1px solid var(--line);
  background: linear-gradient(165deg, rgba(19, 24, 29, .96), rgba(12, 15, 18, .94));
  position: relative;
}

.panel:before {
  content: "";
  background: var(--cyan);
  opacity: .7;
  width: 22px;
  height: 1px;
  box-shadow: none;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
}

.input, .select, .textarea {
  border: 1px solid var(--line);
  width: 100%;
  color: var(--text);
  font-family: var(--font-body), sans-serif;
  background: rgba(8, 10, 12, .75);
  outline: none;
  padding: .75rem .9rem;
  font-size: 1rem;
  transition: border-color .2s, box-shadow .2s;
}

.input:focus, .select:focus, .textarea:focus {
  border-color: var(--cyan);
  box-shadow: 0 0 0 1px rgba(176, 141, 58, .28);
}

input[type="number"].input, .input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type="number"].input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"].input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.textarea {
  resize: vertical;
  min-height: 120px;
}

.label {
  color: var(--muted);
  font-family: var(--font-mono), monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .4rem;
  font-size: .75rem;
  display: block;
}

.field {
  margin-bottom: 1rem;
}

.badge {
  font-family: var(--font-mono), monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid;
  align-items: center;
  gap: .35rem;
  padding: .25rem .55rem;
  font-size: .68rem;
  display: inline-flex;
}

.badge-cyan {
  color: var(--cyan);
}

.badge-acid {
  color: var(--acid);
}

.badge-amber {
  color: var(--amber);
}

.badge-muted {
  color: var(--muted);
  border-color: var(--line);
}

.badge-danger {
  color: var(--danger);
}

.rarity-common {
  color: #9aa3ab;
}

.rarity-rare {
  color: var(--cyan);
}

.rarity-epic {
  color: #8a9bb8;
}

.rarity-legendary {
  color: var(--amber);
  text-shadow: none;
}

.alert {
  border: 1px solid var(--danger);
  color: #e8a8b4;
  background: rgba(214, 106, 126, .08);
  margin-bottom: 1rem;
  padding: .75rem 1rem;
  font-size: .95rem;
}

.alert-ok {
  border-color: var(--acid);
  color: #dcc48a;
  background: rgba(196, 163, 90, .08);
}

.listing-grid {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
  display: grid;
}

.listing-card {
  flex-direction: column;
  gap: .75rem;
  height: 100%;
  padding: 1.1rem;
  transition: border-color .2s, transform .2s, background .2s;
  display: flex;
}

.listing-card img {
  object-fit: cover;
  background: #161410;
}

.listing-card:hover {
  box-shadow: none;
  background: linear-gradient(165deg, rgba(24, 22, 16, .98), rgba(14, 13, 11, .96));
  border-color: #5a4e32;
  transform: translateY(-2px);
}

.my-listing-card {
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
}

.my-listing-card .listing-card {
  flex: 1;
}

.my-listing-card--selected .listing-card {
  border-color: var(--acid);
  background: linear-gradient(165deg, rgba(36, 30, 16, .98), rgba(14, 13, 11, .96));
}

.my-listing-corner-btn {
  z-index: 3;
  height: 1.55rem;
  color: var(--muted);
  font-family: var(--font-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  opacity: .8;
  background: rgba(10, 12, 14, .78);
  border: 1px solid rgba(58, 52, 40, .9);
  place-items: center;
  padding: 0 .45rem;
  font-size: .62rem;
  line-height: 1;
  transition: color .15s, border-color .15s, background .15s, opacity .15s;
  display: grid;
  position: absolute;
  top: .65rem;
  right: .65rem;
}

.my-listing-card:hover .my-listing-corner-btn {
  opacity: 1;
}

.my-listing-corner-btn:focus-visible {
  opacity: 1;
}

.my-listing-corner-btn:hover {
  color: var(--acid);
  background: rgba(14, 12, 8, .9);
  border-color: rgba(196, 163, 90, .55);
}

.my-listing-corner-btn:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.my-listings-tabs {
  border-bottom: 1px solid var(--line);
  gap: .35rem;
  margin-top: 1rem;
  display: flex;
}

.my-listings-tab {
  color: var(--muted);
  font-family: var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom: none;
  margin-bottom: -1px;
  padding: .55rem .85rem;
  font-size: .8rem;
}

.my-listings-tab:hover {
  color: var(--text);
}

.my-listings-tab--active {
  color: var(--acid);
  border-color: var(--line);
  background: var(--bg-panel);
}

.my-listing-check--corner {
  z-index: 3;
  cursor: pointer;
  background: rgba(10, 12, 14, .72);
  border: 1px solid rgba(58, 52, 40, .9);
  place-items: center;
  width: 1.7rem;
  height: 1.7rem;
  margin: 0;
  display: grid;
  position: absolute;
  top: .7rem;
  left: .7rem;
}

.my-listing-check--corner input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--line);
  background: var(--bg-elevated);
  cursor: pointer;
  width: .95rem;
  height: .95rem;
  margin: 0;
}

.my-listing-check--corner input:checked {
  border-color: var(--acid);
  background-color: #c4a35a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%230a0c0e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.2l2.8 2.8 6.2-6.2'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: .7rem .7rem;
}

.my-listings-board {
  gap: 1rem;
  display: grid;
}

.my-listings-toolbar {
  border: 1px solid var(--line);
  background: var(--bg-panel);
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem 1rem;
  padding: .75rem 1rem;
  display: flex;
}

.my-listings-toolbar--idle {
  background: none;
  border: none;
  justify-content: flex-start;
  padding: 0;
}

.my-listings-select-all {
  color: var(--muted);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  gap: .5rem;
  font-size: .92rem;
  display: inline-flex;
}

.my-listings-select-all input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--line);
  background: var(--bg-elevated);
  cursor: pointer;
  width: 1.05rem;
  height: 1.05rem;
  margin: 0;
}

.my-listings-select-all input:checked {
  border-color: var(--acid);
  background-color: #c4a35a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%230a0c0e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.2l2.8 2.8 6.2-6.2'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: .75rem .75rem;
}

.my-listings-toolbar-meta {
  color: var(--muted);
  margin-right: auto;
  font-size: .9rem;
}

.my-listings-toolbar-meta strong {
  color: var(--text);
}

.my-listings-toolbar-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  display: flex;
}

.btn-sm {
  letter-spacing: .04em;
  font-size: .82rem;
  line-height: 1.2;
  padding: .32rem .65rem !important;
}

.ui-modal {
  z-index: 90;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: rgba(4, 6, 8, .82);
  place-items: center;
  padding: 1rem;
  display: grid;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ui-modal-panel {
  border: 1px solid var(--line);
  background: var(--bg-panel);
  gap: .85rem;
  width: min(360px, 100%);
  padding: 1.15rem 1.2rem 1.1rem;
  display: grid;
}

.ui-modal-title {
  font-family: var(--font-display);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--acid);
  margin: 0;
  font-size: .95rem;
}

.ui-modal-text {
  color: var(--muted);
  gap: .35rem;
  margin: 0;
  font-size: .92rem;
  line-height: 1.45;
  display: grid;
}

.ui-modal-text p {
  margin: 0;
}

.ui-modal-text strong {
  color: var(--text);
}

.ui-modal-field {
  gap: .35rem;
  display: grid;
}

.ui-modal-field .input {
  max-width: 8rem;
}

.ui-modal-actions {
  justify-content: flex-end;
  gap: .45rem;
  display: flex;
}

.listing-card-cta {
  box-sizing: border-box;
  letter-spacing: .1em;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  padding: .65rem .85rem;
}

.listing-card-foot {
  flex-direction: column;
  gap: .75rem;
  margin-top: auto;
  display: flex;
}

.listing-card-price {
  color: var(--acid);
  font-family: var(--font-mono), monospace;
  letter-spacing: .02em;
  min-height: 1.3em;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}

.spec-grid {
  border-top: 1px solid var(--line);
  gap: .3rem;
  margin-top: .65rem;
  padding-top: .65rem;
  display: grid;
}

.spec-row {
  color: var(--muted);
  justify-content: space-between;
  gap: .75rem;
  font-size: .85rem;
  display: flex;
}

.spec-row strong {
  color: var(--text);
  font-weight: 600;
  font-family: var(--font-mono), monospace;
  text-align: right;
}

.landing {
  align-items: stretch;
  min-height: calc(100vh - 72px);
  display: grid;
  position: relative;
  overflow: hidden;
}

.landing-inner {
  z-index: 1;
  box-sizing: border-box;
  grid-template-rows: 1fr auto;
  gap: 2.5rem;
  min-height: calc(100vh - 72px);
  padding: 2.5rem 0 2.25rem;
  display: grid;
  position: relative;
}

.hero-visual {
  background: linear-gradient(90deg, rgba(8, 10, 12, .92) 0%, rgba(8, 10, 12, .55) 42%, rgba(8, 10, 12, .82) 100%), linear-gradient(rgba(0, 0, 0, 0) 35%, rgba(8, 10, 12, .96) 100%), radial-gradient(circle at 70% 42%, rgba(176, 141, 58, .12), rgba(0, 0, 0, 0) 38%), radial-gradient(circle at 48% 70%, rgba(196, 163, 90, .06), rgba(0, 0, 0, 0) 32%), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22800%22%20viewBox%3D%220%200%201200%20800%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23b08d3a%22%20stop-opacity%3D%220.14%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c4a35a%22%20stop-opacity%3D%220.06%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%221200%22%20height%3D%22800%22%20fill%3D%22%230c1014%22%2F%3E%3Cpath%20d%3D%22M0%20520%20Q300%20420%20600%20500%20T1200%20460%20L1200%20800%20L0%20800%20Z%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Cpath%20d%3D%22M80%20640%20C220%20560%20340%20680%20480%20600%20C620%20520%20760%20650%20900%20580%20C1020%20520%201100%20560%201200%20520%22%20fill%3D%22none%22%20stroke%3D%22%23b08d3a%22%20stroke-width%3D%221.5%22%20opacity%3D%220.4%22%2F%3E%3Cpath%20d%3D%22M795%2036%20C812%20110%20808%20168%20820%20214%22%20fill%3D%22none%22%20stroke%3D%22%23c4a35a%22%20stroke-width%3D%221%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22845%22%20cy%3D%22355%22%20r%3D%22155%22%20fill%3D%22none%22%20stroke%3D%22%23c4a35a%22%20stroke-width%3D%221%22%20opacity%3D%220.11%22%2F%3E%3Ccircle%20cx%3D%22845%22%20cy%3D%22355%22%20r%3D%22108%22%20fill%3D%22none%22%20stroke%3D%22%23b08d3a%22%20stroke-width%3D%221%22%20opacity%3D%220.18%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23b08d3a%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%220.48%22%3E%3Ccircle%20cx%3D%22820%22%20cy%3D%22228%22%20r%3D%2213%22%2F%3E%3Cpath%20d%3D%22M820%20241%20L820%20372%22%2F%3E%3Cpath%20d%3D%22M820%20372%20C820%20448%20755%20482%20702%20448%20C668%20424%20662%20382%20692%20358%22%2F%3E%3Cpath%20d%3D%22M692%20358%20L720%20382%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%22820%22%20cy%3D%22298%22%20rx%3D%2226%22%20ry%3D%2246%22%20fill%3D%22none%22%20stroke%3D%22%23c4a35a%22%20stroke-width%3D%221.2%22%20opacity%3D%220.3%22%20transform%3D%22rotate%28-16%20820%20298%29%22%2F%3E%3Cpath%20d%3D%22M820%20252%20L820%20344%22%20fill%3D%22none%22%20stroke%3D%22%23c4a35a%22%20stroke-width%3D%221%22%20opacity%3D%220.2%22%2F%3E%3C%2Fsvg%3E") center / cover no-repeat;
  animation: 8s ease-in-out infinite pulse-glow;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes pulse-glow {
  0%, 100% {
    filter: brightness();
  }

  50% {
    filter: brightness(1.04);
  }
}

@keyframes rise-in {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero-content {
  z-index: 1;
  align-self: center;
  max-width: 640px;
  animation: .8s both rise-in;
  position: relative;
}

.hero-brand {
  letter-spacing: .14em;
  margin: 0 0 1rem;
  line-height: 1;
  font-size: max(2.4rem, min(7vw, 4.4rem)) !important;
}

.hero-content h1 {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--text);
  margin: .6rem 0 1rem;
  font-size: max(2.4rem, min(6vw, 4.2rem));
  line-height: 1.05;
}

.hero-tagline {
  color: var(--muted);
  white-space: nowrap;
  width: max-content;
  max-width: none;
  font-size: max(1.15rem, min(2.4vw, 1.4rem));
  line-height: 1.35;
  margin: 0 0 1.75rem !important;
}

.hero-actions {
  grid-template-columns: repeat(2, max-content);
  align-items: center;
  gap: .75rem;
  display: grid;
}

.hero-content .hero-note {
  font-family: var(--font-mono), monospace;
  width: max-content;
  line-height: 1.45;
  color: var(--amber) !important;
  white-space: nowrap !important;
  max-width: none !important;
  margin: 1.5rem 0 0 !important;
  font-size: .85rem !important;
}

.home-browse {
  z-index: 1;
  border-top: 1px solid rgba(58, 52, 40, .85);
  padding-top: 1.25rem;
  position: relative;
}

.home-browse-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem 1.5rem;
  display: grid;
}

.home-browse-item {
  color: inherit;
  background: none;
  border: none;
  grid-template-rows: auto auto;
  gap: .55rem;
  padding: .35rem 0 .15rem;
  text-decoration: none;
  transition: transform .25s;
  animation: .7s both rise-in;
  display: grid;
}

.home-browse-item:hover {
  background: none;
  transform: translateY(-2px);
}

.home-browse-name {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--acid);
  font-size: max(1.05rem, min(1.6vw, 1.25rem));
}

.home-browse-go {
  color: var(--muted);
  font-size: .82rem;
  transition: color .2s;
}

.home-browse-item:hover .home-browse-go {
  color: var(--text);
}

@media (max-width: 900px) {
  .home-browse-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .landing-inner {
    gap: 2rem;
    padding: 2rem 0 1.75rem;
  }
}

@media (max-width: 640px) {
  .hero-actions {
    grid-template-columns: 1fr;
  }

  .hero-actions .btn {
    text-align: center;
    width: 100%;
  }

  .landing-inner {
    gap: 2.25rem;
    min-height: auto;
  }

  .home-browse-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1rem 1.25rem;
  }
}

.nav {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(58, 52, 40, .9);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
  display: flex;
}

.nav-links {
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem 1rem;
  display: flex;
}

.nav-links a {
  font-family: var(--font-mono), monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
  font-size: .78rem;
  transition: color .2s;
}

.nav-links a:hover {
  color: var(--acid);
}

.page-title {
  font-family: var(--font-display), sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 .35rem;
  font-size: max(1.4rem, min(3vw, 2rem));
}

.page-sub {
  color: var(--muted);
  margin: 0 0 1.5rem;
}

.table {
  border-collapse: collapse;
  width: 100%;
  font-size: .95rem;
}

.table th, .table td {
  text-align: left;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
  padding: .75rem .5rem;
}

.table th {
  color: var(--muted);
  font-family: var(--font-mono), monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .72rem;
}

.filters {
  grid-template-columns: 1.4fr repeat(3, 1fr) auto;
  gap: .75rem;
  margin-bottom: 1.25rem;
  display: grid;
}

.filter-actions {
  border-top: 1px solid var(--line);
  flex-wrap: wrap;
  grid-column: 1 / -1;
  align-items: end;
  gap: .65rem;
  margin-top: .15rem;
  padding-top: .65rem;
  display: flex;
}

.filter-actions-sort {
  flex: 180px;
  max-width: 260px;
  margin-bottom: 0;
}

.filter-actions-submit {
  white-space: nowrap;
  margin-left: auto;
  padding: .55rem 1rem;
}

.filter-grid {
  border-top: 1px solid var(--line);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .55rem .65rem;
  padding-top: .75rem;
  display: grid;
}

.filter-grid--narrow {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.filter-grid--rods {
  flex-direction: column;
  gap: .55rem;
  display: flex;
}

.filter-rod-row1 {
  grid-template-columns: 1fr 2fr 1fr;
  align-items: end;
  gap: .55rem .65rem;
  display: grid;
}

.filter-rod-advanced-toggle {
  justify-content: flex-start;
  display: flex;
}

.filter-rod-row2 {
  gap: .55rem .65rem;
  display: none;
}

.filter-rod-row2.is-open {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  display: grid;
}

.filter-reel-row2.is-open {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

.filter-panel .input, .filter-panel .select {
  padding: .45rem .65rem;
  font-size: .92rem;
}

.filter-panel .label {
  margin-bottom: .25rem;
  font-size: .68rem;
}

@media (max-width: 900px) {
  .filters {
    grid-template-columns: 1fr 1fr;
  }

  .nav {
    flex-direction: column;
    align-items: flex-start;
  }

  .filter-grid, .filter-grid--narrow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .filter-rod-row1 {
    grid-template-columns: 1fr 1fr;
  }

  .filter-rod-name {
    grid-column: 1 / -1;
  }

  .filter-rod-row2.is-open, .filter-reel-row2.is-open {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .filters, .filter-grid, .filter-grid--narrow, .filter-rod-row1, .filter-rod-row2.is-open, .filter-reel-row2.is-open {
    grid-template-columns: 1fr;
  }

  .filter-rod-name {
    grid-column: auto;
  }

  .filter-actions-submit {
    width: 100%;
    margin-left: 0;
  }

  .filter-actions-sort {
    flex: 100%;
    max-width: none;
  }
}

.item-picker {
  margin-bottom: 1.25rem;
}

.item-picker-search {
  position: relative;
}

.item-picker-list {
  z-index: 20;
  border: 1px solid var(--line);
  background: var(--bg-elevated);
  max-height: 280px;
  margin: .35rem 0 0;
  padding: .35rem;
  list-style: none;
  position: absolute;
  left: 0;
  right: 0;
  overflow: auto;
}

.item-picker-option {
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  align-items: center;
  gap: .75rem;
  padding: .55rem .65rem;
  display: flex;
}

.item-picker-option:hover {
  background: rgba(176, 141, 58, .08);
}

.item-picker-option-name {
  color: var(--text);
  display: block;
}

.item-picker-option-sub {
  color: var(--muted);
  margin-top: .15rem;
  font-size: .8rem;
  display: block;
}

.item-picker-thumb {
  object-fit: cover;
  border: 1px solid var(--line);
  background: #161410;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
}

.item-picker-thumb--empty {
  background: #161410;
}

.item-picker-locked {
  background: rgba(176, 141, 58, .06);
  border: 1px solid #5a4e32;
  align-items: center;
  gap: .85rem;
  padding: .65rem .75rem;
  display: flex;
}

.item-picker-locked-meta {
  flex: 1;
  min-width: 0;
}

.item-picker-locked-name {
  color: var(--acid);
  font-weight: 600;
}

.item-picker-locked-sub {
  color: var(--muted);
  margin-top: .15rem;
  font-size: .8rem;
}

.item-picker-hint {
  color: var(--muted);
  margin-top: .45rem;
  font-size: .85rem;
}

.item-picker-check {
  color: var(--muted);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  gap: .65rem;
  font-size: .92rem;
  display: flex;
}

.item-picker-check input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--line);
  background: var(--bg-elevated);
  cursor: pointer;
  flex-shrink: 0;
  width: 1.05rem;
  height: 1.05rem;
  margin: 0;
  transition: border-color .15s, background .15s, box-shadow .15s;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .35);
}

.item-picker-check input:hover {
  border-color: var(--acid);
}

.item-picker-check input:checked {
  border-color: var(--acid);
  background-color: #c4a35a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%230a0c0e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.2l2.8 2.8 6.2-6.2'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: .75rem .75rem;
  box-shadow: 0 0 0 1px rgba(196, 163, 90, .35);
}

.item-picker-check input:focus-visible {
  outline: 1px solid var(--acid);
  outline-offset: 2px;
}

.screenshot-previews {
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: .65rem;
  margin-top: .75rem;
  display: grid;
}

.screenshot-preview {
  border: 1px solid var(--line);
  background: var(--bg-elevated);
  aspect-ratio: 1;
  margin: 0;
  overflow: hidden;
}

.screenshot-preview img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.trade-want-chips {
  flex-wrap: wrap;
  gap: .45rem;
  margin-bottom: .65rem;
  display: flex;
}

.gold-bait-rows {
  gap: .55rem;
  margin-bottom: .75rem;
  display: grid;
}

.gold-bait-row {
  border: 1px solid var(--line);
  background: rgba(176, 141, 58, .08);
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem;
  padding: .55rem .7rem;
  display: flex;
}

.gold-bait-row-meta {
  flex: 10rem;
  min-width: 0;
}

.gold-bait-qty {
  color: var(--muted);
  align-items: center;
  gap: .4rem;
  font-size: .85rem;
  display: flex;
}

.gold-bait-qty .input {
  width: 5.5rem;
}

.trade-want-chip {
  border: 1px solid var(--line);
  color: var(--text);
  font: inherit;
  cursor: pointer;
  text-align: left;
  background: rgba(176, 141, 58, .08);
  align-items: center;
  gap: .55rem;
  padding: .4rem .65rem;
  font-size: .88rem;
  display: inline-flex;
}

.trade-want-chip:hover {
  border-color: #6a5a34;
}

.trade-want-chip small {
  color: var(--muted);
  font-size: .78rem;
}

.listing-media-grid {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: .75rem;
  margin: 1rem 0;
  display: grid;
}

.listing-media-thumb {
  border: 1px solid var(--line);
  cursor: zoom-in;
  background: #161410;
  width: 100%;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.listing-media-thumb img {
  object-fit: cover;
  width: 100%;
  height: 140px;
  transition: transform .2s, opacity .2s;
  display: block;
}

.listing-media-thumb:hover img {
  opacity: .92;
  transform: scale(1.03);
}

.listing-media-thumb-label {
  border: 1px solid var(--line);
  color: var(--amber);
  font-family: var(--font-mono);
  letter-spacing: .04em;
  text-transform: uppercase;
  background: rgba(10, 12, 14, .82);
  padding: .15rem .4rem;
  font-size: .72rem;
  position: absolute;
  bottom: .45rem;
  left: .45rem;
}

.listing-lightbox {
  z-index: 80;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: rgba(4, 6, 8, .88);
  place-items: center;
  padding: 1rem;
  display: grid;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.listing-lightbox-inner {
  gap: .75rem;
  width: min(960px, 100%);
  display: grid;
}

.listing-lightbox-toolbar {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.listing-lightbox-caption {
  color: var(--amber);
  font-family: var(--font-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .85rem;
}

.listing-lightbox-close {
  border: 1px solid var(--line);
  background: var(--bg-elevated);
  color: var(--text);
  cursor: pointer;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.4rem;
  line-height: 1;
}

.listing-lightbox-close:hover {
  border-color: var(--acid);
  color: var(--acid);
}

.listing-lightbox-stage {
  border: 1px solid var(--line);
  background: #0c0f12;
  place-items: center;
  min-height: min(70vh, 560px);
  display: grid;
  position: relative;
}

.listing-lightbox-image {
  object-fit: contain;
  max-width: 100%;
  max-height: min(70vh, 560px);
}

.listing-lightbox-nav {
  z-index: 1;
  border: 1px solid var(--line);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--text);
  cursor: pointer;
  background: rgba(18, 22, 26, .9);
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.listing-lightbox-nav:hover {
  border-color: var(--acid);
  color: var(--acid);
}

.listing-lightbox-nav--prev {
  left: .6rem;
}

.listing-lightbox-nav--next {
  right: .6rem;
}

.listing-lightbox-dots {
  justify-content: center;
  gap: .45rem;
  display: flex;
}

.listing-lightbox-dot {
  border: 1px solid var(--line);
  cursor: pointer;
  background: none;
  border-radius: 0;
  width: .55rem;
  height: .55rem;
  padding: 0;
}

.listing-lightbox-dot--active {
  background: var(--acid);
  border-color: var(--acid);
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__122f66c3._.css.map*/