/* Cozinha da Ayame — no padrão das janelas grandes (ver
   tests/window-standard.test.js): overlay 10px sem fundo/desfoque próprios,
   min(1262px, 100vw-14px) x min(780px, 100dvh - header - 18px), padding
   interno 20/19/18 e moldura window-frame de 28px.

   A arte dos pratos é 192x192 e agora aparece grande: o layout antigo era de
   uma janela de 1040x680 e espremia tudo em cartões de 45px. */

#nrmt-ramen-store {
  position: fixed;
  z-index: 1001400;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 10px;
  font-family: "Segoe UI", Arial, sans-serif;
  color: #e8e2d6;
}
#nrmt-ramen-store[hidden] { display: none; }
#nrmt-ramen-store.is-busy .nrmt-ramen-window { pointer-events: none; filter: saturate(.72); }

#nrmt-ramen-store .nrmt-ramen-window {
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(1262px, calc(100vw - 14px));
  height: min(780px, calc(100dvh - var(--nrmt-fixed-header-height, 62px) - 18px));
  padding: 20px 19px 18px;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid rgba(199, 149, 69, .4);
  border-radius: 4px;
  background:
    radial-gradient(circle at 82% 0, rgba(214, 122, 48, .1), transparent 32%),
    linear-gradient(145deg, #1d1712, #0b0e10 64%);
  box-shadow: 0 28px 95px #000, 0 0 42px rgba(214, 122, 48, .12);
}
#nrmt-ramen-store .nrmt-ramen-window::after {
  content: "";
  position: absolute;
  z-index: 999;
  inset: 0;
  display: block;
  box-sizing: border-box;
  border: 28px solid transparent;
  border-image-source: url("/assets/branding/shinobi-archive-ui-v3/window-frame.png?v=1");
  border-image-slice: 126 118;
  border-image-width: 28px;
  border-image-repeat: stretch;
  pointer-events: none;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .85));
}

/* ------------------------------------------------------------- cabecalho */

#nrmt-ramen-store .nrmt-ramen-head {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 34px;
  align-items: center;
  gap: 14px;
  padding: 10px 8px 12px;
  border-bottom: 1px solid #744f28;
}
#nrmt-ramen-store .nrmt-ramen-head__title { display: flex; align-items: center; gap: 12px; min-width: 0; }
#nrmt-ramen-store .nrmt-ramen-head__title > i {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid #b5652d;
  border-radius: 50%;
  background: radial-gradient(circle, #5a2c15, #170f0b);
  color: #ffc55c;
  font: normal 21px/1 serif;
  box-shadow: inset 0 0 12px #000, 0 0 14px rgba(229, 106, 34, .3);
}
#nrmt-ramen-store .nrmt-ramen-head small { color: #c18a5f; font-size:11px; font-weight: 700; letter-spacing: .18em; }
#nrmt-ramen-store .nrmt-ramen-head h1 { margin: 3px 0 0; color: #ffc55c; font: 18px NinjaTitle, Georgia, serif; letter-spacing: .08em; }
#nrmt-ramen-store .nrmt-ramen-head__wallet {
  display: grid;
  gap: 2px;
  min-width: 120px;
  padding: 6px 12px;
  border: 1px solid #88612d;
  background: #17150f;
  text-align: center;
}
#nrmt-ramen-store .nrmt-ramen-head__wallet small { color: #9a8a70; font-size:10px; letter-spacing: .12em; }
#nrmt-ramen-store .nrmt-ramen-head__wallet b { color: #f2c460; font: 700 15px NinjaTitle, Georgia, serif; }
#nrmt-ramen-store [data-ramen-close] {
  width: 34px;
  height: 34px;
  border: 1px solid #74402f;
  background: #311d18;
  color: #f4c8ae;
  font-size: 19px;
  cursor: pointer;
}
#nrmt-ramen-store [data-ramen-close]:hover { border-color: #c07a4e; background: #4b241f; }

/* ------------------------------------------------------------------ hero */

#nrmt-ramen-store .nrmt-ramen-hero {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  margin-top: 9px;
  padding: 10px 12px;
  border: 1px solid #51402f;
  background: linear-gradient(120deg, #241a12, #10130f);
}
#nrmt-ramen-store .nrmt-ramen-hero__chef {
  display: grid;
  place-items: center;
  width: 60px;
  height: 52px;
  border: 1px solid #b55d2a;
  background: radial-gradient(circle, #5a2415, #170d09);
  color: #ffd080;
  font: 11px/1.2 Georgia, serif;
  text-align: center;
}
#nrmt-ramen-store .nrmt-ramen-hero__copy { min-width: 0; }
#nrmt-ramen-store .nrmt-ramen-hero__copy small { color: #c18a5f; font-size:11px; font-weight: 700; letter-spacing: .16em; }
#nrmt-ramen-store .nrmt-ramen-hero__copy h3 { margin: 3px 0 4px; color: #f1c46d; font: 14px NinjaTitle, Georgia, serif; }
#nrmt-ramen-store .nrmt-ramen-hero__copy p { margin: 0; color: #9aa09a; font: italic 12px/1.5 Georgia, serif; }
#nrmt-ramen-store .nrmt-ramen-hero__note {
  display: grid;
  gap: 2px;
  min-width: 108px;
  padding: 7px 10px;
  border: 1px solid #3f6e4f;
  background: rgba(10, 20, 14, .7);
  text-align: center;
}
#nrmt-ramen-store .nrmt-ramen-hero__note b { color: #7fe0a2; font-size:12px; letter-spacing: .08em; }
#nrmt-ramen-store .nrmt-ramen-hero__note span { color: #7f8a86; font-size:11px; }
#nrmt-ramen-store .nrmt-ramen-hero__note.is-chakra { border-color: #3d6a86; }
#nrmt-ramen-store .nrmt-ramen-hero__note.is-chakra b { color: #6fc9ea; }

/* ------------------------------------------------------------------ abas */

#nrmt-ramen-store .nrmt-ramen-filters {
  flex: 0 0 auto;
  display: flex;
  gap: 6px;
  margin-top: 8px;
}
#nrmt-ramen-store .nrmt-ramen-filters button {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 12px;
  border: 1px solid #3a332a;
  background: #14110d;
  color: #8a8175;
  text-align: left;
  cursor: pointer;
}
#nrmt-ramen-store .nrmt-ramen-filters b { color: #cfc6b4; font-size: 10px; letter-spacing: .05em; }
#nrmt-ramen-store .nrmt-ramen-filters em { color: #777064; font-size:12px; font-style: normal; }
#nrmt-ramen-store .nrmt-ramen-filters button.is-active { border-color: #d68a3e; background: linear-gradient(155deg, #2e1f11, #16110c); }
#nrmt-ramen-store .nrmt-ramen-filters button.is-active b { color: #ffc55c; }

/* ------------------------------------------------------------- cardapio */

#nrmt-ramen-store .nrmt-ramen-body {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 9px;
  margin-top: 9px;
}
#nrmt-ramen-store .nrmt-ramen-list {
  min-height: 0;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(228px, 1fr));
  align-content: start;
  gap: 7px;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: #8a5f2f #0b1012;
}
#nrmt-ramen-store .nrmt-ramen-list::-webkit-scrollbar { width: 8px; }
#nrmt-ramen-store .nrmt-ramen-list::-webkit-scrollbar-thumb { border: 1px solid #4a3a1f; background: #6c5427; }

#nrmt-ramen-store .nrmt-ramen-card {
  --ramen-tone: #e09a4c;
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 2px 10px;
  padding: 9px;
  border: 1px solid #33302a;
  border-left: 3px solid var(--ramen-tone);
  background: linear-gradient(150deg, #1a1712, #0c0f10);
  color: #ddd8ca;
  text-align: left;
  cursor: pointer;
}
#nrmt-ramen-store .nrmt-ramen-card.is-chakra { --ramen-tone: #5fb6d8; }
#nrmt-ramen-store .nrmt-ramen-card:hover { border-color: #a5763a; background: linear-gradient(150deg, #241d14, #0f1213); }
#nrmt-ramen-store .nrmt-ramen-card.is-selected {
  border-color: var(--ramen-tone);
  background: linear-gradient(150deg, #2b2116, #101314);
  box-shadow: inset 3px 0 var(--ramen-tone), 0 5px 16px #0007;
}
#nrmt-ramen-store .nrmt-ramen-card figure {
  position: relative;
  grid-row: 1 / 3;
  margin: 0;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border: 1px solid #3d3830;
  background: radial-gradient(circle, #2a221a, #080b0c);
}
#nrmt-ramen-store .nrmt-ramen-card__art {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 3px 4px #000);
}
#nrmt-ramen-store .nrmt-ramen-card figure em {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1px 2px;
  background: rgba(6, 8, 9, .88);
  color: #b9ad97;
  font: 700 10px/1.3 "Segoe UI", sans-serif;
  font-style: normal;
  text-align: center;
  letter-spacing: .06em;
}
#nrmt-ramen-store .nrmt-ramen-card__copy { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
#nrmt-ramen-store .nrmt-ramen-card__copy b { overflow: hidden; color: #f0c170; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
#nrmt-ramen-store .nrmt-ramen-card__copy i { color: var(--ramen-tone); font: 700 12px/1.2 "Segoe UI", sans-serif; font-style: normal; }
#nrmt-ramen-store .nrmt-ramen-card__copy small { color: #7d766a; font-size:11px; }
#nrmt-ramen-store .nrmt-ramen-card strong { grid-column: 2; color: #e8a84c; font: 700 10px/1 NinjaTitle, Georgia, serif; }

/* Sem o PNG, o quadro vira o emblema da casa em vez de ícone quebrado. */
#nrmt-ramen-store img.is-missing { width: 0; height: 0; }
#nrmt-ramen-store figure:has(img.is-missing)::after,
#nrmt-ramen-store .nrmt-ramen-detail__art:has(img.is-missing)::after {
  content: "麺";
  color: #6b5c46;
  font: 26px Georgia, serif;
}

/* ------------------------------------------------------------- detalhe */

#nrmt-ramen-store .nrmt-ramen-detail {
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: 14px 15px;
  border: 1px solid #4b3a2d;
  background: linear-gradient(155deg, #201811, #0c1112);
  text-align: center;
  scrollbar-width: thin;
  scrollbar-color: #8a5f2f #0b1012;
}
#nrmt-ramen-store .nrmt-ramen-detail__art {
  position: relative;
  display: grid;
  place-items: center;
  width: 148px;
  height: 148px;
  margin: 0 auto;
  border: 1px solid #5a4630;
  background: radial-gradient(circle, rgba(224, 154, 76, .16), transparent 62%), #0a0d0e;
  box-shadow: inset 0 0 26px #000;
}
#nrmt-ramen-store .nrmt-ramen-detail__art.is-chakra { background: radial-gradient(circle, rgba(95, 182, 216, .16), transparent 62%), #0a0d0e; }
#nrmt-ramen-store .nrmt-ramen-detail__img { width: 138px; height: 138px; object-fit: contain; filter: drop-shadow(0 6px 6px #000); }
#nrmt-ramen-store .nrmt-ramen-detail > small { margin-top: 10px; color: #ad7548; font-size:11px; font-weight: 700; letter-spacing: .15em; }
#nrmt-ramen-store .nrmt-ramen-detail h2 { margin: 5px 0 6px; color: #ffc65f; font: 16px NinjaTitle, Georgia, serif; }
#nrmt-ramen-store .nrmt-ramen-detail p { margin: 0; color: #93998f; font-size:12px; line-height: 1.55; }
#nrmt-ramen-store .nrmt-ramen-power {
  margin: 10px 0;
  padding: 8px;
  border: 1px solid #3e6e53;
  color: #7fe0a2;
  font: 700 12px/1 NinjaTitle, Georgia, serif;
}
#nrmt-ramen-store .nrmt-ramen-power.is-chakra { border-color: #3d6a86; color: #6fc9ea; }
#nrmt-ramen-store .nrmt-ramen-stock { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
#nrmt-ramen-store .nrmt-ramen-stock span { display: grid; gap: 2px; padding: 6px 4px; border: 1px solid #362e25; background: rgba(9, 12, 13, .8); }
#nrmt-ramen-store .nrmt-ramen-stock small { color: #857c6e; font-size:10px; letter-spacing: .1em; }
#nrmt-ramen-store .nrmt-ramen-stock b { color: #e6c56f; font: 700 11px/1 NinjaTitle, Georgia, serif; }

#nrmt-ramen-store .nrmt-ramen-qty {
  display: grid;
  grid-template-columns: 1fr 34px 56px 34px;
  align-items: center;
  gap: 5px;
  margin-top: 12px;
  color: #a99070;
  font-size:12px;
}
#nrmt-ramen-store .nrmt-ramen-qty small { text-align: left; letter-spacing: .08em; }
#nrmt-ramen-store .nrmt-ramen-qty button,
#nrmt-ramen-store .nrmt-ramen-qty input {
  height: 32px;
  border: 1px solid #59605d;
  background: #151a1b;
  color: #fff;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}
#nrmt-ramen-store .nrmt-ramen-qty input { cursor: text; }
#nrmt-ramen-store .nrmt-ramen-presets { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; margin-top: 6px; }
#nrmt-ramen-store .nrmt-ramen-presets button {
  padding: 6px 0;
  border: 1px solid #453b2e;
  background: #14110d;
  color: #a2988a;
  font: 700 12px "Segoe UI", sans-serif;
  cursor: pointer;
}
#nrmt-ramen-store .nrmt-ramen-presets button.is-active { border-color: #d68a3e; background: #2e1f11; color: #ffc55c; }

#nrmt-ramen-store .nrmt-ramen-total {
  display: grid;
  gap: 2px;
  margin-top: 12px;
  padding: 9px;
  border: 1px solid #6b5528;
  background: rgba(20, 15, 8, .82);
}
#nrmt-ramen-store .nrmt-ramen-total small { color: #9a8a70; font-size:11px; letter-spacing: .12em; }
#nrmt-ramen-store .nrmt-ramen-total b { color: #f2c460; font: 700 19px/1 NinjaTitle, Georgia, serif; }
#nrmt-ramen-store .nrmt-ramen-total em { color: #7f8a86; font-size:11px; font-style: normal; }
#nrmt-ramen-store .nrmt-ramen-total.is-short { border-color: #7a4038; }
#nrmt-ramen-store .nrmt-ramen-total.is-short b,
#nrmt-ramen-store .nrmt-ramen-total.is-short em { color: #e08a8a; }

#nrmt-ramen-store .nrmt-ramen-buy {
  width: 100%;
  min-height: 46px;
  margin-top: 10px;
  border: 1px solid #d68a3e;
  background: linear-gradient(#b86627, #673316);
  color: #fff;
  font: 700 10px "Segoe UI", sans-serif;
  letter-spacing: .08em;
  cursor: pointer;
}
#nrmt-ramen-store .nrmt-ramen-buy:hover:not(:disabled) { border-color: #f3ad63; background: linear-gradient(#d2782e, #7d3f1a); }
#nrmt-ramen-store .nrmt-ramen-buy:disabled { filter: grayscale(1); opacity: .4; cursor: not-allowed; }

#nrmt-ramen-store .nrmt-ramen-empty { margin: auto; display: grid; gap: 6px; place-items: center; color: #7d766a; }
#nrmt-ramen-store .nrmt-ramen-empty span { color: #4d4638; font: 38px Georgia, serif; }
#nrmt-ramen-store .nrmt-ramen-empty b { color: #cfc6b4; font-size: 12px; }

@media (max-width: 1050px) {
  #nrmt-ramen-store .nrmt-ramen-body { grid-template-columns: minmax(0, 1fr) 290px; }
  #nrmt-ramen-store .nrmt-ramen-hero { grid-template-columns: 62px minmax(0, 1fr); }
  #nrmt-ramen-store .nrmt-ramen-hero__note { display: none; }
}

@media (max-width: 760px) {
  #nrmt-ramen-store { padding: 6px; }
  #nrmt-ramen-store .nrmt-ramen-window { width: calc(100vw - 10px); height: calc(100dvh - 10px); padding: 15px 14px 13px; }
  #nrmt-ramen-store .nrmt-ramen-window::after { border-width: 20px; border-image-width: 20px; }
  #nrmt-ramen-store .nrmt-ramen-body { grid-template-columns: 1fr; }
  #nrmt-ramen-store .nrmt-ramen-detail { display: none; }
  #nrmt-ramen-store .nrmt-ramen-list { grid-template-columns: 1fr; }
  #nrmt-ramen-store .nrmt-ramen-filters em { display: none; }
  #nrmt-ramen-store .nrmt-ramen-hero { display: none; }
}

/* Ayame compacta: conversa curta, escolha e compra no mesmo olhar. */
body #nrmt-ramen-store .nrmt-ramen-window.nrmt-ramen-compact{width:min(760px,calc(100vw - 18px))!important;height:min(620px,calc(100dvh - var(--nrmt-fixed-header-height,62px) - 18px))!important;padding:0!important;border:1px solid #8b582e!important;border-image:none!important;border-radius:0!important;background:radial-gradient(circle at 8% 28%,#78401f2e,transparent 34%),linear-gradient(145deg,#1c1712,#090d0f 68%)!important;box-shadow:0 28px 90px #000d,0 0 35px #c66a2730!important}
body #nrmt-ramen-store .nrmt-ramen-compact:after{display:none!important;background:none!important;border:0!important;border-image:none!important}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-head{min-height:62px;padding:8px 58px 8px 14px;border-bottom:1px solid #744f28;background:#111516}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-head__title>i{display:none}
#nrmt-ramen-store .nrmt-ramen-compact [data-ramen-close]{position:absolute;z-index:1001;right:12px;top:13px}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-hero{grid-template-columns:76px minmax(0,1fr);margin:0;padding:10px 14px;border-width:0 0 1px;background:linear-gradient(105deg,#291a10,#0d1213)}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-hero__chef{width:64px;height:72px;border:1px solid #9d6130;background:#090d0f url('/assets/branding/lobby-npcs-v1/lobby-npcs-front-64-v2.png?v=3') no-repeat 66.666% 40%/400% 600%;box-shadow:0 0 20px #da742b35}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-hero__chef span{display:none}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-hero__copy p{font:11px/1.45 "Segoe UI",sans-serif}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-hero__note{display:none}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-filters{gap:5px;margin:8px 10px 0}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-filters button{align-items:center;padding:7px 5px;text-align:center}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-body{grid-template-columns:minmax(0,1fr) 260px;gap:7px;margin:7px 10px 10px}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-list{grid-template-columns:1fr;gap:5px}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-card{grid-template-columns:50px minmax(0,1fr) auto;padding:6px 8px}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-card figure{width:48px;height:48px}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-card strong{grid-column:3;grid-row:1/3;padding-left:6px}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-detail{padding:10px}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-detail__art{width:82px;height:82px}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-detail__img{width:76px;height:76px}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-detail>small{margin-top:7px}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-detail h2{margin:3px 0}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-detail p{font-size:10px;line-height:1.35}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-power{margin:7px 0;padding:6px}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-qty{margin-top:8px}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-total{margin-top:8px;padding:7px}
#nrmt-ramen-store.is-order-ready .nrmt-ramen-compact{animation:nrmtAyameOrderReady 1s ease}
#nrmt-ramen-store.is-order-ready .nrmt-ramen-buy:after{content:' ✓';color:#fff4a8}
@keyframes nrmtAyameOrderReady{35%{box-shadow:0 0 0 2px #e8ae4d,0 0 55px #e8ae4d88,inset 0 0 30px #e8ae4d22}}
@media(max-width:620px){body #nrmt-ramen-store .nrmt-ramen-window.nrmt-ramen-compact{height:calc(100dvh - 12px)!important}.nrmt-ramen-compact .nrmt-ramen-head__wallet{display:none!important}#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-hero{grid-template-columns:56px 1fr}#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-hero__chef{width:48px;height:58px}#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-filters em{display:none}#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-body{grid-template-columns:1fr;overflow:auto}#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-list{max-height:220px;overflow:auto}#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-detail{display:flex!important;overflow:visible}#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-detail__art{display:none}}

/* Vitrine 3x3: todos os nove pratos visíveis, com raridade e movimento. */
body #nrmt-ramen-store .nrmt-ramen-window.nrmt-ramen-compact{width:min(880px,calc(100vw - 18px))!important;height:min(720px,calc(100dvh - var(--nrmt-fixed-header-height,62px) - 12px))!important}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-list{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(96px,1fr));overflow-x:hidden;overflow-y:auto;padding:1px 7px 1px 1px;scrollbar-width:thin;scrollbar-color:#c58438 #091011}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-list::-webkit-scrollbar{display:block;width:8px}#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-list::-webkit-scrollbar-track{background:#091011}#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-list::-webkit-scrollbar-thumb{border:1px solid #e0a451;background:#845322}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-card{--food-tone:#9da7a5;position:relative;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;padding:8px;overflow:hidden;border-color:#34403f;border-left:3px solid var(--food-tone);background:radial-gradient(circle at 15% 30%,color-mix(in srgb,var(--food-tone) 16%,transparent),transparent 40%),#0c1415}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-card.tier-2{--food-tone:#59cf7b}#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-card.tier-3{--food-tone:#58aef0}#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-card.tier-4{--food-tone:#bd6cf0}#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-card.tier-5{--food-tone:#f2c84b}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-card figure{grid-row:1/3;width:60px;height:60px;border-color:color-mix(in srgb,var(--food-tone) 55%,#26302f);box-shadow:0 0 13px color-mix(in srgb,var(--food-tone) 22%,transparent)}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-card__art{animation:nrmtFoodFloat 3.8s ease-in-out infinite;filter:drop-shadow(0 5px 5px #000) drop-shadow(0 0 7px color-mix(in srgb,var(--food-tone) 35%,transparent))}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-card:nth-child(2n) .nrmt-ramen-card__art{animation-delay:-1.7s}#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-card:nth-child(3n) .nrmt-ramen-card__art{animation-delay:-2.8s}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-card strong{grid-column:2;grid-row:auto;padding:0;color:var(--food-tone)}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-card.is-selected{border-color:var(--food-tone);box-shadow:inset 0 0 18px color-mix(in srgb,var(--food-tone) 16%,transparent),0 0 10px color-mix(in srgb,var(--food-tone) 20%,transparent)}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-detail{display:grid;grid-template-columns:70px minmax(130px,1fr) 170px 185px;grid-template-rows:auto auto auto;align-items:center;gap:4px 10px;overflow:visible;padding:8px 10px;text-align:left}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-detail__art{grid-row:1/4;width:62px;height:62px;margin:0}#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-detail__img{width:58px;height:58px}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-detail>small,#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-detail h2,#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-detail p{grid-column:2;margin:0}
#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-power{grid-column:3;grid-row:1;margin:0}.nrmt-ramen-compact .nrmt-ramen-stock{grid-column:3;grid-row:2/4}.nrmt-ramen-compact .nrmt-ramen-qty{grid-column:4;grid-row:1;margin:0!important}.nrmt-ramen-compact .nrmt-ramen-presets{grid-column:4;grid-row:2;margin:0!important}.nrmt-ramen-compact .nrmt-ramen-total{grid-column:4;grid-row:3;margin:0!important}.nrmt-ramen-compact .nrmt-ramen-buy{grid-column:1/-1;min-height:34px;margin-top:3px}
#nrmt-ramen-store.is-order-ready:before{content:'PEDIDO PRONTO!';position:fixed;z-index:2147482500;left:50%;top:32%;padding:13px 22px;border:2px solid #f3cf5b;background:#151008ed;color:#fff0a2;font:900 18px NinjaTitle,Georgia;letter-spacing:.1em;box-shadow:0 0 55px #f3b83c;pointer-events:none;animation:nrmtFoodPurchase 1.35s ease both}
#nrmt-ramen-store[data-order-tier="2"].is-order-ready:before{border-color:#59cf7b;box-shadow:0 0 55px #59cf7b;color:#baffca}#nrmt-ramen-store[data-order-tier="3"].is-order-ready:before{border-color:#58aef0;box-shadow:0 0 55px #58aef0;color:#c5e8ff}#nrmt-ramen-store[data-order-tier="4"].is-order-ready:before{border-color:#bd6cf0;box-shadow:0 0 60px #bd6cf0;color:#eac8ff}#nrmt-ramen-store[data-order-tier="5"].is-order-ready:before{border-color:#f2c84b;box-shadow:0 0 70px #f2c84b;color:#fff2a0}
@keyframes nrmtFoodFloat{50%{transform:translateY(-5px) rotate(2deg);filter:drop-shadow(0 9px 6px #000) drop-shadow(0 0 11px color-mix(in srgb,var(--food-tone) 55%,transparent))}}@keyframes nrmtFoodPurchase{0%{opacity:0;transform:translate(-50%,25px) scale(.7)}22%,72%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-35px) scale(1.08)}}
@media(max-width:760px){#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;overflow:auto}#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-detail{display:flex!important;text-align:center}#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-detail__art{display:none}}
@media(max-width:480px){#nrmt-ramen-store .nrmt-ramen-compact .nrmt-ramen-list{grid-template-columns:1fr}}