/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant SC';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/a49f70da7a29b3b0-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant SC';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/6654cbe689cd3365-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant SC';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/fec07be376ae524a-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant SC';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/dd135a0d8fc53e9e-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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;
}
/* latin */
@font-face {
  font-family: 'Cormorant SC';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/edf6861c0e272793-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Cormorant SC Fallback';src: local("Times New Roman");ascent-override: 81.43%;descent-override: 25.29%;line-gap-override: 0.00%;size-adjust: 113.48%
}.__className_157d00 {font-family: 'Cormorant SC', 'Cormorant SC Fallback';font-weight: 600;font-style: normal
}

.inventory {
  position: relative;
  display: grid;
  height: 400px;
  width: 400px;
  grid-template-rows: repeat(
    8,
    minmax(0, 1fr)
  ); /* Each row takes an equal portion of the available height */
  grid-template-columns: repeat(
    8,
    1fr
  ); /* Each column takes an equal portion of the available width */
  grid-template-areas:
    '. . . helm helm . . .'
    'main main . helm helm amul off off'
    'main main . ches ches . off off'
    'main main . ches ches . off off'
    'main main . ches ches . off off'
    '. . lrin belt belt rrin . .'
    'glov glov . pant pant . boot boot'
    'glov glov . pant pant . boot boot'
    '. . . . . . . .';

  gap: 4px;
}
@media only screen and (max-width: 420px) {
  .inventory {
    width: 100%;
    grid-template-rows: repeat(
      8,
      minmax(0, 1fr)
    ); /* Each row takes an equal portion of the available height */
    grid-template-columns: repeat(
      6,
      1fr
    ); /* Each column takes an equal portion of the available width */
    grid-template-areas:
      '. . helm helm amul .'
      'main main helm helm off off'
      'main main ches ches off off'
      'main main ches ches off off'
      'main main ches ches off off'
      '. lrin belt belt rrin .'
      'glov glov pant pant boot boot'
      'glov glov pant pant boot boot';
  }
}



.helm {
  grid-area: helm;
}

.amulet {
  grid-area: amul;
}

.chest {
  grid-area: ches;
}

.pants {
  grid-area: pant;
}

.boots {
  grid-area: boot;
}

.gloves {
  grid-area: glov;
}

.belt {
  grid-area: belt;
}

.leftRing {
  grid-area: lrin;
}

.rightRing {
  grid-area: rrin;
}

.main {
  grid-area: main;
}
.off {
  grid-area: off;
}

.gear_stats {
  .item_base {
    text-transform: uppercase;
  }

  
}

.top {
  line-height: 1;
}
.separator {
  width: 50%;
  height: 2px;
  background: linear-gradient(
    to right,
    transparent,
    oklch(var(--color)),
    transparent
  );
  margin: 5px auto;
  transform: scaleY(0.8);
  border-radius: 8px;
}
.prefix, .suffix {
  line-height: 1.2;
}

/* Item tooltip (gearStats.tsx): always a dark panel, so the tag colors
   from globals.css (tuned for the app theme) get lighter shades here */
.item-tip {
  .mod { color: #cfc8c0; }
  .mod-value { color: #a9b4ff; }
  .mod-range { color: #8f877f; font-weight: 400; }
  .corrupted-mark { color: #e25a4f; }
  .int { color: #8fa7ff; }
  .dex { color: #7fd69c; }
  .str { color: #ff8f7a; }
  .lightning { color: #f7d96b; }
  .life, .vit { color: #ff7b72; }
  .mana { color: #8e9bff; }
  .fire { color: #ff9466; }
  .cold { color: #86d4ff; }
  .poison { color: #7ed98f; }
  .magic_find { color: #f3d35b; }
  .physical { color: #d6b48a; }
  .crit { color: #ff8fc7; }
  .defence { color: #b9c3d1; }
  .energy_shield { color: #7fe0e6; }
  .normal { color: #ece9e4; }
  .magic { color: #8e9bff; }
  .rare { color: #f3d35b; }
  .unique { color: #d9893f; }
}

/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant SC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/2d5dfad4c05542f3-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant SC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/cc505756d2ed4036-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant SC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/1f168dba145deab4-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant SC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/6b0772705cf6b534-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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;
}
/* latin */
@font-face {
  font-family: 'Cormorant SC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/8d29b14fa269ca05-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Cormorant SC Fallback';src: local("Times New Roman");ascent-override: 81.43%;descent-override: 25.29%;line-gap-override: 0.00%;size-adjust: 113.48%
}.__className_086275 {font-family: 'Cormorant SC', 'Cormorant SC Fallback';font-weight: 700;font-style: normal
}

