@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --k-bg: #f4ecdf;
  --k-panel: #fffaf1;
  --k-panel-2: #f0dfc5;
  --k-ink: #2f2317;
  --k-muted: #6d5b47;
  --k-accent: #b57f1f;
  --k-accent-2: #d9a94a;
  --k-border: rgba(91,53,20,.16);
  --k-shadow: 0 14px 28px rgba(58,34,14,.12);
  --k-radius: 16px;
}

.kincs-app-shell{
  max-width: 1020px;
  margin: 0 auto;
  padding: 10px 0 18px;
}

#messageBox.kincs-screen{
  display: block;
  min-height: 320px;
  background: linear-gradient(180deg, rgba(255,250,241,.96) 0%, rgba(244,236,223,.96) 100%);
  border: 1px solid var(--k-border);
  border-radius: 22px;
  box-shadow: var(--k-shadow);
  padding: 14px;
  overflow: visible;
}

#messageBox.kincs-screen.is-loading{
  position: relative;
}

#messageBox.kincs-screen.is-loading::before{
  content: "A dzsungel neszei közt készül az expedíció…";
  display: block;
  padding: 18px 20px;
  border-radius: 14px;
  background: rgba(255,255,255,.72);
  color: var(--k-muted);
  font-family: 'Inter', sans-serif;
  font-size: 15px;
}

.fixed-table-container{
  max-width: 980px;
  margin: 0 auto 8px;
}

.kincs-stats-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 10px;
}

.kincs-stat-card{
  border-radius: 14px;
  padding: 12px 12px 10px;
  color: #fff;
  box-shadow: 0 10px 20px rgba(58,34,14,.14);
  border: 1px solid rgba(255,255,255,.18);
}

.kincs-stat-label{
  font: 600 12px/1.2 'Inter', sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  opacity: .9;
  margin-bottom: 6px;
}

.kincs-stat-value{
  font: 700 22px/1.1 'Cinzel', serif;
}

.kincs-stat-card.taller{
  background: linear-gradient(180deg, #ffde75 0%, #d8a828 100%);
  color: #332100;
}
.kincs-stat-card.napok{
  background: linear-gradient(180deg, #2f2f2f 0%, #111 100%);
}
.kincs-stat-card.elelem{
  background: linear-gradient(180deg, #4a954f 0%, #2c6c33 100%);
}
.kincs-stat-card.kondicio{
  background: linear-gradient(180deg, #b5483b 0%, #84271e 100%);
}

.karrier-menu-container{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  width: 100%;
  max-width: 980px;
  margin: 10px auto 0;
  font-family: 'Inter', sans-serif;
}

.karrier-menu-item{
  position: relative;
}

.karrier-menu-trigger{
  width: 100%;
  appearance: none;
  border: 1px solid var(--k-border);
  border-radius: 18px;
  padding: 12px 10px;
  background: linear-gradient(180deg, #d7ab77 0%, #b97f49 100%);
  color: var(--k-ink);
  box-shadow: 0 10px 22px rgba(58,34,14,.14);
  font: 700 17px/1.2 'Cinzel', serif;
  letter-spacing: .03em;
  cursor: pointer;
  text-shadow: 0 1px 0 rgba(255,255,255,.18);
}

.karrier-menu-item:hover .karrier-menu-trigger,
.karrier-menu-item:focus-within .karrier-menu-trigger{
  transform: translateY(-1px);
}

.karrier-submenu{
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 6px;
  border-radius: 14px;
  border: 1px solid var(--k-border);
  background: linear-gradient(180deg, #f8efde 0%, #e4c49e 100%);
  box-shadow: 0 16px 26px rgba(0,0,0,.18);
}

.karrier-menu-item:hover .karrier-submenu,
.karrier-menu-item:focus-within .karrier-submenu{
  display: block;
}

.karrier-submenu-item{
  display: block;
  width: 100%;
  border: 0;
  background: transparent;
  text-align: center;
  padding: 9px 10px;
  border-radius: 12px;
  color: var(--k-ink);
  font: 500 14px/1.35 'Inter', sans-serif;
  cursor: pointer;
}

.karrier-submenu-item:hover,
.karrier-submenu-item:focus{
  background: rgba(173,112,48,.16);
  outline: none;
}

.menu-spacer{
  height: 8px;
}

.kincs-alert{
  max-width: 980px;
  margin: 10px auto 0;
  background: #fff3cd;
  border: 1px solid #ffe69c;
  color: #664d03;
  border-radius: 12px;
  padding: 11px 14px;
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  font: 600 14px/1.45 'Inter', sans-serif;
}

.kincs-panel,
.kincs-box,
.kincs-info{
  background: var(--k-panel);
  border: 1px solid var(--k-border);
  border-radius: var(--k-radius);
  box-shadow: var(--k-shadow);
  padding: 16px 18px;
  margin: 12px auto;
  max-width: 980px;
}

.kincs-title{
  color: var(--k-ink);
  font: 700 20px/1.25 'Cinzel', serif;
  margin: 0 0 8px;
}

.kincs-text{
  color: var(--k-ink);
  font: 400 15px/1.65 'Inter', sans-serif;
}

.kincs-btn,
button.kincs-btn,
input[type="submit"].kincs-btn{
  display: inline-block;
  background: linear-gradient(180deg, var(--k-accent-2), var(--k-accent));
  color: #fff;
  border-radius: 12px;
  padding: 10px 15px;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 2px 0 rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.2);
  font: 600 14px/1.2 'Inter', sans-serif;
}

.kincs-btn:hover{
  filter: brightness(1.05);
}

/* Finomhangolások */
img.szoba-image,
.kincs-screen img:first-of-type {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(58, 34, 14, 0.14);
  border: 1px solid rgba(91,53,20,.14);
}

#messageBox.kincs-screen > img.szoba-image,
#messageBox.kincs-screen > .szoba-image,
#messageBox.kincs-screen > img:first-child {
  margin-bottom: 8px;
}

p[style*="font-size: smaller"],
small,
.kincs-mini,
.kincs-note,
.kincs-muted,
div[style*="font-size: smaller"],
span[style*="font-size: smaller"] {
  display: inline-block;
  background: linear-gradient(180deg, rgba(255,248,235,.96) 0%, rgba(236,220,190,.96) 100%);
  border: 1px solid rgba(181,127,31,.18);
  border-radius: 999px;
  padding: 6px 12px;
  margin: 4px 0 6px;
  box-shadow: 0 4px 12px rgba(58,34,14,.08);
  font-family: 'Cinzel', Georgia, serif !important;
  font-size: 12px !important;
  letter-spacing: .03em;
  color: #5a442c !important;
  max-width: 100%;
  white-space: normal;
}

@media (max-width: 780px){
  .kincs-app-shell{
    padding: 8px 0 14px;
  }

  #messageBox.kincs-screen{
    padding: 10px;
    border-radius: 16px;
  }

  .kincs-stats-grid,
  .karrier-menu-container{
    grid-template-columns: 1fr;
  }

  .kincs-stat-value{
    font-size: 20px;
  }

  .karrier-submenu{
    position: static;
    margin-top: 6px;
  }

  img.szoba-image,
  .kincs-screen img:first-of-type {
    border-radius: 14px;
  }

  p[style*="font-size: smaller"],
  small,
  .kincs-mini,
  .kincs-note,
  .kincs-muted,
  div[style*="font-size: smaller"],
  span[style*="font-size: smaller"] {
    font-size: 11px !important;
    padding: 5px 10px;
  }
}

/* ================================
   TIPOGRÁFIA EGYSÉGESÍTÉS + POLÍROZÁS
================================ */

/* ===== ALMENÜK ===== */
.karrier-submenu-item {
  font-family: 'Cinzel', serif !important;
  font-weight: 600;
  letter-spacing: 0.05em;
  font-size: 13px;
  text-align: center;
  color: #3b2a17;
}

.karrier-submenu-item:hover {
  letter-spacing: 0.07em;
}


/* ===== STÁTUSZSOR (Tallér, Napok, stb.) ===== */

/* konténer */
.fixed-table-container {
  text-align: center;
}

/* új rendszer */
.kincs-stat-card {
  text-align: center !important;
  font-family: 'Cinzel', serif !important;
}

/* label */
.kincs-stat-label {
  font-family: 'Cinzel', serif !important;
  font-weight: 600;
  letter-spacing: 0.06em;
}

/* érték */
.kincs-stat-value {
  font-family: 'Cinzel', serif !important;
  font-weight: 700;
  font-size: 22px;
}


/* ===== RÉGI FALLBACK (adatok-tablazat) ===== */

.adatok-tablazat {
  width: 100%;
  border-spacing: 10px;
}

.adatok-tablazat td {
  text-align: center !important;
  font-family: 'Cinzel', serif !important;
  padding: 12px 8px;
  border-radius: 14px;
  background: linear-gradient(180deg, #fff4df, #e7cfa3);
  box-shadow: 0 6px 14px rgba(0,0,0,0.08);
  font-weight: 600;
  letter-spacing: 0.05em;
}


/* ===== IKONOK (hangulat!) ===== */

/* Tallér */
.kincs-stat-card.taller .kincs-stat-value::before,
.adatok-tablazat td.taller::before {
  content: "💰 ";
}

/* Napok */
.kincs-stat-card.napok .kincs-stat-value::before,
.adatok-tablazat td.napok::before {
  content: "⏳ ";
}

/* Élelem */
.kincs-stat-card.elelem .kincs-stat-value::before,
.adatok-tablazat td.elelem::before {
  content: "🍖 ";
}

/* Kondíció */
.kincs-stat-card.kondicio .kincs-stat-value::before,
.adatok-tablazat td.kondicio::before {
  content: "❤️ ";
}

/* ================================
   EGYSÉGES SZÖVEGDOBOZOK (info / üzenet)
================================ */

#messageBox.kincs-screen .menuszoveg-content {
  display: block;
  max-width: 980px;
  margin: 10px auto 14px !important;
  padding: 10px 14px !important;

  background: linear-gradient(180deg, #ead3b0 0%, #d7b180 100%) !important;
  border: 1px solid rgba(120, 80, 30, 0.18) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 14px rgba(58, 34, 14, 0.06) !important;

  text-align: center !important;
  color: #4a3722 !important;
  line-height: 1.45;
  overflow: hidden;
}