/* [next]/internal/font/google/fraunces_273e3fc2.module.css [app-client] (css) */
@font-face {
  font-family: Fraunces;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/a128116a0bc3fa8c.11-onw4a9s-o3.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: Fraunces;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/9db33c57cd4391b8.1oj6iblxvm99n.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: Fraunces;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/8010b10db0d5feb2.p.1q-jjomgjvbjf.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: Fraunces;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/167cd0713aa75522.1nzccunaoxsdm.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: Fraunces;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/e455bcff747f0d5e.1wuo3gtslpr33.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: Fraunces;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/791bf8c4bb753ed6.p.0ggqn9ig56u4s.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;
}

.fraunces_273e3fc2-module__eoK5Sa__className {
  font-family: Fraunces, Georgia;
}

.fraunces_273e3fc2-module__eoK5Sa__variable {
  --font-fraunces: "Fraunces", Georgia;
}

/* [next]/internal/font/google/inter_e14c74cb.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.p.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.0k62hbripvv8p.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: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.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: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.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: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_e14c74cb-module__CpULYq__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_e14c74cb-module__CpULYq__variable {
  --font-inter: "Inter", "Inter Fallback";
}

/* [next]/internal/font/google/jetbrains_mono_df957596.module.css [app-client] (css) */
@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/cc545e633e20c56d-s.p.176arc174-8zp.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/71b036adf157cdcf-s.0bp8oijd_gu96.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/89b21bb081cb7469-s.1fby2rem9ngyr.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: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/3fe682a82f50d426-s.0vfdmo25voy_0.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: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.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: JetBrains Mono Fallback;
  src: local(Arial);
  ascent-override: 75.79%;
  descent-override: 22.29%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.jetbrains_mono_df957596-module__LXodXq__className {
  font-family: JetBrains Mono, JetBrains Mono Fallback;
  font-style: normal;
}

.jetbrains_mono_df957596-module__LXodXq__variable {
  --font-jbmono: "JetBrains Mono", "JetBrains Mono Fallback";
}

/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --paper: #fffdf8;
  --porcelain: #f3ecdf;
  --ink: #211a12;
  --ink2: #211a128f;
  --ink3: #211a1257;
  --line: #211a121a;
  --line2: #211a1229;
  --cognac: #a96f33;
  --cognac2: #caa05f;
  --rose: #b15677;
  --void: #100c0e;
  --void2: #181216;
  --cream: #f3ece1;
  --cream2: #f3ece19e;
  --cream3: #f3ece15c;
  --dline: #f3ece11f;
  --dline2: #f3ece133;
  --amber: #e0a85e;
  --amber-ink: #c08840;
  --rosed: #d57f9e;
  --green: #7cc59c;
  --disp: var(--font-fraunces),Georgia,serif;
  --body: var(--font-inter),-apple-system,sans-serif;
  --mono: var(--font-jbmono),ui-monospace,monospace;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--body);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  background: #c9c4bb;
  padding: 18px 0;
  line-height: 1.5;
}

button, select, input {
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
}

.mono {
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
}

.frame {
  background: var(--porcelain);
  border-radius: 26px;
  max-width: 400px;
  min-height: 92vh;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 70px #00000047;
}

@keyframes up {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.up {
  opacity: 0;
  animation: .6s cubic-bezier(.2, .7, .2, 1) forwards up;
}

.hero.up {
  opacity: 1;
  animation-name: upM;
}

@keyframes upM {
  from {
    margin-top: 14px;
  }

  to {
    margin-top: 0;
  }
}

.white {
  background: radial-gradient(120% 80% at 50% -10%,#fffdf8,var(--porcelain) 60%);
  min-height: 92vh;
}

.bar {
  z-index: 20;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line);
  background: #f3ecdfdb;
  align-items: center;
  gap: 11px;
  padding: 14px 18px;
  display: flex;
  position: sticky;
  top: 0;
}

.wm {
  font-family: var(--mono);
  letter-spacing: .2em;
  font-size: 11px;
  font-weight: 700;
}

.wm b {
  color: var(--cognac);
}

.search {
  color: var(--ink3);
  background: #211a120d;
  border-radius: 999px;
  flex: 1;
  padding: 9px 13px;
  font-size: 12px;
}

.dot {
  width: 30px;
  height: 30px;
  color: var(--ink2);
  background: #211a120f;
  border-radius: 50%;
  place-items: center;
  font-size: 13px;
  display: grid;
}

.scroll {
  -webkit-overflow-scrolling: touch;
  height: calc(92vh - 54px);
  overflow-y: auto;
}

.scroll::-webkit-scrollbar {
  display: none;
}

.pad {
  padding: 14px 18px 34px;
}

.hero {
  align-items: center;
  gap: 15px;
  display: flex;
}

img.bottle {
  filter: drop-shadow(0 8px 18px #3c280f40);
  flex-shrink: 0;
  width: auto;
  height: 96px;
  display: block;
}

.hname {
  font-family: var(--disp);
  letter-spacing: -.01em;
  font-size: 25px;
  font-weight: 500;
  line-height: .98;
}

.hbrand {
  color: var(--ink2);
  margin-top: 5px;
  font-size: 12px;
}

.hmeta {
  font-family: var(--mono);
  letter-spacing: .03em;
  color: var(--ink2);
  margin-top: 7px;
  font-size: 11px;
}

.preview {
  border: 1px solid var(--line);
  background: var(--paper);
  border-radius: 16px;
  margin-top: 18px;
  padding: 15px;
}

.pv-verdict {
  font-family: var(--disp);
  letter-spacing: -.01em;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.3;
}

.pv-verdict summary {
  cursor: pointer;
  font-family: var(--disp);
  color: var(--ink);
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  font-size: 16.5px;
  font-style: italic;
  line-height: 1.35;
  list-style: none;
  display: flex;
}

.pv-verdict summary::-webkit-details-marker {
  display: none;
}

.pv-verdict summary:after {
  content: "как пахнет ↓";
  font-family: var(--body);
  color: #b8791f;
  white-space: nowrap;
  flex: none;
  font-size: 10.5px;
  font-style: normal;
  font-weight: 600;
}

.pv-verdict[open] summary:after {
  content: "свернуть ↑";
}

.pv-verdict .vfull {
  color: #3a352e;
  margin-top: 9px;
  font-size: 14px;
  line-height: 1.55;
}

.pv-smell {
  gap: 9px;
  margin-top: 13px;
  display: flex;
}

.scent {
  text-align: center;
  border: 1px solid var(--line);
  background: var(--porcelain);
  border-radius: 11px;
  flex: 1;
  padding: 9px 4px;
}

.scent .ico {
  font-size: 17px;
}

.scent .txt {
  color: var(--ink2);
  margin-top: 5px;
  font-size: 10.5px;
  font-weight: 600;
}

.pv-specs {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
  display: flex;
}

.spec {
  color: var(--ink2);
  background: #211a120d;
  border-radius: 999px;
  padding: 6px 11px;
  font-size: 11px;
  font-weight: 600;
}

.ward {
  color: var(--cognac);
  background: #a96f3314;
  border: 1px solid #a96f3333;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  margin-top: 11px;
  padding: 7px 12px;
  font-size: 11.5px;
  font-weight: 600;
  display: inline-flex;
}

.portal {
  text-align: left;
  background: linear-gradient(165deg, #1a1419, #0f0b0d);
  border-radius: 20px;
  width: 100%;
  margin-top: 18px;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 40px #140a1257;
}

.portal:after {
  content: "";
  pointer-events: none;
  background: radial-gradient(80% 60% at 78% 18%, #d57f9e38, #0000 60%), radial-gradient(70% 60% at 20% 90%, #dda15929, #0000 62%);
  position: absolute;
  inset: 0;
}

.portal-bd {
  z-index: 2;
  padding: 18px;
  position: relative;
}

.pt-top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.pt-kick {
  font-family: var(--mono);
  letter-spacing: .18em;
  color: var(--cream3);
  text-transform: uppercase;
  font-size: 9.5px;
}

.pt-num {
  font-family: var(--mono);
  letter-spacing: -.03em;
  color: var(--cream);
  font-size: 52px;
  font-weight: 700;
  line-height: .86;
}

.pt-num span {
  color: var(--cream3);
  letter-spacing: .02em;
  margin-left: 3px;
  font-size: 14px;
}

.pt-zone {
  text-align: right;
  margin-top: 3px;
}

.pt-zone .z {
  font-family: var(--disp);
  color: var(--rosed);
  font-size: 17px;
  font-style: italic;
}

.pt-zone .zs {
  font-family: var(--mono);
  letter-spacing: .06em;
  color: var(--cream2);
  text-transform: uppercase;
  margin-top: 4px;
  font-size: 10px;
}

.pt-hook {
  font-family: var(--disp);
  color: var(--cream);
  letter-spacing: -.01em;
  margin-top: 15px;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.08;
}

.pt-mini {
  gap: 9px;
  margin-top: 14px;
  display: flex;
}

.pt-mini .m {
  border: 1px solid var(--dline);
  background: #ffffff0a;
  border-radius: 10px;
  flex: 1;
  padding: 9px 11px;
}

.pt-mini .k {
  font-family: var(--mono);
  letter-spacing: .1em;
  color: var(--cream3);
  text-transform: uppercase;
  font-size: 8.5px;
}

.pt-mini .v {
  color: var(--cream);
  margin-top: 4px;
  font-size: 12.5px;
  font-weight: 600;
}

.pt-mini .v.ok {
  color: var(--green);
}

.pt-cta {
  background: var(--amber);
  color: #241402;
  border-radius: 11px;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  padding: 13px 15px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.pt-cta .arr {
  font-size: 16px;
}

.peek {
  z-index: 60;
  text-align: center;
  clip-path: circle(150%);
  background: radial-gradient(86% 50% at 50% 2%, #fffdf8, #f3ecdf 64%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 22px;
  transition: clip-path .85s cubic-bezier(.6, 0, .25, 1);
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden auto;
}

.peek::-webkit-scrollbar {
  display: none;
}

.peek.go {
  clip-path: circle(0% at 50% 88%);
  pointer-events: none;
}

.cv-brand {
  justify-content: center;
  align-items: center;
  gap: 9px;
  margin-bottom: auto;
  padding-top: 8px;
  display: flex;
}

.cv-coin {
  background: linear-gradient(#fbf3e3 0 50%, #161311 50% 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 3px #0000002e, inset 0 0 0 1px #211a1214;
}

.cv-coin:after {
  content: "";
  background: #e0a85e;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  box-shadow: 0 0 6px #e0a85ef2;
}

.cv-wm {
  font-family: var(--disp);
  letter-spacing: .004em;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.cv-wm .t {
  color: #1c1a16;
}

.cv-wm .i {
  color: #e0a85e;
}

.cv-mid {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.cv-rings {
  pointer-events: none;
  will-change: translate;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.cv-ring {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cv-ring.a {
  border: 1px solid #1c1a160f;
  width: 280px;
  height: 280px;
}

.cv-ring.b {
  border: 1px solid #c2762e33;
  width: 440px;
  height: 440px;
}

.cv-ring.c {
  border: 1px solid #1c1a160a;
  width: 610px;
  height: 610px;
}

.cv-name {
  z-index: 5;
  font-family: var(--disp);
  letter-spacing: -.01em;
  color: #1c1a16;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  position: relative;
}

.cv-house {
  z-index: 5;
  font-family: var(--disp);
  color: #c2762e;
  margin-top: 6px;
  margin-bottom: 16px;
  font-size: 14px;
  font-style: italic;
  position: relative;
}

.cv-photo {
  z-index: 5;
  will-change: translate;
  justify-content: center;
  align-items: center;
  height: 150px;
  margin: 0 auto 16px;
  display: flex;
  position: relative;
}

.cv-photo img {
  object-fit: contain;
  filter: drop-shadow(0 14px 26px #1c1a1647);
  width: auto !important;
  height: 100% !important;
}

.cv-strike {
  z-index: 5;
  font-family: var(--disp);
  letter-spacing: -.015em;
  color: #1c1a16;
  max-width: 340px;
  margin-bottom: 20px;
  font-size: clamp(27px, 7.6vw, 40px);
  font-weight: 600;
  line-height: 1.05;
  position: relative;
}

.cv-strike em {
  color: #a8641f;
  font-style: italic;
  font-weight: 400;
}

.cv-tell {
  z-index: 5;
  width: min(330px, 90%);
  margin: 0 auto 16px;
  position: relative;
}

.cv-tt {
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 8px;
  display: flex;
}

.cv-zone {
  font-family: var(--disp);
  color: #c2762e;
  font-size: 18px;
  font-style: italic;
}

.cv-zone .e {
  margin-right: 4px;
  font-size: .82em;
  font-style: normal;
}

.cv-num {
  font-family: var(--mono);
  color: #1c1a16;
  font-size: 26px;
  font-weight: 700;
}

.cv-num small {
  color: #1c1a166b;
  font-size: 13px;
  font-weight: 400;
}

.cv-track {
  background: linear-gradient(90deg, #9bb0c4, #9db8bf 30%, #bcae93 52%, #e0a85e 76%, #c2762e 100%);
  border-radius: 8px;
  height: 8px;
  position: relative;
  overflow: hidden;
}

.cv-marker {
  background: #fffdf8;
  border: 3px solid #1c1a16;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  transition: left 1.1s cubic-bezier(.2, .7, .2, 1);
  position: absolute;
  top: -5px;
  left: 0;
  transform: translateX(-50%);
  box-shadow: 0 2px 8px #1c1a1640;
}

.cv-poles {
  color: #1c1a169e;
  justify-content: space-between;
  margin-top: 9px;
  font-size: 12px;
  display: flex;
}

.cv-poles .r {
  text-align: right;
}

.cv-axes {
  z-index: 5;
  gap: 5px;
  width: min(330px, 90%);
  margin: 0 auto 18px;
  display: grid;
  position: relative;
}

.cv-ax {
  grid-template-columns: 90px 1fr 26px;
  align-items: center;
  gap: 10px;
  display: grid;
}

.cv-ax-n {
  color: #1c1a1699;
  text-align: left;
  font-size: 12.5px;
}

.cv-ax-b {
  background: #1c1a161a;
  border-radius: 6px;
  height: 6px;
  overflow: hidden;
}

.cv-ax-b i {
  background: #dd9150;
  border-radius: 6px;
  height: 100%;
  display: block;
}

.cv-ax-v {
  font-family: var(--mono);
  color: #1c1a1680;
  text-align: right;
  font-size: 11px;
}

.cv-obs {
  z-index: 5;
  text-align: left;
  cursor: pointer;
  border-left: 2px solid #e0a85e;
  width: min(330px, 90%);
  margin: 0 auto 20px;
  padding: 2px 0 2px 14px;
  position: relative;
}

.cv-obs-q {
  font-family: var(--disp);
  color: #1c1a16;
  font-size: 15.5px;
  font-style: italic;
  line-height: 1.42;
}

.cv-obs-m {
  justify-content: space-between;
  align-items: baseline;
  margin-top: 8px;
  font-size: 12px;
  display: flex;
}

.cv-obs-m .who {
  color: #1c1a1699;
}

.cv-obs-m .more {
  font-family: var(--mono);
  color: #a8641f;
  white-space: nowrap;
  font-size: 11px;
}

.cv-cta {
  z-index: 5;
  cursor: pointer;
  color: #f3ece1;
  font-family: var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  background: #100c0e;
  border: none;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 15px 26px;
  font-size: 12px;
  display: inline-flex;
  position: relative;
  box-shadow: 0 16px 36px -18px #161311cc;
}

.cv-cta .ar {
  transition: transform .25s;
}

.cv-cta:active .ar {
  transform: translateX(4px);
}

.sw-h {
  font-family: var(--mono);
  letter-spacing: .14em;
  color: var(--ink3);
  text-transform: uppercase;
  margin: 22px 0 10px;
  font-size: 10px;
  font-weight: 600;
}

.sw {
  scrollbar-width: none;
  flex-wrap: nowrap;
  gap: 7px;
  padding-bottom: 2px;
  display: flex;
  overflow-x: auto;
}

.sw::-webkit-scrollbar {
  display: none;
}

.sw button {
  background: var(--paper);
  color: var(--ink);
  white-space: nowrap;
  border: 1.5px solid #211a1238;
  border-radius: 12px;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 600;
  transition: all .15s;
  display: inline-flex;
}

.sw button .si {
  font-size: 14px;
}

.sw button.on {
  background: var(--ink);
  color: var(--paper);
  border-color: var(--ink);
}

.content {
  margin-top: 13px;
  animation: .3s fade;
}

.chead {
  font-family: var(--disp);
  align-items: center;
  gap: 8px;
  margin-bottom: 11px;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

.chead .cic {
  font-size: 16px;
}

.blk {
  border: 1px solid var(--line);
  background: var(--paper);
  border-radius: 14px;
  margin-bottom: 10px;
  padding: 15px;
}

.blk-h {
  font-family: var(--mono);
  letter-spacing: .1em;
  color: var(--ink3);
  text-transform: uppercase;
  margin-bottom: 11px;
  font-size: 9.5px;
  font-weight: 600;
}

.row2 {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  display: grid;
}

.kv {
  border: 1px solid var(--line);
  background: var(--porcelain);
  border-radius: 11px;
  padding: 12px;
}

.kv .k {
  font-family: var(--mono);
  color: var(--ink3);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
}

.kv .v {
  margin-top: 5px;
  font-size: 15px;
  font-weight: 600;
}

.bars {
  gap: 3px;
  margin-top: 9px;
  display: flex;
}

.bars i {
  background: #211a121f;
  border-radius: 9px;
  flex: 1;
  height: 5px;
}

.bars i.on {
  background: var(--cognac);
}

.digest {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  display: grid;
}

.dg {
  border: 1px solid var(--line);
  background: var(--paper);
  text-align: left;
  border-radius: 14px;
  padding: 14px;
  transition: all .15s;
}

.dg:hover {
  border-color: var(--line2);
}

.dg.hot {
  background: linear-gradient(165deg, #fff7ea, #f7ecd6);
  border-color: #a96f334d;
}

.dg .di {
  font-size: 19px;
}

.dg .dt {
  font-family: var(--disp);
  letter-spacing: -.01em;
  margin-top: 9px;
  font-size: 17px;
  font-weight: 500;
}

.dg .ds {
  color: var(--ink2);
  margin-top: 3px;
  font-size: 11.5px;
  line-height: 1.35;
}

.digest-note {
  color: var(--ink3);
  text-align: center;
  margin-top: 10px;
  font-size: 11px;
}

.micro-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 11px;
  display: flex;
}

.micro-title {
  font-family: var(--mono);
  letter-spacing: .1em;
  color: var(--ink3);
  text-transform: uppercase;
  font-size: 9.5px;
  font-weight: 600;
}

.micro-btn {
  font-family: var(--mono);
  color: var(--cognac);
  border: 1px solid #a96f334d;
  border-radius: 999px;
  padding: 5px 11px;
  font-size: 10px;
  font-weight: 600;
}

.mrow {
  grid-template-columns: 54px 1fr;
  align-items: center;
  gap: 10px;
  padding: 7px 0;
  display: grid;
}

.mrow .mk {
  font-family: var(--mono);
  color: var(--ink3);
  text-transform: uppercase;
  font-size: 9.5px;
}

.mchip {
  border: 1px solid var(--line);
  background: var(--porcelain);
  border-radius: 999px;
  margin: 0 5px 5px 0;
  padding: 5px 10px;
  font-size: 12px;
  display: inline-block;
}

.macc {
  margin-top: 9px;
}

.macc .t {
  justify-content: space-between;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.meter {
  background: #211a121a;
  border-radius: 9px;
  height: 5px;
  overflow: hidden;
}

.meter i {
  background: linear-gradient(90deg,var(--cognac),var(--cognac2));
  border-radius: 9px;
  height: 100%;
  display: block;
}

.ntag {
  border: 1px solid var(--line);
  background: var(--porcelain);
  border-radius: 999px;
  padding: 5px 11px;
  font-size: 12px;
}

.acc {
  margin-bottom: 11px;
}

.acc .t {
  justify-content: space-between;
  margin-bottom: 5px;
  font-size: 12.5px;
  font-weight: 600;
  display: flex;
}

.stabs {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.stab {
  font-family: var(--mono);
  border: 1px solid var(--line2);
  background: var(--porcelain);
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 11.5px;
  font-weight: 600;
}

.stab.on {
  background: var(--ink);
  color: var(--paper);
  border-color: var(--ink);
}

.tell .stab {
  border-color: var(--dline2);
  color: var(--cream2);
  background: #ffffff0f;
}

.tell .stab.on {
  background: var(--amber);
  color: #241402;
  border-color: var(--amber);
}

.shop {
  border: 1px solid var(--line);
  background: var(--porcelain);
  text-align: left;
  width: 100%;
  color: var(--ink);
  border-radius: 11px;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  padding: 12px 13px;
  text-decoration: none;
  display: flex;
}

.shop.best {
  background: #7cc59c1a;
  border-color: #7cc59c80;
}

.shop .sn {
  font-size: 13.5px;
  font-weight: 700;
}

.shop .sx {
  color: var(--ink3);
  margin-top: 2px;
  font-size: 11px;
}

.shop .sp {
  font-family: var(--mono);
  font-size: 16px;
  font-weight: 700;
}

.shop .sp small {
  color: #3a9d63;
  text-align: right;
  font-size: 9px;
  font-family: var(--body);
  display: block;
}

.watch {
  border: 1px dashed var(--line2);
  border-radius: 11px;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  padding: 12px 13px;
  font-size: 12px;
  display: flex;
}

.watch b {
  font-weight: 700;
}

.wbtn {
  font-family: var(--mono);
  border: 1px solid var(--ink);
  border-radius: 999px;
  padding: 8px 13px;
  font-size: 11px;
  font-weight: 600;
}

.wbtn.on {
  background: var(--ink);
  color: var(--paper);
}

.bin {
  gap: 8px;
  margin-top: 11px;
  display: flex;
}

.bin input {
  border: 1px solid var(--line2);
  font-family: var(--mono);
  background: var(--porcelain);
  border-radius: 10px;
  outline: none;
  flex: 1;
  padding: 12px 13px;
  font-size: 13px;
}

.bgo {
  font-family: var(--mono);
  background: var(--ink);
  color: var(--paper);
  border-radius: 10px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 600;
}

.bres {
  border-radius: 11px;
  margin-top: 11px;
  padding: 12px 13px;
  font-size: 13px;
  line-height: 1.45;
}

.bres.ok {
  background: #7cc59c1f;
  border: 1px solid #7cc59c80;
}

.bres.warn {
  background: #fbf3e0;
  border: 1px solid #e6c878;
}

.bres.bad {
  background: #fbeef0;
  border: 1px solid #e6a3ad;
}

.bhint {
  color: var(--ink3);
  margin-top: 9px;
  font-size: 10.5px;
  line-height: 1.4;
}

.note-warm {
  background: #a96f3312;
  border: 1px solid #a96f334d;
  border-radius: 12px;
  gap: 11px;
  padding: 13px 14px;
  display: flex;
}

.note-warm .ic {
  font-size: 17px;
}

.note-warm .t {
  font-size: 13px;
  line-height: 1.5;
}

.note-warm .t b {
  font-weight: 700;
}

.alt {
  border: 1px solid var(--line);
  background: var(--porcelain);
  border-radius: 13px;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 9px;
  padding: 13px;
  display: flex;
}

.alt .tg {
  font-family: var(--mono);
  letter-spacing: .04em;
  border-radius: 8px;
  flex-shrink: 0;
  padding: 5px 9px;
  font-size: 9.5px;
  font-weight: 700;
}

.alt .tg.save {
  color: #2f8a55;
  background: #7cc59c2e;
}

.alt .tg.up {
  color: #8a6a1a;
  background: #caa05f38;
}

.alt .tg.tw {
  color: #a8456f;
  background: #b156772e;
}

.alt-lead {
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  gap: 7px;
  display: flex;
}

.alt-ph {
  object-fit: contain;
  background: none;
  border: 0;
  width: 54px;
  height: 54px;
  display: block;
}

.alt .an {
  font-size: 14.5px;
  font-weight: 700;
}

.alt .al {
  color: var(--ink2);
  margin-top: 3px;
  font-size: 11.5px;
  line-height: 1.4;
}

.alt .aw {
  color: var(--ink3);
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.4;
}

.alt .aw b {
  color: var(--cognac);
  font-weight: 600;
}

.alt .at {
  text-align: right;
  font-family: var(--mono);
  color: var(--ink3);
  flex-shrink: 0;
  margin-left: auto;
  font-size: 9px;
}

.alt .at b {
  color: var(--ink);
  font-size: 18px;
  display: block;
}

.xref {
  background: #b1567712;
  border: 1px solid #b1567747;
  border-radius: 13px;
  gap: 11px;
  margin-top: 2px;
  padding: 14px;
  display: flex;
}

.xref .ic {
  font-size: 18px;
}

.xref .t {
  font-size: 12.5px;
  line-height: 1.5;
}

.xref .t b {
  font-weight: 700;
}

.xref .t .s {
  color: #9a6580;
  margin-top: 6px;
  font-size: 11px;
  display: block;
}

.cross {
  z-index: 90;
  pointer-events: auto;
  position: fixed;
  inset: 0;
}

.cross.in {
  background: radial-gradient(120% 90% at 50% 30%,#1c1016,var(--void) 64%);
  clip-path: circle(0% at 50% 86%);
  animation: 1.45s cubic-bezier(.6, 0, .25, 1) forwards irisIn;
}

@keyframes irisIn {
  0% {
    clip-path: circle(0% at 50% 86%);
  }

  55% {
    clip-path: circle(150% at 50% 86%);
  }

  100% {
    clip-path: circle(150% at 50% 86%);
  }
}

.cross.out {
  background: radial-gradient(120% 90% at 50% 70%,#fffef9,var(--porcelain) 64%);
  clip-path: circle(0% at 50% 14%);
  animation: 1s cubic-bezier(.6, 0, .25, 1) forwards irisOut;
}

@keyframes irisOut {
  0% {
    clip-path: circle(0% at 50% 14%);
  }

  100% {
    clip-path: circle(150% at 50% 14%);
  }
}

.cross-in-txt {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: 0;
}

.cross-kick {
  font-family: var(--mono);
  letter-spacing: .24em;
  color: var(--amber);
  text-transform: uppercase;
  opacity: 0;
  font-size: 10px;
  animation: .5s .35s forwards fade;
}

.cross-l1 {
  font-family: var(--disp);
  color: var(--cream);
  opacity: 0;
  margin-top: 18px;
  font-size: 30px;
  font-style: italic;
  font-weight: 300;
  animation: .7s .5s forwards up;
}

.cross-l2 {
  font-family: var(--disp);
  color: var(--cream);
  letter-spacing: -.02em;
  opacity: 0;
  margin-top: 4px;
  font-size: 38px;
  font-weight: 500;
  animation: .7s 1s forwards up;
}

.cross-skip {
  font-family: var(--mono);
  letter-spacing: .1em;
  color: var(--cream3);
  text-transform: uppercase;
  opacity: 0;
  font-size: 10px;
  animation: .5s 1.1s forwards fade;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}

.tell {
  background: radial-gradient(110% 70% at 50% -8%,#1c1016,var(--void) 58%);
  min-height: 92vh;
  color: var(--cream);
  animation: .5s fade;
}

.tbar {
  z-index: 20;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--dline);
  background: #100c0ed1;
  align-items: center;
  gap: 11px;
  padding: 14px 18px;
  display: flex;
  position: sticky;
  top: 0;
}

.tback {
  color: var(--cream);
  font-size: 13px;
  font-weight: 600;
}

.tshare {
  font-family: var(--mono);
  letter-spacing: .06em;
  background: var(--amber);
  color: #241402;
  border-radius: 999px;
  margin-left: auto;
  padding: 8px 14px;
  font-size: 10.5px;
  font-weight: 600;
}

.tscroll {
  -webkit-overflow-scrolling: touch;
  height: calc(92vh - 54px);
  overflow-y: auto;
}

.tscroll::-webkit-scrollbar {
  display: none;
}

.plate {
  border: 1px solid var(--dline2);
  background: linear-gradient(#181216b3, #100c0e66);
  border-radius: 18px;
  margin: 18px 18px 0;
  overflow: hidden;
}

.plate-bar {
  border-bottom: 1px solid var(--dline);
  font-family: var(--mono);
  letter-spacing: .13em;
  color: var(--cream3);
  text-transform: uppercase;
  justify-content: space-between;
  padding: 11px 15px;
  font-size: 9.5px;
  display: flex;
}

.plate-bar b {
  color: var(--amber);
}

.plate-bd {
  padding: 17px 15px;
}

.plate-main {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.plate-num {
  font-family: var(--mono);
  letter-spacing: -.04em;
  font-size: 66px;
  font-weight: 700;
  line-height: .82;
}

.plate-of {
  font-family: var(--mono);
  color: var(--cream3);
  letter-spacing: .02em;
  margin-left: 3px;
  font-size: 13px;
}

.plate-z {
  text-align: right;
  margin-bottom: 6px;
}

.plate-z .z {
  font-family: var(--disp);
  color: var(--rosed);
  font-size: 20px;
  font-style: italic;
}

.plate-z .zs {
  font-family: var(--mono);
  letter-spacing: .06em;
  color: var(--cream2);
  text-transform: uppercase;
  margin-top: 4px;
  font-size: 10px;
}

.zscale {
  margin-top: 30px;
}

.zbar {
  gap: 3px;
  display: flex;
}

.zseg {
  background: #f3ece124;
  border-radius: 2px;
  flex: 1;
  height: 7px;
  position: relative;
}

.zseg.on {
  background: var(--amber);
}

.zseg-num {
  font-family: var(--mono);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  bottom: 13px;
  left: 50%;
  transform: translateX(-50%);
}

.zlab {
  font-family: var(--mono);
  color: var(--cream2);
  letter-spacing: .03em;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 9px;
  display: flex;
}

.plate-meta {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 15px;
  display: grid;
}

.plate-meta3 {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin-top: 15px;
  display: grid;
}

.plate-arena {
  background: var(--amber);
  color: #241402;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 10px;
  padding: 14px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  box-shadow: 0 6px 18px #e0a85e40;
}

.plate-arena .arr {
  font-family: var(--mono);
}

.pm {
  border: 1px solid var(--dline);
  background: #ffffff08;
  border-radius: 10px;
  padding: 10px 11px;
}

.pm .k {
  font-family: var(--mono);
  letter-spacing: .1em;
  color: var(--cream3);
  text-transform: uppercase;
  font-size: 8.5px;
}

.pm .v {
  font-family: var(--mono);
  margin-top: 4px;
  font-size: 13px;
  font-weight: 600;
}

.pm .v.g {
  font-size: 16px;
  font-weight: 700;
}

.pm .v.ok {
  color: var(--green);
}

.thook {
  font-family: var(--disp);
  letter-spacing: -.02em;
  margin: 18px 18px 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.06;
}

.thook b {
  color: var(--amber);
  font-weight: 500;
}

.tnote {
  color: var(--cream2);
  margin: 12px 18px 0;
  font-size: 12px;
  line-height: 1.55;
}

.tsw {
  scrollbar-width: none;
  flex-wrap: nowrap;
  gap: 7px;
  padding: 18px 18px 6px;
  display: flex;
  overflow-x: auto;
}

.tsw::-webkit-scrollbar {
  display: none;
}

.tsw button {
  border: 1px solid var(--dline2);
  color: var(--cream);
  white-space: nowrap;
  background: #ffffff14;
  border-radius: 12px;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 600;
  transition: all .15s;
  display: inline-flex;
}

.tsw button .si {
  font-size: 14px;
}

.tsw button.on {
  background: var(--amber);
  color: #241402;
  border-color: var(--amber);
}

.tsec {
  padding: 8px 18px 30px;
  animation: .3s fade;
}

.tchead {
  font-family: var(--disp);
  color: var(--cream);
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 19px;
  font-weight: 500;
  display: flex;
}

.tchead .cic {
  font-size: 16px;
}

.tblk {
  border: 1px solid var(--dline);
  background: #ffffff06;
  border-radius: 14px;
  margin-bottom: 10px;
  padding: 15px;
}

.diverge {
  grid-template-columns: 1fr 1fr;
  gap: 11px;
  display: grid;
}

.dch {
  font-family: var(--mono);
  letter-spacing: .1em;
  color: var(--cream3);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 9px;
}

.tchip {
  font-family: var(--disp);
  border: 1px solid var(--dline2);
  border-radius: 10px;
  margin-bottom: 7px;
  padding: 9px 12px;
  font-size: 15px;
  font-style: italic;
  display: block;
}

.tchip.match {
  color: var(--green);
  border-color: #7cc59c80;
}

.tchip.miss {
  color: var(--rosed);
  border-color: #d57f9e80;
}

.verdict {
  font-family: var(--disp);
  margin-top: 14px;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.2;
}

.verdict b {
  color: var(--amber);
}

.dim {
  border: 1px solid var(--dline);
  background: #ffffff06;
  border-radius: 13px;
  margin-bottom: 9px;
  overflow: hidden;
}

.dim.self {
  border-color: #dda1594d;
}

.dim-h {
  text-align: left;
  align-items: center;
  gap: 13px;
  width: 100%;
  padding: 15px;
  display: flex;
}

.dim-name {
  font-family: var(--disp);
  font-size: 21px;
  font-weight: 500;
}

.dim-en {
  font-family: var(--mono);
  letter-spacing: .08em;
  color: var(--cream3);
  text-transform: uppercase;
  margin-top: 2px;
  font-size: 9px;
}

.dim-bl {
  color: var(--cream2);
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.4;
}

.dim-sc {
  text-align: right;
  flex-shrink: 0;
  margin-left: auto;
}

.dim-sc .n {
  font-family: var(--mono);
  color: var(--amber);
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}

.dim-sc .c {
  font-family: var(--mono);
  color: var(--cream3);
  margin-top: 5px;
  font-size: 9px;
}

.selfb {
  font-family: var(--mono);
  letter-spacing: .04em;
  color: var(--amber);
  text-transform: uppercase;
  border: 1px solid #dda15966;
  border-radius: 999px;
  margin-top: 8px;
  padding: 3px 8px;
  font-size: 8.5px;
  font-weight: 600;
  display: inline-block;
}

.dim-o {
  border-top: 1px solid var(--dline);
  padding: 0 15px 15px;
}

.ev {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
  display: flex;
}

.ev span {
  font-family: var(--mono);
  border: 1px solid var(--dline2);
  color: var(--cream2);
  border-radius: 8px;
  padding: 5px 9px;
  font-size: 10.5px;
}

.src {
  font-family: var(--mono);
  color: var(--cream3);
  margin-top: 11px;
  font-size: 10px;
}

.src b {
  color: var(--cognac2);
}

.chain .cr {
  border-bottom: 1px solid var(--dline);
  grid-template-columns: 78px 1fr;
  gap: 13px;
  padding: 12px 0;
  display: grid;
}

.chain .cr:last-child {
  border: 0;
}

.chain .ct {
  font-family: var(--mono);
  letter-spacing: .06em;
  color: var(--amber);
  text-transform: uppercase;
  font-size: 9.5px;
}

.chain .cx {
  font-family: var(--disp);
  font-size: 17px;
  line-height: 1.25;
}

.chain .cr.warn .cx {
  color: var(--rosed);
}

.sbox-top {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.sbox-n {
  font-family: var(--disp);
  font-size: 23px;
  font-weight: 500;
}

.sbox-s {
  font-family: var(--mono);
  font-size: 46px;
  font-weight: 700;
  line-height: .82;
}

.sbox-l {
  font-family: var(--disp);
  margin-top: 13px;
  font-size: 18px;
  font-style: italic;
  line-height: 1.25;
}

.sbox-m {
  background: #00000047;
  border-radius: 10px;
  margin-top: 13px;
  padding: 12px;
}

.sbox-m .k {
  font-family: var(--mono);
  letter-spacing: .1em;
  color: var(--cream3);
  text-transform: uppercase;
  font-size: 9px;
}

.sbox-m .t {
  color: var(--cream2);
  margin-top: 6px;
  font-size: 12.5px;
  line-height: 1.4;
}

.ob {
  border: 1px solid var(--dline);
  background: #ffffff06;
  border-radius: 13px;
  margin-bottom: 8px;
  padding: 14px;
}

.ob-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ob-who {
  font-family: var(--disp);
  font-size: 17px;
  font-weight: 500;
}

.ob-tag {
  font-family: var(--mono);
  letter-spacing: .08em;
  color: var(--amber);
  text-transform: uppercase;
  border: 1px solid #dda1594d;
  border-radius: 999px;
  padding: 3px 9px;
  font-size: 8.5px;
  font-weight: 600;
}

.ob-say {
  font-family: var(--disp);
  color: var(--cream);
  margin-top: 11px;
  font-size: 18px;
  font-style: italic;
  line-height: 1.3;
}

.field {
  border: 1px solid var(--dline);
  background: #00000040;
  border-radius: 11px;
  margin-bottom: 8px;
  padding: 11px 12px;
}

.field label {
  font-family: var(--mono);
  letter-spacing: .1em;
  color: var(--cream3);
  text-transform: uppercase;
  margin-bottom: 7px;
  font-size: 9px;
  display: block;
}

.field select {
  width: 100%;
  color: var(--cream);
  background: none;
  border: 0;
  outline: none;
  font-size: 14px;
  font-weight: 600;
}

.field select option {
  background: #1a1418;
}

.pout {
  background: #0000004d;
  border-radius: 13px;
  margin-top: 4px;
  padding: 16px;
}

.pout .lbl {
  font-family: var(--mono);
  letter-spacing: .1em;
  color: var(--cream3);
  text-transform: uppercase;
  font-size: 9.5px;
}

.pout .pn {
  font-family: var(--mono);
  color: var(--amber);
  font-size: 60px;
  font-weight: 700;
  line-height: .84;
}

.drow {
  font-family: var(--mono);
  border-bottom: 1px solid var(--dline);
  justify-content: space-between;
  padding: 9px 0;
  font-size: 12px;
  display: flex;
}

.drow:last-child {
  border: 0;
}

.drow b {
  color: var(--amber);
}

.drow b.neg {
  color: var(--green);
}

.phonest {
  color: var(--cream3);
  margin-top: 12px;
  font-size: 11px;
  line-height: 1.5;
}

.citybox {
  position: relative;
}

.citynow {
  color: var(--cream);
  align-items: baseline;
  gap: 5px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.citynow .citycat {
  color: var(--cream3);
  font-size: 12px;
  font-weight: 500;
}

.citynow .cityd {
  color: var(--amber);
  font-family: var(--mono);
  margin-left: auto;
}

.citynow .cityd.neg {
  color: var(--green);
}

.cityinp {
  border: 1px solid var(--dline);
  width: 100%;
  color: var(--cream);
  background: #00000040;
  border-radius: 9px;
  outline: none;
  padding: 8px 10px;
  font-size: 13px;
}

.cityinp::placeholder {
  color: var(--cream3);
}

.cityhits {
  border: 1px solid var(--dline);
  background: #1a1418;
  border-radius: 9px;
  max-height: 210px;
  margin-top: 6px;
  overflow: hidden auto;
}

.cityhit {
  text-align: left;
  border: 0;
  border-bottom: 1px solid var(--dline);
  width: 100%;
  color: var(--cream);
  cursor: pointer;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.cityhit:last-child {
  border-bottom: 0;
}

.cityhit:hover {
  background: #ffffff0d;
}

.cityhit .cc {
  font-family: var(--mono);
  letter-spacing: .05em;
  color: var(--cream3);
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 9.5px;
  font-weight: 500;
}

.cityhint {
  color: var(--cream3);
  padding: 9px 11px;
  font-size: 12px;
}

.tl .tr {
  border-left: 2px solid var(--dline2);
  margin-left: 3px;
  padding: 12px 0 12px 18px;
  position: relative;
}

.tl .tr:before {
  content: "";
  background: var(--amber);
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 16px;
  left: -6px;
}

.tl .ty {
  font-family: var(--mono);
  color: var(--amber);
  letter-spacing: .04em;
  font-size: 10.5px;
  font-weight: 600;
}

.tl .tx {
  color: var(--cream2);
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.5;
}

.twr {
  border: 1px solid var(--dline);
  background: #ffffff06;
  border-radius: 13px;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 9px;
  padding: 13px;
  display: flex;
}

.twr .tg {
  font-family: var(--mono);
  border-radius: 8px;
  flex-shrink: 0;
  padding: 5px 9px;
  font-size: 9.5px;
  font-weight: 700;
}

.twr .tg.save {
  color: var(--green);
  background: #7cc59c29;
}

.twr .tg.up {
  color: var(--amber);
  background: #dda1592e;
}

.twr .tg.tw {
  color: var(--rosed);
  background: #d57f9e29;
}

.twr .an {
  font-family: var(--disp);
  font-size: 16px;
  font-weight: 500;
}

.twr .al {
  color: var(--cream2);
  margin-top: 3px;
  font-size: 11.5px;
  line-height: 1.4;
}

.twr .at {
  text-align: right;
  font-family: var(--mono);
  color: var(--cream3);
  flex-shrink: 0;
  margin-left: auto;
  font-size: 9px;
}

.twr .at b {
  color: var(--cream);
  font-size: 17px;
  display: block;
}

.modes {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-top: 10px;
  display: grid;
}

.mode {
  border: 1px solid var(--dline);
  background: #ffffff06;
  border-radius: 13px;
  padding: 14px;
}

.mode .mi {
  font-size: 19px;
}

.mode .mn {
  font-family: var(--disp);
  margin-top: 9px;
  font-size: 17px;
  font-weight: 500;
}

.mode .ms {
  color: var(--cream2);
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.35;
}

.ov {
  z-index: 95;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #080507cc;
  justify-content: center;
  align-items: center;
  padding: 22px;
  animation: .25s fade;
  display: flex;
  position: fixed;
  inset: 0;
}

.doss {
  border: 1px solid var(--dline2);
  background: linear-gradient(165deg, #1c1016, #0d090b);
  border-radius: 22px;
  width: 100%;
  max-width: 310px;
  padding: 22px;
  position: relative;
  overflow: hidden;
}

.doss:after {
  content: "";
  pointer-events: none;
  background: radial-gradient(70% 50% at 75% 16%, #d57f9e3d, #0000 60%), radial-gradient(60% 50% at 22% 88%, #dda1592e, #0000 62%);
  position: absolute;
  inset: 0;
}

.doss > * {
  z-index: 2;
  position: relative;
}

.doss-top {
  font-family: var(--mono);
  letter-spacing: .16em;
  color: var(--amber);
  text-transform: uppercase;
  font-size: 9.5px;
}

.doss-z {
  font-family: var(--disp);
  color: var(--rosed);
  margin-top: 18px;
  font-size: 16px;
  font-style: italic;
}

.doss-num {
  font-family: var(--mono);
  letter-spacing: -.04em;
  color: var(--cream);
  font-size: 84px;
  font-weight: 700;
  line-height: .8;
}

.doss-of {
  font-family: var(--mono);
  color: var(--cream3);
  font-size: 13px;
}

.doss-name {
  font-family: var(--disp);
  color: var(--cream);
  margin-top: 7px;
  font-size: 19px;
  font-weight: 500;
}

.doss-line {
  font-family: var(--disp);
  color: var(--cream);
  margin-top: 13px;
  font-size: 15px;
  font-style: italic;
  line-height: 1.3;
}

.doss-ax {
  gap: 6px;
  margin-top: 15px;
  display: grid;
}

.dax {
  font-family: var(--mono);
  align-items: center;
  gap: 9px;
  font-size: 10.5px;
  display: flex;
}

.dax .dn {
  width: 72px;
  color: var(--cream2);
}

.dax .db {
  background: #f3ece124;
  border-radius: 9px;
  flex: 1;
  height: 5px;
  overflow: hidden;
}

.dax .df {
  background: var(--amber);
  border-radius: 9px;
  height: 100%;
}

.dax .dv {
  text-align: right;
  width: 22px;
  color: var(--cream);
  font-weight: 600;
}

.doss-sp {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 15px;
  display: grid;
}

.dchip {
  border: 1px solid var(--dline2);
  border-radius: 10px;
  padding: 9px 11px;
}

.dchip.ok {
  border-color: #7cc59c80;
}

.dchip .k {
  font-family: var(--mono);
  letter-spacing: .1em;
  color: var(--cream3);
  text-transform: uppercase;
  font-size: 8px;
}

.dchip .v {
  font-family: var(--disp);
  color: var(--cream);
  margin-top: 4px;
  font-size: 13px;
  font-weight: 500;
}

.doss-foot {
  font-family: var(--mono);
  letter-spacing: .06em;
  color: var(--cream3);
  text-transform: uppercase;
  justify-content: space-between;
  margin-top: 17px;
  font-size: 8.5px;
  display: flex;
}

.doss-foot b {
  color: var(--cream);
}

.ov-x {
  font-family: var(--mono);
  background: var(--cream);
  color: #1a1418;
  z-index: 3;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 11px;
  font-weight: 600;
  position: absolute;
  top: -46px;
  right: 0;
}

.ov-cap {
  font-family: var(--mono);
  letter-spacing: .08em;
  color: var(--cream2);
  text-transform: uppercase;
  font-size: 9.5px;
  position: absolute;
  bottom: 26px;
  left: 50%;
  transform: translateX(-50%);
}

.tarena {
  font-family: var(--mono);
  letter-spacing: .04em;
  color: var(--cream);
  border: 1px solid var(--dline2);
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 10.5px;
  font-weight: 600;
}

.tabout {
  color: var(--cream2);
  border: 1px solid var(--dline2);
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  margin: 13px 18px 0;
  padding: 8px 14px;
  font-size: 12px;
  display: inline-flex;
}

.tabout .q {
  background: var(--amber);
  color: #241402;
  width: 17px;
  height: 17px;
  font-family: var(--mono);
  border-radius: 50%;
  place-items: center;
  font-size: 11px;
  font-weight: 700;
  display: inline-grid;
}

.tnext {
  border-top: 1px solid var(--dline);
  margin: 6px 18px 30px;
  padding-top: 16px;
}

.tnext-h {
  font-family: var(--mono);
  letter-spacing: .14em;
  color: var(--cream3);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 9.5px;
  font-weight: 600;
}

.tnext-row {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  display: grid;
}

.tnext-b {
  border: 1px solid var(--dline2);
  color: var(--cream);
  background: #ffffff08;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 13px 14px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.tnext-b .arr {
  font-family: var(--mono);
  color: var(--amber);
}

.tnext-b.on {
  border-color: #7cc59c80;
}

.tnext-b.on .arr {
  color: var(--green);
}

.cmprow {
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  display: flex;
}

.cmpn {
  width: 108px;
  color: var(--ink2);
  font-size: 11.5px;
  line-height: 1.2;
}

.cmpbar {
  background: #211a1217;
  border-radius: 9px;
  flex: 1;
  height: 7px;
  overflow: hidden;
}

.cmpfill {
  border-radius: 9px;
  height: 100%;
}

.cmpv {
  text-align: right;
  width: 24px;
  color: var(--ink2);
  font-size: 12px;
  font-weight: 700;
}

.cmpnote {
  color: var(--ink3);
  margin-top: 11px;
  font-size: 11px;
  line-height: 1.45;
}

.cmpnote b {
  color: var(--cognac);
  font-weight: 600;
}

.arena, .about {
  border: 1px solid var(--dline2);
  width: 100%;
  max-width: 330px;
  color: var(--cream);
  background: linear-gradient(165deg, #1c1016, #0d090b);
  border-radius: 22px;
  padding: 22px;
  position: relative;
}

.arena-k, .about-k {
  font-family: var(--mono);
  letter-spacing: .16em;
  color: var(--amber);
  text-transform: uppercase;
  font-size: 10px;
}

.arena-t {
  font-family: var(--disp);
  color: var(--cream);
  margin: 8px 0 16px;
  font-size: 22px;
  font-weight: 500;
}

.arena-note, .about-foot {
  color: var(--cream3);
  margin-top: 15px;
  font-size: 11px;
  line-height: 1.5;
}

.about-l {
  font-family: var(--disp);
  color: var(--cream);
  margin-top: 14px;
  font-size: 17px;
  line-height: 1.4;
}

.about-zones {
  gap: 8px;
  margin-top: 16px;
  display: grid;
}

.azrow {
  align-items: center;
  gap: 10px;
  display: flex;
}

.az-dot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 11px;
  height: 11px;
}

.az-n {
  color: var(--cream2);
  font-size: 13px;
}

.ov-wrap {
  width: 100%;
  max-width: 312px;
  position: relative;
}

.ov-wrap .ov-x {
  top: -46px;
}

.split {
  border-radius: 22px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 60px #00000080;
}

.half-w {
  color: var(--ink);
  text-align: center;
  background: linear-gradient(175deg, #fffdf8, #efe6d4);
  padding: 20px 20px 22px;
}

.half-d {
  color: var(--cream);
  text-align: center;
  background: linear-gradient(170deg, #1c1016, #0d090b);
  padding: 20px 20px 18px;
  position: relative;
}

.half-d:after {
  content: "";
  pointer-events: none;
  background: radial-gradient(80% 60% at 50% 112%, #dda15929, #0000 60%);
  position: absolute;
  inset: 0;
}

.half-d > * {
  z-index: 2;
  position: relative;
}

.seam {
  height: 0;
  position: relative;
}

.seam:before {
  content: "";
  background: linear-gradient(90deg,transparent,var(--amber) 25%,#f3d9a8 50%,var(--amber) 75%,transparent);
  height: 2px;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
}

.seam:after {
  content: "";
  pointer-events: none;
  background: radial-gradient(50% 100% at 50% 0, #dda15980, #0000 70%);
  height: 14px;
  position: absolute;
  top: 0;
  left: 15%;
  right: 15%;
}

.sp-top {
  font-family: var(--mono);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--cognac);
  font-size: 9px;
}

.sp-name {
  font-family: var(--disp);
  letter-spacing: -.01em;
  margin-top: 12px;
  font-size: 25px;
  font-weight: 500;
}

.sp-brand {
  color: var(--ink2);
  margin-top: 3px;
  font-size: 11.5px;
}

.sp-chip {
  font-family: var(--mono);
  letter-spacing: .04em;
  border-radius: 999px;
  margin-top: 12px;
  padding: 7px 13px;
  font-size: 10px;
  font-weight: 600;
  display: inline-block;
}

.half-w .sp-chip.ok {
  color: var(--cognac);
  border: 1px solid #a96f3366;
}

.half-d .sp-chip.miss {
  border: 1px solid var(--dline2);
  color: var(--cream2);
}

.sp-k {
  font-family: var(--mono);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--amber);
  font-size: 9px;
}

.sp-num {
  font-family: var(--mono);
  letter-spacing: -.04em;
  font-size: 62px;
  font-weight: 700;
  line-height: .82;
}

.sp-of {
  font-family: var(--mono);
  color: var(--cream3);
  font-size: 12px;
}

.sp-z {
  font-family: var(--disp);
  margin-top: 9px;
  font-size: 17px;
  font-style: italic;
}

.sp-line {
  font-family: var(--disp);
  color: var(--cream);
  margin-top: 9px;
  font-size: 15px;
  font-style: italic;
  line-height: 1.3;
}

.sp-ax {
  text-align: left;
  gap: 6px;
  margin-top: 14px;
  display: grid;
}

.sax {
  font-family: var(--mono);
  align-items: center;
  gap: 9px;
  font-size: 10px;
  display: flex;
}

.sax .sn {
  width: 78px;
  color: var(--cream2);
}

.sax .sb {
  background: #f3ece124;
  border-radius: 9px;
  flex: 1;
  height: 5px;
  overflow: hidden;
}

.sax .sf {
  border-radius: 9px;
  height: 100%;
}

.sax .sv {
  text-align: right;
  width: 22px;
  color: var(--cream);
  font-weight: 600;
}

.sp-foot {
  font-family: var(--mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--cream3);
  justify-content: space-between;
  margin-top: 15px;
  font-size: 8.5px;
  display: flex;
}

.sp-foot b {
  color: var(--cream);
}

.zbtn {
  text-align: left;
  cursor: pointer;
  border-radius: 10px;
  width: 100%;
  transition: transform .12s;
  display: block;
}

.zbtn:active {
  transform: scale(.98);
}

.az-d {
  color: var(--cream3);
  text-align: right;
  margin-left: auto;
  font-size: 11px;
}

.zlab, .dim-en {
  display: none;
}

.mk, .blk-h, .micro-title {
  letter-spacing: .09em;
  color: var(--ink2);
  font-size: 10.5px;
}

.hmeta {
  color: var(--ink2);
  font-size: 11px;
}

.ds {
  font-size: 11.5px;
}

.sx {
  font-size: 11px;
}

.zs, .pt-kick {
  font-size: 10.5px;
}

.plate-bar {
  color: var(--cream2);
  font-size: 10.5px;
}

.dch {
  color: var(--cream2);
  font-size: 10px;
}

.src {
  font-size: 11px;
}

.bhint {
  color: var(--ink2);
  font-size: 11.5px;
}

.cmpnote {
  font-size: 11.5px;
}

.selfb, .ob-tag {
  font-size: 9.5px;
}

.pm .k {
  color: var(--cream2);
  font-size: 9.5px;
}

.duel {
  z-index: 80;
  background: radial-gradient(110% 70% at 50% -8%,#1c1016,var(--void) 58%);
  color: var(--cream);
  border-radius: 26px;
  max-width: 400px;
  margin: 0 auto;
  animation: .35s fade;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.du-chip {
  font-family: var(--mono);
  letter-spacing: .14em;
  color: var(--amber);
  border: 1px solid #e0a85e59;
  border-radius: 999px;
  margin-left: auto;
  padding: 7px 12px;
  font-size: 10px;
  font-weight: 700;
}

.du-lede {
  font-family: var(--disp);
  letter-spacing: -.02em;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.1;
}

.du-h {
  font-family: var(--mono);
  letter-spacing: .14em;
  color: var(--cream3);
  text-transform: uppercase;
  margin: 20px 0 9px;
  font-size: 10px;
  font-weight: 600;
}

.du-pre {
  text-align: left;
  border: 1px solid var(--dline2);
  background: #ffffff0a;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  padding: 14px 15px;
  display: flex;
}

.du-pre .dn {
  font-family: var(--disp);
  font-size: 18px;
  font-weight: 500;
}

.du-pre .dl {
  color: var(--cream2);
  margin-top: 2px;
  font-size: 11.5px;
}

.du-pre .arr {
  font-family: var(--mono);
  color: var(--amber);
}

.du-i {
  text-align: left;
  border: 1px solid var(--dline);
  background: #ffffff05;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-bottom: 7px;
  padding: 11px 13px;
  display: flex;
}

.du-i .zdot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
}

.du-i .pn {
  font-size: 13.5px;
  font-weight: 600;
}

.du-i .pb {
  color: var(--cream3);
  font-size: 10.5px;
}

.du-i .pt {
  margin-left: auto;
  font-size: 16px;
  font-weight: 700;
}

.du-slug {
  font-family: var(--mono);
  color: var(--cream2);
  letter-spacing: .02em;
  font-size: 10.5px;
}

.du-slug b {
  color: var(--amber);
}

.du-match {
  border: 1px solid var(--dline2);
  background: #ffffff06;
  border-radius: 16px;
  grid-template-columns: 1fr auto 1fr;
  align-items: start;
  gap: 10px;
  margin-top: 16px;
  padding: 15px;
  display: grid;
}

.du-match .mc.r {
  text-align: right;
}

.du-match .nm {
  font-family: var(--disp);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.15;
}

.du-match .br {
  color: var(--cream3);
  margin-top: 3px;
  font-size: 10.5px;
}

.du-match .tl {
  letter-spacing: -.03em;
  margin-top: 8px;
  font-size: 32px;
  font-weight: 700;
  line-height: .9;
}

.du-match .zn {
  font-family: var(--disp);
  margin-top: 4px;
  font-size: 12.5px;
  font-style: italic;
}

.du-match .mvs {
  font-family: var(--mono);
  color: var(--cream3);
  padding-top: 26px;
  font-size: 11px;
}

.du-verdict {
  font-family: var(--disp);
  margin-top: 16px;
  font-size: 18px;
  line-height: 1.4;
}

.du-act {
  font-family: var(--disp);
  color: var(--amber);
  border-left: 2px solid var(--amber);
  margin-top: 12px;
  padding-left: 13px;
  font-size: 16.5px;
  font-style: italic;
  line-height: 1.4;
}

.du-price {
  border: 1px solid var(--dline);
  background: #ffffff05;
  border-radius: 14px;
  margin-top: 16px;
  padding: 14px;
}

.du-price .ph {
  font-family: var(--mono);
  letter-spacing: .1em;
  color: var(--cream2);
  text-transform: uppercase;
  margin-bottom: 11px;
  font-size: 10px;
}

.prow {
  margin-bottom: 10px;
}

.pt2 {
  justify-content: space-between;
  margin-bottom: 5px;
  font-size: 11.5px;
  display: flex;
}

.pn2 {
  font-weight: 700;
}

.pv {
  color: var(--cream2);
  font-family: var(--mono);
  font-size: 10px;
}

.pbar {
  background: var(--mute, #f3ece124);
  border-radius: 4px;
  height: 7px;
  display: flex;
  overflow: hidden;
}

.pbar .nme {
  background: var(--rosed);
}

.pbar .eff {
  background: var(--amber);
}

.pcap {
  color: var(--cream2);
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.45;
}

.du-proof {
  border: 1px solid var(--dline);
  background: #ffffff05;
  border-radius: 14px;
  margin-top: 12px;
  padding: 14px;
}

.ph2 {
  font-family: var(--mono);
  letter-spacing: .08em;
  color: var(--cream2);
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  font-size: 10px;
  display: flex;
}

.ph2 .lg {
  text-transform: none;
  letter-spacing: 0;
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.ph2 .lg i {
  border-radius: 50%;
  width: 9px;
  height: 9px;
  display: inline-block;
}

.axrow {
  margin-bottom: 11px;
}

.at {
  justify-content: space-between;
  margin-bottom: 5px;
  font-size: 12px;
  display: flex;
}

.at .an {
  font-weight: 600;
}

.at .av {
  color: var(--cream2);
  font-size: 11px;
}

.track {
  height: 14px;
  position: relative;
}

.track .tb {
  border-radius: 3px;
  height: 5px;
  transition: width .6s;
  position: absolute;
  left: 0;
}

.track .tb.q {
  background: var(--amber);
  top: 0;
}

.track .tb.l {
  background: var(--rosed);
  top: 8px;
}

.du-cite {
  background: var(--amber);
  color: #241402;
  border-radius: 12px;
  width: 100%;
  margin-top: 16px;
  padding: 14px;
  font-size: 14px;
  font-weight: 700;
}

.du-re {
  border: 1px solid var(--dline2);
  width: 100%;
  color: var(--cream2);
  border-radius: 12px;
  margin-top: 9px;
  padding: 12px;
  font-size: 13px;
  font-weight: 600;
}

.quote {
  border: 1px solid var(--dline2);
  text-align: center;
  background: linear-gradient(165deg, #1e1118, #0d090b);
  border-radius: 20px;
  padding: 22px;
  position: relative;
}

.q-k {
  font-family: var(--mono);
  letter-spacing: .18em;
  color: var(--amber);
  text-transform: uppercase;
  font-size: 9.5px;
}

.q-row {
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

.q-f b {
  font-family: var(--mono);
  color: var(--amber);
  font-size: 34px;
  font-weight: 700;
  display: block;
}

.q-f.l b {
  color: var(--rosed);
}

.q-f span {
  color: var(--cream2);
  font-size: 11px;
}

.q-vs {
  font-family: var(--mono);
  color: var(--cream3);
  font-size: 11px;
}

.q-v {
  font-family: var(--disp);
  margin-top: 15px;
  font-size: 16.5px;
  font-style: italic;
  line-height: 1.4;
}

.q-foot {
  font-family: var(--mono);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--cream3);
  justify-content: space-between;
  margin-top: 16px;
  font-size: 8.5px;
  display: flex;
}

.about-go {
  width: 100%;
  color: var(--amber);
  text-align: center;
  border: 1px solid #e0a85e66;
  border-radius: 11px;
  margin-top: 16px;
  padding: 12px;
  font-size: 12.5px;
  font-weight: 600;
}

.about-duo {
  gap: 8px;
  margin-top: 14px;
  display: grid;
}

.about-duo .ad {
  border: 1px solid var(--dline);
  color: var(--cream2);
  border-radius: 11px;
  padding: 11px 13px;
  font-size: 12.5px;
  line-height: 1.45;
}

.about-duo .ad b {
  color: var(--amber);
}

.seal {
  font-family: var(--mono);
  letter-spacing: .12em;
  color: #f3ece1;
  background: #16110c;
  border: 1px solid #e0a85e73;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 7px 13px;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.seal .mk {
  color: #e0a85e;
  font-size: 11px;
}

.seal b {
  color: #e0a85e;
  font-weight: 700;
}

.brand {
  align-items: center;
  gap: 9px;
  display: inline-flex;
}

.brand .coin2 {
  outline-offset: -1px;
  border-radius: 50%;
  outline: 1px solid #211a122e;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.brand .coin2 i {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
}

.brand .coin2 .ct {
  background: linear-gradient(#fffef9, #e4d7bd);
  height: 50%;
  top: 0;
}

.brand .coin2 .cb {
  background: linear-gradient(#1a1216, #0d090b);
  height: 50%;
  bottom: 0;
}

.brand .coin2 .cs {
  background: #e0a85e;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
}

.brand .wmk {
  color: var(--ink);
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  font-family: var(--disp) !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
}

.brand .wmk b {
  color: #c08840;
  font-weight: 500;
}

.brand.on-dark .wmk {
  color: var(--cream);
}

.brand.on-dark .wmk b {
  color: #e0a85e;
}

.brand.on-dark .coin2 {
  outline-color: #f3ece147;
}

.mk, .blk-h, .micro-title, .hmeta, .zs, .pt-kick, .dch, .selfb, .ob-tag, .sp-top, .sp-k, .sp-foot, .ov-cap, .doss-foot, .plate-bar {
  font-size: 12px !important;
}

.ds, .sx, .src, .bhint, .cmpnote {
  font-size: 12.5px !important;
}

.plate-bar {
  align-items: center;
}

.pt-mini .k, .dch {
  letter-spacing: .08em;
  font-size: 12px !important;
}

.safety {
  border: 1px solid var(--line);
  background: var(--paper);
  border-radius: 16px;
  margin-top: 14px;
  padding: 16px;
}

.sf-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.sf-t {
  font-family: var(--disp);
  font-size: 18px;
  font-weight: 500;
}

.sf-new {
  color: var(--amber-ink);
  font-size: 12px;
  font-weight: 600;
}

.sf-verdict {
  font-family: var(--disp);
  margin-top: 10px;
  font-size: 15.5px;
  line-height: 1.35;
}

.sf-list {
  gap: 7px;
  margin-top: 12px;
  display: grid;
}

.sf-row {
  text-align: left;
  border: 1px solid var(--line);
  background: var(--porcelain);
  border-radius: 11px;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 11px 13px;
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
}

.sf-row.open {
  border-color: #c0884073;
}

.sf-dot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 9px;
  height: 9px;
}

.sf-dot.ok {
  background: #7cb98e;
}

.sf-dot.warn {
  background: var(--amber-ink);
}

.sf-arr {
  color: var(--ink2);
  margin-left: auto;
  font-size: 15px;
}

.sf-note {
  color: var(--ink2);
  flex-basis: 100%;
  padding-top: 6px;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.45;
}

.sf-src {
  color: var(--ink2);
  text-align: right;
  margin-left: auto;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.sf-honest {
  color: var(--ink2);
  border-left: 2px solid var(--line2);
  margin-top: 12px;
  padding-left: 11px;
  font-size: 12.5px;
  line-height: 1.5;
}

.sf-door {
  text-align: left;
  background: var(--ink);
  width: 100%;
  color: var(--paper);
  border-radius: 13px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 13px;
  padding: 14px 15px;
  display: flex;
}

.sf-door b {
  font-size: 14px;
  font-weight: 700;
  display: block;
}

.sf-door i {
  color: #f3ece1bf;
  margin-top: 3px;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
  display: block;
}

.sf-go {
  color: var(--amber);
  font-size: 17px;
}

.sf-fold {
  text-align: left;
  border: 1px solid var(--line);
  background: var(--porcelain);
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-top: 10px;
  padding: 13px 14px;
  display: flex;
}

.sf-fn {
  font-size: 13.5px;
  font-weight: 700;
}

.sf-fc {
  color: var(--amber-ink);
  white-space: nowrap;
  margin-left: auto;
  font-size: 12.5px;
  font-weight: 600;
}

.safety {
  position: relative;
}

.sf-close {
  color: var(--ink2);
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  top: 13px;
  right: 14px;
}

.sf-head {
  padding-right: 84px;
}

.lf-pos {
  color: var(--ink2);
  border: 1px solid var(--line2);
  border-radius: 999px;
  margin-left: 2px;
  padding: 4px 9px;
  font-size: 11.5px;
  font-weight: 600;
}

.lf-pos.no {
  color: #a8463f;
  border-color: #a8463f59;
}

html {
  background: var(--porcelain);
}

body {
  background: var(--porcelain);
  padding: 0;
}

.frame {
  max-width: none;
  box-shadow: none;
  border-radius: 0;
  min-height: 100dvh;
}

.white {
  min-height: 100dvh;
}

.scroll, .tscroll {
  height: calc(100vh - 54px);
  height: calc(100dvh - 54px - env(safe-area-inset-top, 0px));
}

.bar {
  padding-top: calc(14px + env(safe-area-inset-top, 0px));
}

.scroll, .tscroll {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

.ov {
  padding: calc(22px + env(safe-area-inset-top, 0px)) 22px calc(22px + env(safe-area-inset-bottom, 0px));
}

@media (min-width: 720px) {
  .frame {
    border-radius: 18px;
    max-width: 400px;
    min-height: 92vh;
    box-shadow: 0 18px 50px #00000029;
  }

  .white {
    min-height: 92vh;
  }

  .scroll, .tscroll {
    height: calc(92vh - 54px);
  }

  body {
    background: #cfcabf;
    padding: 24px 0;
  }
}

.ti-skln {
  background: linear-gradient(100deg,var(--porcelain) 25%,var(--line2) 50%,var(--porcelain) 75%);
  background-size: 200% 100%;
  border-radius: 7px;
  height: 13px;
  margin: 7px 0;
  animation: 1.25s linear infinite tiSkln;
  display: block;
}

.ti-skln.on-dark {
  background: linear-gradient(100deg, #ffffff12 25%, #fff3 50%, #ffffff12 75%) 0 0 / 200% 100%;
}

.ti-skln.w85 {
  width: 85%;
}

.ti-skln.w60 {
  width: 60%;
}

.ti-skln.w50 {
  width: 50%;
}

.ti-skln.w40 {
  width: 40%;
}

@keyframes tiSkln {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ti-skln {
    animation: none;
  }

  .cv-rings {
    display: none;
  }

  .peek {
    transition: opacity .4s;
  }

  .peek.go {
    clip-path: none;
    opacity: 0;
  }
}

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