/* [next]/internal/font/google/barlow_condensed_fb3eb72c.module.css [app-client] (css) */
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/2bbd88c7cbebcb5b-s.33sztrngv_ieb.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/e3c10b17cdb86a23-s.198xu-2bu0foz.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: Barlow Condensed;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/612838607db3d51d-s.p.2-6hkzwn24m5-.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: Barlow Condensed;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/e37557cf0085218d-s.2dbbbbabmw4n4.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/146a3e5eadafdf83-s.1oqo1buse5xew.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: Barlow Condensed;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/d9b5d46d9a89ffe6-s.p.0xxdg0o7uh536.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: Barlow Condensed;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/5a938ab334846ae8-s.0i8had3keju7i.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/3dae58b0b46c3f93-s.24oj26lcm6-u8.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: Barlow Condensed;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/89232e6535d3b87e-s.p.2oeto2j5aaelm.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: Barlow Condensed;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/91a39433b4ff06b2-s.2avsd28_hqhmt.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/a6365570ca21fbb9-s.1wbhu6nb2u97d.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: Barlow Condensed;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/ddf6ae3f623ba878-s.p.2zhff3cxreb6s.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: Barlow Condensed Fallback;
  src: local(Arial);
  ascent-override: 130.73%;
  descent-override: 26.15%;
  line-gap-override: 0.0%;
  size-adjust: 76.49%;
}

.barlow_condensed_fb3eb72c-module__5hsTta__className {
  font-family: Barlow Condensed, Barlow Condensed Fallback;
  font-style: normal;
}

.barlow_condensed_fb3eb72c-module__5hsTta__variable {
  --font-cx-display: "Barlow Condensed", "Barlow Condensed Fallback";
}

/* [next]/internal/font/google/dm_sans_a4d55963.module.css [app-client] (css) */
@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/c3cb240f9c892514-s.3z_x6eowsw16y.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: DM Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.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: DM Sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/c3cb240f9c892514-s.3z_x6eowsw16y.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: DM Sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.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: DM Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/c3cb240f9c892514-s.3z_x6eowsw16y.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: DM Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.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: DM Sans Fallback;
  src: local(Arial);
  ascent-override: 94.9%;
  descent-override: 29.66%;
  line-gap-override: 0.0%;
  size-adjust: 104.53%;
}

.dm_sans_a4d55963-module__19DxSW__className {
  font-family: DM Sans, DM Sans Fallback;
  font-style: normal;
}

.dm_sans_a4d55963-module__19DxSW__variable {
  --font-cx-body: "DM Sans", "DM Sans Fallback";
}

/* [project]/src/app/command-codex/command-codex.module.css [app-client] (css) */
.command-codex-module__j37aQW__page {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  background: var(--bg);
  min-width: 320px;
  min-height: 100vh;
  color: var(--ink);
  font-family: var(--font-cx-body), "DM Sans", system-ui, sans-serif;
  --bg: #07060b;
  --ink: #f7f4ff;
  --muted: #a9a3b8;
  --line: #ffffff1f;
  --gold: #f2b544;
  --display: var(--font-cx-display), "Barlow Condensed", "Arial Narrow", sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  position: relative;
  overflow-x: clip;
}

.command-codex-module__j37aQW__page * {
  box-sizing: border-box;
}

.command-codex-module__j37aQW__page button, .command-codex-module__j37aQW__page input {
  font: inherit;
  color: inherit;
}

.command-codex-module__j37aQW__page a {
  color: inherit;
  text-decoration: none;
}

.command-codex-module__j37aQW__hero {
  isolation: isolate;
  padding: clamp(56px, 6vw, 88px) clamp(20px, 5vw, 82px) 30px;
  position: relative;
  overflow: hidden;
}

.command-codex-module__j37aQW__hero:before {
  content: "CODEX";
  z-index: -1;
  color: #0000;
  -webkit-text-stroke: 1px #ffffff0d;
  font: 900 clamp(9rem, 22vw, 20rem)/1 var(--display);
  letter-spacing: -.04em;
  pointer-events: none;
  position: absolute;
  top: 10px;
  right: -1vw;
}

.command-codex-module__j37aQW__hero:after {
  content: "";
  z-index: -2;
  background: radial-gradient(60% 90% at 12% 0, #f2b5441f, #0000 70%), repeating-linear-gradient(90deg, #0000 0 78px, #ffffff04 79px 80px);
  position: absolute;
  inset: 0;
}

.command-codex-module__j37aQW__hero-copy {
  max-width: 860px;
}

.command-codex-module__j37aQW__eyebrow {
  color: var(--gold);
  font: 800 .77rem var(--display);
  letter-spacing: .24em;
  margin: 0 0 14px;
}

.command-codex-module__j37aQW__hero h1 {
  font: 900 clamp(4.2rem, 9vw, 8.6rem)/.78 var(--display);
  letter-spacing: -.05em;
  text-transform: uppercase;
  filter: drop-shadow(0 10px 30px #0009);
  margin: 0 0 -.14em;
  padding-bottom: .14em;
}

.command-codex-module__j37aQW__hero h1 span {
  color: #0000;
  -webkit-text-stroke: 1px #ffffffdb;
  letter-spacing: .015em;
  display: block;
}

.command-codex-module__j37aQW__hero-lede {
  color: #ddd5c6;
  max-width: 58ch;
  margin: 24px 0 26px;
  font-size: clamp(1rem, 1.35vw, 1.15rem);
  line-height: 1.6;
}

.command-codex-module__j37aQW__search {
  background: #0c0912;
  border: 1px solid #ffffff38;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  max-width: 760px;
  min-height: 66px;
  padding: 0 20px;
  display: grid;
}

.command-codex-module__j37aQW__search:focus-within {
  border-color: var(--gold);
}

.command-codex-module__j37aQW__search > span {
  color: var(--gold);
  font-size: 1.6rem;
  line-height: 1;
  transform: rotate(-15deg);
}

.command-codex-module__j37aQW__search input {
  color: #fff;
  background: none;
  border: 0;
  outline: 0;
  width: 100%;
  font-size: 1.05rem;
}

.command-codex-module__j37aQW__search input::placeholder {
  color: #6f6977;
}

.command-codex-module__j37aQW__search kbd {
  border: 1px solid var(--line);
  color: #817a8d;
  font: 700 .72rem var(--mono);
  background: #17131d;
  padding: 4px 8px;
}

.command-codex-module__j37aQW__chips {
  flex-wrap: wrap;
  gap: 8px;
  padding: 6px clamp(20px, 5vw, 82px) 0;
  display: flex;
}

.command-codex-module__j37aQW__chip {
  border: 1px solid var(--line);
  color: #cfc9d8;
  cursor: pointer;
  font: 800 .74rem/1 var(--display);
  letter-spacing: .14em;
  text-transform: uppercase;
  background: #0c0912;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  transition: background .18s, color .18s, border-color .18s;
  display: inline-flex;
}

.command-codex-module__j37aQW__chip b {
  color: #6f6880;
  font-weight: 700;
}

.command-codex-module__j37aQW__chip:hover {
  color: #fff;
  border-color: #f2b54480;
}

.command-codex-module__j37aQW__chip-on, .command-codex-module__j37aQW__chip-on:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: #111;
}

.command-codex-module__j37aQW__chip-on b {
  color: #5a4210;
}

.command-codex-module__j37aQW__chip:focus-visible, .command-codex-module__j37aQW__cmd:focus-visible, .command-codex-module__j37aQW__what:focus-visible, .command-codex-module__j37aQW__more:focus-visible, .command-codex-module__j37aQW__snd:focus-visible, .command-codex-module__j37aQW__go:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

.command-codex-module__j37aQW__body {
  width: min(1480px, 100%);
  scroll-margin-top: var(--site-header-h, 78px);
  padding: 30px clamp(20px, 5vw, 82px) 110px;
}

.command-codex-module__j37aQW__sec-title {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 24px;
  margin-bottom: 16px;
  display: flex;
}

.command-codex-module__j37aQW__sec-title h2 {
  font: 900 clamp(2rem, 3.4vw, 2.8rem)/1 var(--display);
  letter-spacing: .005em;
  text-transform: uppercase;
  margin: 0;
}

.command-codex-module__j37aQW__sec-title h2 em {
  color: #0000;
  -webkit-text-stroke: 1px var(--gold);
  font-style: normal;
}

.command-codex-module__j37aQW__sec-title p {
  max-width: 60ch;
  color: var(--muted);
  margin: 0;
  font-size: .9rem;
}

.command-codex-module__j37aQW__list {
  gap: 8px;
  display: grid;
}

.command-codex-module__j37aQW__row {
  background: #ffffff08;
  border: 1px solid #ffffff17;
  border-radius: 10px;
  grid-template-columns: minmax(180px, 300px) 1fr;
  align-items: start;
  gap: 6px 16px;
  padding: 10px 12px;
  transition: border-color .15s, background .15s;
  display: grid;
}

.command-codex-module__j37aQW__row:hover {
  border-color: #f2b54466;
}

.command-codex-module__j37aQW__row-open {
  background: #110d19;
  border-color: #f2b54499;
}

.command-codex-module__j37aQW__cmd {
  cursor: pointer;
  text-align: left;
  background: #0b0910;
  border: 1px solid #ffffff1a;
  border-radius: 7px;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  padding: 7px 10px;
  transition: border-color .15s;
  display: inline-flex;
}

.command-codex-module__j37aQW__cmd:hover {
  border-color: var(--gold);
}

.command-codex-module__j37aQW__cmd code {
  font: 700 .82rem var(--mono);
  color: #ffe9b8;
  overflow-wrap: anywhere;
}

.command-codex-module__j37aQW__cmd > span {
  color: #6f6880;
  font-size: .85rem;
}

.command-codex-module__j37aQW__cmd-small {
  padding: 4px 8px;
}

.command-codex-module__j37aQW__cmd-small code {
  font-size: .74rem;
}

.command-codex-module__j37aQW__what {
  cursor: pointer;
  text-align: left;
  color: #e4dfea;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  width: 100%;
  padding: 6px 0;
  font-size: .9rem;
  line-height: 1.5;
  display: flex;
}

.command-codex-module__j37aQW__what:disabled {
  cursor: default;
}

.command-codex-module__j37aQW__tags {
  flex-wrap: wrap;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  max-width: 46%;
  display: inline-flex;
}

.command-codex-module__j37aQW__tags b {
  text-align: center;
  width: 20px;
  color: var(--gold);
  font: 800 1.1rem/1 var(--display);
}

.command-codex-module__j37aQW__more-mark {
  place-items: center;
  width: 20px;
  height: 20px;
  display: inline-grid;
}

.command-codex-module__j37aQW__more-mark i {
  border-bottom: 2px solid #7d828b;
  border-right: 2px solid #7d828b;
  width: 8px;
  height: 8px;
  transition: transform .18s, border-color .18s;
  transform: rotate(-45deg);
}

.command-codex-module__j37aQW__row-open .command-codex-module__j37aQW__more-mark i {
  border-color: var(--gold);
  transform: rotate(45deg);
}

.command-codex-module__j37aQW__tag {
  border: 1px solid color-mix(in srgb, var(--t, #a9a3b8) 50%, transparent);
  color: var(--t, #a9a3b8);
  font: 700 .6rem/1 var(--mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 3px;
  padding: 4px 7px;
  font-style: normal;
}

.command-codex-module__j37aQW__tag-link {
  --t: #f2b544;
}

.command-codex-module__j37aQW__tag-season {
  --t: #8df0b1;
}

.command-codex-module__j37aQW__detail {
  border-top: 1px solid var(--line);
  grid-column: 1 / -1;
  gap: 10px;
  padding: 10px 2px 2px;
  display: grid;
}

.command-codex-module__j37aQW__detail dl {
  flex-wrap: wrap;
  gap: 8px 30px;
  margin: 0;
  display: flex;
}

.command-codex-module__j37aQW__detail dt {
  color: #8b8497;
  font: 800 .62rem var(--display);
  letter-spacing: .16em;
  text-transform: uppercase;
}

.command-codex-module__j37aQW__detail dd {
  margin: 2px 0 0;
  font-size: .86rem;
  font-weight: 600;
}

.command-codex-module__j37aQW__aliases {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.command-codex-module__j37aQW__aliases > span {
  color: #8b8497;
  font: 800 .62rem var(--display);
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-right: 4px;
}

.command-codex-module__j37aQW__go {
  color: var(--gold);
  font: 800 .76rem var(--display);
  letter-spacing: .14em;
  text-transform: uppercase;
  justify-self: start;
}

.command-codex-module__j37aQW__go:hover {
  text-decoration: underline;
}

.command-codex-module__j37aQW__family {
  background: linear-gradient(#f2b5440f, #ffffff04 120px);
  border: 1px solid #f2b54447;
  border-radius: 14px;
  gap: 6px;
  padding: 12px;
  display: grid;
}

.command-codex-module__j37aQW__family-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  padding: 2px 4px 8px;
  display: flex;
}

.command-codex-module__j37aQW__family-head h3 {
  font: 900 1.5rem/1 var(--display);
  letter-spacing: .02em;
  color: var(--gold);
  margin: 0;
}

.command-codex-module__j37aQW__family-head p {
  color: #cfc9d8;
  max-width: 70ch;
  margin: 5px 0 0;
  font-size: .86rem;
}

.command-codex-module__j37aQW__family-head > span {
  color: var(--muted);
  font: 700 .64rem var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  flex: none;
}

.command-codex-module__j37aQW__family .command-codex-module__j37aQW__row {
  background: #07060b8c;
}

.command-codex-module__j37aQW__more {
  border: 1px solid var(--line);
  cursor: pointer;
  color: var(--gold);
  font: 800 .7rem var(--display);
  letter-spacing: .14em;
  text-transform: uppercase;
  background: none;
  border-radius: 999px;
  justify-self: start;
  margin: 4px 4px 0;
  padding: 7px 12px;
}

.command-codex-module__j37aQW__more:hover {
  border-color: var(--gold);
}

.command-codex-module__j37aQW__empty {
  border: 1px dashed var(--line);
  color: var(--muted);
  text-align: center;
  border-radius: 10px;
  padding: 26px;
}

.command-codex-module__j37aQW__board {
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 10px;
  display: grid;
}

.command-codex-module__j37aQW__snd {
  border: 1px solid var(--line);
  cursor: pointer;
  text-align: left;
  background: linear-gradient(160deg, #141020, #0b0910);
  border-radius: 12px;
  align-content: end;
  gap: 4px;
  min-height: 138px;
  padding: 12px;
  transition: transform .15s, border-color .15s;
  display: grid;
  position: relative;
  overflow: hidden;
}

.command-codex-module__j37aQW__snd:before {
  content: "";
  background: radial-gradient(60% 60% at 50% 110%, color-mix(in srgb, var(--t) 28%, transparent), transparent 70%);
  position: absolute;
  inset: 0;
}

.command-codex-module__j37aQW__snd:hover {
  border-color: var(--t);
  transform: translateY(-2px);
}

.command-codex-module__j37aQW__snd-play {
  background: var(--t);
  color: #111;
  border-radius: 50%;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: .8rem;
  display: grid;
  position: absolute;
  top: 12px;
  left: 12px;
}

.command-codex-module__j37aQW__snd-fac {
  color: var(--t);
  font: 800 .6rem var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  position: relative;
}

.command-codex-module__j37aQW__snd code {
  font: 700 .95rem var(--mono);
  color: #fff;
  position: relative;
}

.command-codex-module__j37aQW__toast {
  left: 50%;
  bottom: calc(28px + env(safe-area-inset-bottom, 0px));
  z-index: 200;
  color: #0d0a12;
  font: 800 .74rem var(--display);
  letter-spacing: .1em;
  text-transform: uppercase;
  pointer-events: none;
  background: #f3eef9;
  border-radius: 999px;
  padding: 10px 16px;
  animation: .2s both command-codex-module__j37aQW__toast-in;
  position: fixed;
  transform: translateX(-50%);
  box-shadow: 0 16px 40px #00000080;
}

@keyframes command-codex-module__j37aQW__toast-in {
  from {
    opacity: 0;
    transform: translate(-50%, 8px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .command-codex-module__j37aQW__toast {
    animation: none;
  }

  .command-codex-module__j37aQW__snd, .command-codex-module__j37aQW__chip, .command-codex-module__j37aQW__row, .command-codex-module__j37aQW__cmd {
    transition: none;
  }
}

@media (max-width: 820px) {
  .command-codex-module__j37aQW__row {
    grid-template-columns: 1fr;
  }

  .command-codex-module__j37aQW__what {
    flex-direction: column;
  }

  .command-codex-module__j37aQW__tags {
    justify-content: flex-start;
    max-width: 100%;
  }
}

@media (max-width: 900px), (max-height: 500px) {
  .command-codex-module__j37aQW__hero-lede {
    margin: 18px 0 20px;
  }

  .command-codex-module__j37aQW__search {
    gap: 10px;
    min-height: 54px;
    padding: 0 14px;
  }

  .command-codex-module__j37aQW__search kbd {
    display: none;
  }

  .command-codex-module__j37aQW__chips {
    top: var(--site-nav-offset, 68px);
    z-index: 30;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    border-bottom: 1px solid var(--line);
    -webkit-backdrop-filter: blur(12px);
    background: linear-gradient(#07060bfa, #07060beb);
    flex-wrap: nowrap;
    gap: 8px;
    margin: 0;
    padding: 8px 20px;
    transition: top .26s cubic-bezier(.2, .8, .2, 1);
    position: sticky;
    overflow-x: auto;
    transform: translateZ(0);
  }

  .command-codex-module__j37aQW__chips::-webkit-scrollbar {
    display: none;
  }

  .command-codex-module__j37aQW__chip {
    flex: none;
    padding: 10px 14px;
  }

  .command-codex-module__j37aQW__body {
    scroll-margin-top: calc(var(--site-header-h, 68px) + 62px);
    padding: 22px 16px 90px;
  }

  .command-codex-module__j37aQW__sec-title {
    gap: 8px;
    margin-bottom: 12px;
  }

  .command-codex-module__j37aQW__cmd {
    padding: 10px 12px;
  }

  .command-codex-module__j37aQW__cmd-small {
    padding: 7px 9px;
  }

  .command-codex-module__j37aQW__what {
    padding: 8px 0;
  }

  .command-codex-module__j37aQW__family {
    padding: 10px;
  }

  .command-codex-module__j37aQW__family-head {
    flex-direction: column;
    gap: 4px;
  }

  .command-codex-module__j37aQW__more {
    padding: 10px 14px;
  }

  .command-codex-module__j37aQW__board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .command-codex-module__j37aQW__snd {
    min-height: 118px;
  }

  .command-codex-module__j37aQW__hero {
    padding: 26px 16px 12px;
  }

  .command-codex-module__j37aQW__hero h1 {
    font-size: clamp(2.6rem, 12vw, 3.4rem);
  }

  .command-codex-module__j37aQW__hero-lede {
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 10px 0 14px;
    font-size: .88rem;
    overflow: hidden;
  }

  .command-codex-module__j37aQW__lede-more {
    display: none;
  }

  .command-codex-module__j37aQW__search {
    min-height: 46px;
  }

  .command-codex-module__j37aQW__body {
    padding-top: 14px;
  }

  .command-codex-module__j37aQW__sec-title h2 {
    font-size: 1.5rem;
  }

  .command-codex-module__j37aQW__sec-title p {
    font-size: .82rem;
  }

  .command-codex-module__j37aQW__row {
    gap: 6px;
    padding: 8px 10px 10px;
  }

  .command-codex-module__j37aQW__row > div:first-child {
    display: flex;
  }

  .command-codex-module__j37aQW__row .command-codex-module__j37aQW__cmd {
    flex: 1;
    justify-content: space-between;
    padding: 9px 12px;
  }

  .command-codex-module__j37aQW__row .command-codex-module__j37aQW__cmd code {
    font-size: .86rem;
  }

  .command-codex-module__j37aQW__what {
    padding: 2px 26px 2px 0;
    font-size: .9rem;
    line-height: 1.4;
    position: relative;
  }

  .command-codex-module__j37aQW__what > span:first-child {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .command-codex-module__j37aQW__row-open .command-codex-module__j37aQW__what > span:first-child {
    -webkit-line-clamp: unset;
    display: block;
  }

  .command-codex-module__j37aQW__tags {
    gap: 5px;
    margin-top: 4px;
  }

  .command-codex-module__j37aQW__more-mark {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }

  .command-codex-module__j37aQW__more-mark i {
    width: 9px;
    height: 9px;
  }

  .command-codex-module__j37aQW__row-open .command-codex-module__j37aQW__more-mark {
    color: var(--gold);
  }

  .command-codex-module__j37aQW__detail {
    gap: 8px;
    padding-top: 8px;
  }

  .command-codex-module__j37aQW__family {
    gap: 6px;
    padding: 8px;
  }

  .command-codex-module__j37aQW__family-light {
    background: none;
    border: 0;
    padding: 0;
  }

  .command-codex-module__j37aQW__family-light .command-codex-module__j37aQW__family-head {
    padding: 0 2px 4px;
  }

  .command-codex-module__j37aQW__family-light .command-codex-module__j37aQW__family-head h3 {
    font-size: 1.05rem;
  }

  .command-codex-module__j37aQW__family-head h3 {
    font-size: 1.2rem;
  }

  .command-codex-module__j37aQW__family-head p {
    font-size: .8rem;
  }

  .command-codex-module__j37aQW__snd {
    align-content: start;
    min-height: 112px;
    padding: 10px;
  }

  .command-codex-module__j37aQW__snd-play {
    width: 32px;
    height: 32px;
    margin-bottom: 6px;
    position: static;
  }

  .command-codex-module__j37aQW__snd code {
    font-size: .88rem;
  }
}

.command-codex-module__j37aQW__chips:before {
  content: "";
  height: env(safe-area-inset-top, 0px);
  pointer-events: none;
  background: #0c0912;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}

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