/* ============================================================
   ONE FOE ALL — studio shell + JOMP (dark) skin
   Studio chrome: Press Start 2P headers / JetBrains Mono body,
   deep neutral ink-navy ground, lunar-silver accent.
   ============================================================ */

:root {
  /* studio shell */
  --st-bg:    #0e0f16;
  --st-bg2:   #14161f;
  --st-panel: #1a1d29;
  --st-panel2:#20232f;
  --st-line:  #2a2e3d;
  --st-line2: #383d50;
  --st-ink:   #ece9e1;
  --st-dim:   #8b8ea2;
  --st-faint: #5c5f70;
  --st-moon:  #a7b6e6;  /* lunar accent */
  --st-moon-d:#6b7bb0;

  /* JOMP palette */
  --j-bg0:#0d0a14; --j-bg1:#1a1726; --j-bg2:#2a2438; --j-bg3:#3a3450;
  --j-ink:#e8d8b0; --j-dim:#8a7a9c;
  --j-gold:#ffcc4a; --j-blood:#c43a3a; --j-moss:#6abf69;
  --j-arcane:#6a8cff; --j-ember:#ff8800; --j-spirit:#c060e0;

  --px: 'Press Start 2P', monospace;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
  --vt: 'VT323', monospace;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  background: var(--st-bg);
  color: var(--st-ink);
  font-family: var(--mono);
  font-size: 15px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img, svg, canvas { display: block; }
canvas { image-rendering: pixelated; }
a { color: inherit; text-decoration: none; }

::selection { background: var(--st-moon); color: var(--st-bg); }

/* ---- global subtle scanlines + vignette over the dark shell ---- */
.shell-fx {
  position: fixed; inset: 0; pointer-events: none; z-index: 200;
}
.shell-fx::before {
  content: ""; position: absolute; inset: 0;
  background: repeating-linear-gradient(0deg,
    rgba(0,0,0,0.16) 0px, rgba(0,0,0,0.16) 1px,
    transparent 2px, transparent 4px);
  mix-blend-mode: multiply; opacity: 0.5;
}
.shell-fx::after {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(120% 90% at 50% 0%, transparent 55%, rgba(0,0,0,0.55) 100%);
}

/* ============================================================ NAV */
.nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 150;
  display: flex; align-items: center; gap: 22px;
  padding: 14px 28px;
  background: rgba(14,15,22,0.7);
  border-bottom: 1px solid var(--st-line);
  backdrop-filter: blur(10px);
}
.nav-mark {
  display: flex; align-items: center; gap: 12px;
}
.nav-mark .glyph {
  width: 26px; height: 26px; display: grid; place-items: center;
  background: var(--st-ink); color: var(--st-bg);
  font-family: var(--px); font-size: 12px;
  box-shadow: 2px 2px 0 var(--st-moon-d);
}
.nav-mark .wm { font-family: var(--px); font-size: 11px; letter-spacing: 1px; }
.nav-mark .wm b { color: var(--st-moon); }
.nav-links {
  display: flex; gap: 22px; margin-left: 8px;
  font-family: var(--px); font-size: 8px; letter-spacing: 1.5px;
  text-transform: uppercase;
}
.nav-links a { color: var(--st-dim); padding: 4px 0; border-bottom: 2px solid transparent; transition: color .15s, border-color .15s; }
.nav-links a:hover { color: var(--st-ink); border-color: var(--st-moon); }
.nav-cta { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.nav-status {
  font-family: var(--mono); font-size: 10px; letter-spacing: 1px;
  color: var(--st-faint); text-transform: uppercase;
  display: flex; align-items: center; gap: 7px;
}
.nav-status .live {
  width: 7px; height: 7px; background: var(--j-moss);
  box-shadow: 0 0 8px var(--j-moss); animation: blink 1.8s steps(1) infinite;
}
@keyframes blink { 0%,70%{opacity:1} 71%,100%{opacity:.25} }

/* shared pixel button */
.btn-px {
  display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--px); font-size: 9px; letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 16px; border: 0; cursor: pointer;
  background: var(--st-ink); color: var(--st-bg);
  box-shadow: 3px 3px 0 #000;
  transition: transform .08s, box-shadow .08s, background .15s;
}
.btn-px:hover { transform: translate(-1px,-1px); box-shadow: 4px 4px 0 #000; }
.btn-px:active { transform: translate(2px,2px); box-shadow: 0 0 0 #000; }
.btn-px.gold { background: var(--j-gold); color: #2a1a00; }
.btn-px.gold:hover { background: #ffd96e; }
.btn-px.coral { background: #e8643a; color: #fff; }
.btn-px.coral:hover { background: #f2774d; }
.btn-px.ghost { background: transparent; color: var(--st-ink); box-shadow: inset 0 0 0 2px var(--st-line2); }
.btn-px.ghost:hover { box-shadow: inset 0 0 0 2px var(--st-moon); color: #fff; }
.btn-px.moon { background: var(--st-moon); color: var(--st-bg); }
.btn-px .ar { font-size: 10px; }

/* ============================================================ LAYOUT */
main { position: relative; z-index: 1; }
.section { padding: 96px 28px; }
.wrap { max-width: 1180px; margin: 0 auto; }

.kicker {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--px); font-size: 8px; letter-spacing: 2px;
  text-transform: uppercase; color: var(--st-moon);
  margin-bottom: 22px;
}
.kicker::before { content:""; width: 16px; height: 2px; background: var(--st-moon); }

/* ============================================================ HERO */
.hero {
  position: relative; min-height: 100vh;
  display: grid; place-items: center;
  padding: 110px 28px 80px;
  overflow: hidden;
}
/* faint dungeon tilefield backdrop drawn to canvas */
#heroField {
  position: absolute; inset: 0; width: 100%; height: 100%;
  opacity: 0.16; z-index: 0;
}
.hero::after {
  content: ""; position: absolute; inset: 0; z-index: 1;
  background: radial-gradient(80% 70% at 50% 42%, transparent 30%, var(--st-bg) 100%);
}
.hero-inner { position: relative; z-index: 2; width: 100%; max-width: 1180px; margin: 0 auto; }

/* ---- variant visibility ---- */
.variant { display: none; }
.variant.on { display: block; }

/* VARIANT A — arcade marquee (centered) */
.vA { text-align: center; }
.vA .eyebrow {
  font-family: var(--px); font-size: 9px; letter-spacing: 3px;
  color: var(--st-dim); text-transform: uppercase; margin-bottom: 30px;
}
.vA .eyebrow b { color: var(--st-moon); }
.marquee-title {
  font-family: var(--px); line-height: 1.18; letter-spacing: 2px;
  text-shadow: 4px 4px 0 #000, 7px 7px 0 rgba(167,182,230,0.18);
}
.vA .marquee-title { font-size: clamp(30px, 7vw, 74px); }
.marquee-title .foe { color: var(--j-gold); text-shadow: 4px 4px 0 #000, 7px 7px 0 #3a2a00; }
.vA .tagline {
  font-family: var(--vt); font-size: clamp(22px,2.8vw,30px); color: var(--st-ink);
  margin: 30px auto 16px; line-height: 1.4;
}
.vA .cheeky { font-family: var(--mono); font-size: 13px; color: var(--st-dim); letter-spacing: .5px; margin: 0 0 36px; }
.vA .cta-row { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.sprite-march {
  display: flex; gap: 18px; justify-content: center; align-items: flex-end;
  margin-top: 50px; height: 56px;
}
.sprite-march canvas { animation: bob 1.4s steps(2) infinite; }
.sprite-march canvas:nth-child(2n){ animation-delay: .35s; }
.sprite-march canvas:nth-child(3n){ animation-delay: .7s; }
@keyframes bob { 0%{transform:translateY(0)} 50%{transform:translateY(-6px)} 100%{transform:translateY(0)} }

/* VARIANT B — split: pitch + cartridge stack */
.vB { grid-template-columns: 1.05fr .95fr; gap: 54px; align-items: center; }
.vB.on { display: grid; }
.vB .marquee-title { font-size: clamp(28px,4.6vw,56px); text-align: left; }
.vB .tagline { font-family: var(--vt); font-size: 28px; line-height: 1.35; color: var(--st-ink); margin: 24px 0 14px; }
.vB .cheeky { font-family: var(--mono); font-size: 13px; color: var(--st-dim); margin: 0 0 30px; max-width: 46ch; }
.vB .cta-row { display: flex; gap: 14px; flex-wrap: wrap; }
.cartridges { display: grid; gap: 16px; }
.cart {
  display: grid; grid-template-columns: 92px 1fr auto; gap: 16px; align-items: center;
  padding: 16px; border: 1px solid var(--st-line2);
  background: linear-gradient(180deg, var(--st-panel), var(--st-bg2));
  box-shadow: 5px 5px 0 #000; transition: transform .12s, box-shadow .12s;
}
.cart:hover { transform: translate(-2px,-2px); box-shadow: 7px 7px 0 #000; }
.cart-art { width: 92px; height: 92px; display: grid; place-items: center; border: 1px solid var(--st-line2); }
.cart.jomp .cart-art { background: var(--j-bg0); }
.cart.rtn .cart-art { background: #efe4cc; }
.cart-meta .t { font-family: var(--px); font-size: 13px; letter-spacing: 1px; margin-bottom: 7px; }
.cart-meta .d { font-family: var(--mono); font-size: 11px; color: var(--st-dim); line-height: 1.45; }
.cart-tag {
  font-family: var(--px); font-size: 7px; letter-spacing: 1px; padding: 5px 7px;
  text-transform: uppercase; white-space: nowrap;
}
.cart-tag.play { background: var(--j-moss); color: #07210d; }
.cart-tag.soon { background: var(--st-line2); color: var(--st-ink); }

/* VARIANT C — atmospheric, logo over big motif */
.vC { text-align: center; position: relative; padding: 30px 0; }
.vC .marquee-title { font-size: clamp(34px,8vw,88px); }
.vC .tagline { font-family: var(--vt); font-size: clamp(20px,2.4vw,26px); line-height: 1.4; color: var(--st-ink); margin: 30px auto 16px; }
.vC .cheeky { font-family: var(--mono); font-size: 13px; color: var(--st-dim); margin: 0 0 30px; }
.vC .cta-row { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.vC .big-skull {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-58%);
  z-index: -1; opacity: .12;
}

/* variant switcher */
.hero-switch {
  position: fixed; right: 20px; bottom: 20px; z-index: 160;
  display: flex; align-items: center; gap: 8px;
  background: rgba(20,22,31,.92); border: 1px solid var(--st-line2);
  padding: 9px 11px; box-shadow: 4px 4px 0 #000;
}
.hero-switch .lab { font-family: var(--px); font-size: 7px; letter-spacing: 1px; color: var(--st-faint); }
.hero-switch button {
  font-family: var(--px); font-size: 9px; width: 26px; height: 26px; cursor: pointer;
  background: transparent; color: var(--st-dim); border: 1px solid var(--st-line2);
}
.hero-switch button.on { background: var(--st-moon); color: var(--st-bg); border-color: var(--st-moon); }
.hero-switch button:hover:not(.on) { color: var(--st-ink); border-color: var(--st-moon); }

.scroll-hint {
  position: absolute; bottom: 26px; left: 50%; transform: translateX(-50%);
  font-family: var(--px); font-size: 7px; letter-spacing: 2px; color: var(--st-faint);
  z-index: 2; animation: bob 1.8s ease-in-out infinite;
}

/* ============================================================ STUDIO BAND */
.studio { background: var(--st-bg2); border-top: 1px solid var(--st-line); border-bottom: 1px solid var(--st-line); }
.studio-grid { display: grid; grid-template-columns: 1fr 320px; gap: 60px; align-items: center; }
.studio h2 {
  font-family: var(--px); font-size: clamp(18px,2.4vw,26px); line-height: 1.5;
  letter-spacing: 1px; margin-bottom: 22px;
}
.studio h2 b { color: var(--st-moon); }
.studio p { font-size: 16px; color: var(--st-dim); max-width: 60ch; margin-bottom: 16px; }
.studio p b { color: var(--st-ink); font-weight: 500; }
.lunar-card {
  border: 1px solid var(--st-line2); background: var(--st-panel);
  padding: 26px; box-shadow: 5px 5px 0 #000; text-align: center;
}
.lunar-card .moon {
  width: 64px; height: 64px; margin: 0 auto 16px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #cdd6f0, #8b97c4 60%, #545d80);
  box-shadow: 0 0 30px rgba(167,182,230,.3), inset -8px -8px 0 rgba(0,0,0,.15);
  position: relative;
}
.lunar-card .moon::before,
.lunar-card .moon::after { content:""; position:absolute; border-radius:50%; background: rgba(0,0,0,.12); }
.lunar-card .moon::before { width: 12px; height: 12px; top: 16px; left: 18px; }
.lunar-card .moon::after { width: 8px; height: 8px; top: 34px; left: 38px; }
.lunar-card .lt { font-family: var(--px); font-size: 11px; letter-spacing: 1px; margin-bottom: 8px; }
.lunar-card .ls { font-family: var(--mono); font-size: 11px; color: var(--st-dim); letter-spacing: 1px; text-transform: uppercase; line-height: 1.7; }

/* ============================================================ GAME SECTION (generic header) */
.game-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 40px; flex-wrap: wrap; }
.game-index { font-family: var(--px); font-size: 11px; letter-spacing: 2px; color: var(--st-faint); }

/* ============================================================ JOMP SECTION (dark dungeon skin) */
.jomp {
  background:
    radial-gradient(ellipse at 70% 0%, #1a1426 0%, var(--j-bg0) 60%, #060409 100%);
  border-top: 1px solid var(--st-line);
  color: var(--j-ink);
}
.jomp .kicker { color: var(--j-gold); }
.jomp .kicker::before { background: var(--j-gold); }
.jomp .game-index { color: var(--j-dim); }
.jomp-status {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--px); font-size: 8px; letter-spacing: 1.5px; text-transform: uppercase;
  background: var(--j-moss); color: #06210c; padding: 6px 10px;
}
.jomp-title {
  font-family: var(--px); font-size: clamp(26px,4vw,46px); line-height: 1.25;
  color: var(--j-gold); letter-spacing: 1px; margin: 18px 0 6px;
  text-shadow: 3px 3px 0 #000, 6px 6px 0 #3a1a00;
}
.jomp-sub { font-family: var(--px); font-size: 10px; letter-spacing: 2px; color: var(--j-dim); margin-bottom: 22px; }
.jomp-lede { font-family: var(--vt); font-size: 24px; color: var(--j-ink); max-width: 60ch; line-height: 1.4; }

.jomp-layout { display: grid; grid-template-columns: 1fr 360px; gap: 48px; align-items: start; margin-top: 40px; }

/* feature list */
.feat-list { display: grid; gap: 14px; }
.feat {
  display: grid; grid-template-columns: 54px 1fr; gap: 16px; align-items: start;
  background: var(--j-bg1); border: 1px solid var(--j-bg3); padding: 16px 18px;
  transition: transform .12s, border-color .12s;
}
.feat:hover { transform: translateX(4px); border-color: var(--j-gold); }
.feat-ico { width: 54px; height: 54px; background: var(--j-bg0); border: 1px solid var(--j-bg3); display: grid; place-items: center; }
.feat-ico canvas { width: 40px; height: 40px; }
.feat .ft { font-family: var(--px); font-size: 11px; letter-spacing: 1px; color: var(--j-ink); margin-bottom: 7px; }
.feat .fd { font-family: var(--vt); font-size: 19px; line-height: 1.35; color: var(--j-dim); }
.feat .fd b { color: var(--j-ink); }

/* hero portraits */
.heroes-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 16px; }
.hero-card {
  background: var(--j-bg1); border: 1px solid var(--j-bg3); padding: 14px; text-align: center;
  transition: transform .12s, border-color .12s, box-shadow .12s;
}
.hero-card:hover { transform: translateY(-4px); border-color: var(--j-arcane); box-shadow: 0 6px 0 rgba(106,140,255,.25); }
.hero-card .por { width: 72px; height: 72px; margin: 0 auto 10px; background: var(--j-bg0); border: 1px solid var(--j-bg3); display: grid; place-items: center; }
.hero-card .por canvas { width: 64px; height: 64px; }
.hero-card .hn { font-family: var(--px); font-size: 10px; color: var(--j-gold); letter-spacing: 1px; margin-bottom: 5px; }
.hero-card .hr { font-family: var(--px); font-size: 6.5px; color: var(--j-dim); letter-spacing: 1px; margin-bottom: 9px; }
.hero-card .ha { font-family: var(--vt); font-size: 16px; color: var(--j-arcane); }
.hero-card.rogue .hn { color: var(--j-spirit); }
.hero-card.rogue:hover { border-color: var(--j-spirit); box-shadow: 0 6px 0 rgba(192,96,224,.25); }

/* JOMP viewport (the live mock) */
.viewport-wrap { position: sticky; top: 90px; }
.crt {
  background: #060409; border: 1px solid var(--j-bg3);
  padding: 14px; box-shadow: 0 0 0 4px #000, 0 14px 40px rgba(0,0,0,.6);
  position: relative;
}
.crt-screen { position: relative; background: var(--j-bg0); overflow: hidden; }
#dungeon { width: 100%; height: auto; display: block; }
.crt-screen::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: repeating-linear-gradient(0deg, rgba(0,0,0,.22) 0 1px, transparent 1px 3px);
}
.crt-hud {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 12px; font-family: var(--px); font-size: 8px; letter-spacing: 1px; color: var(--j-dim);
}
.crt-hud .hp { color: var(--j-blood); display: flex; gap: 3px; align-items: center; }
.crt-hud .depth { color: var(--j-gold); }
.crt-cap { font-family: var(--mono); font-size: 10px; color: var(--j-dim); text-align: center; margin-top: 12px; letter-spacing: .5px; }
.crt-cap b { color: var(--j-gold); }
.play-cta-row { display: flex; gap: 12px; margin-top: 18px; flex-wrap: wrap; }

/* boss strip */
.boss-strip { margin-top: 54px; }
.boss-strip .bh { font-family: var(--px); font-size: 11px; letter-spacing: 2px; color: var(--j-ink); margin-bottom: 16px; }
.boss-strip .bh b { color: var(--j-blood); }
.bosses { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.boss {
  background: var(--j-bg1); border: 1px solid #5a1818; padding: 14px;
  border-left: 3px solid var(--j-blood);
}
.boss .bd { font-family: var(--px); font-size: 8px; color: var(--j-blood); letter-spacing: 1px; margin-bottom: 8px; }
.boss .bn { font-family: var(--px); font-size: 10px; color: var(--j-ink); letter-spacing: 1px; margin-bottom: 8px; }
.boss .bx { font-family: var(--vt); font-size: 16px; color: var(--j-dim); line-height: 1.3; }

/* ============================================================ MAILING LIST */
.mailing { background: var(--st-bg2); border-top: 1px solid var(--st-line); border-bottom: 1px solid var(--st-line); }
.mail-grid { display: grid; grid-template-columns: 1fr 460px; gap: 50px; align-items: center; }
.mailing h2 { font-family: var(--px); font-size: clamp(18px,2.6vw,28px); line-height: 1.4; letter-spacing: 1px; margin-bottom: 16px; }
.mailing h2 b { color: var(--st-moon); }
.mailing p { color: var(--st-dim); font-size: 15px; max-width: 48ch; }
.mail-form { display: flex; flex-direction: column; gap: 12px; }
.mail-row { display: flex; gap: 10px; }
.mail-input {
  flex: 1; background: var(--st-panel); border: 1px solid var(--st-line2); color: var(--st-ink);
  font-family: var(--mono); font-size: 14px; padding: 14px 14px; letter-spacing: .5px;
}
.mail-input::placeholder { color: var(--st-faint); }
.mail-input:focus { outline: none; border-color: var(--st-moon); }
.mail-pref { display: flex; gap: 18px; flex-wrap: wrap; }
.mail-check { display: flex; align-items: center; gap: 9px; font-family: var(--px); font-size: 8px; letter-spacing: 1px; color: var(--st-dim); cursor: pointer; text-transform: uppercase; }
.mail-check .box { width: 16px; height: 16px; border: 1px solid var(--st-line2); background: var(--st-panel); display: grid; place-items: center; }
.mail-check.on .box { background: var(--st-moon); }
.mail-check.on .box::after { content:""; width: 8px; height: 8px; background: var(--st-bg); }
.mail-note { font-family: var(--mono); font-size: 11px; color: var(--st-faint); }
.mail-done { font-family: var(--px); font-size: 10px; color: var(--j-moss); letter-spacing: 1px; display: none; }
.mail-done.show { display: block; }

/* ============================================================ FOOTER / PRESS */
.footer { background: var(--st-bg); padding: 70px 28px 40px; border-top: 1px solid var(--st-line); }
.foot-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; }
.foot-brand .wm { font-family: var(--px); font-size: 14px; letter-spacing: 1px; margin-bottom: 14px; }
.foot-brand .wm b { color: var(--st-moon); }
.foot-brand p { font-family: var(--mono); font-size: 12px; color: var(--st-dim); max-width: 36ch; line-height: 1.7; }
.foot-col h4 { font-family: var(--px); font-size: 8px; letter-spacing: 1.5px; color: var(--st-faint); text-transform: uppercase; margin-bottom: 16px; }
.foot-col a { display: block; font-family: var(--mono); font-size: 13px; color: var(--st-dim); padding: 5px 0; letter-spacing: .5px; transition: color .15s; }
.foot-col a:hover { color: var(--st-moon); }
.foot-bar {
  max-width: 1180px; margin: 50px auto 0; padding-top: 22px; border-top: 1px solid var(--st-line);
  display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  font-family: var(--mono); font-size: 11px; color: var(--st-faint); letter-spacing: .5px;
}

/* press kit chips */
.press-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }

/* ============================================================ ENTRANCE ANIM
   Visible end-state is the BASE style, so any context that doesn't run
   the animation (reduced-motion, print, a backgrounded tab) shows content.
   Only under no-preference do we hide-then-reveal as a flourish. */
.reveal { opacity: 1; transform: none; }
@media (prefers-reduced-motion: no-preference) {
  .reveal { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
  .reveal.in { opacity: 1; transform: none; }
  .reveal.d1 { transition-delay: .08s; }
  .reveal.d2 { transition-delay: .16s; }
  .reveal.d3 { transition-delay: .24s; }
  .reveal.d4 { transition-delay: .32s; }
}

/* ============================================================ RESPONSIVE */
@media (max-width: 940px) {
  .vB, .jomp-layout, .studio-grid, .mail-grid { grid-template-columns: 1fr; }
  .bosses { grid-template-columns: repeat(2, 1fr); }
  .foot-grid { grid-template-columns: 1fr 1fr; }
  .viewport-wrap { position: static; max-width: 360px; margin: 0 auto; }
  .nav-links { display: none; }
  .heroes-row { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 560px) {
  .section { padding: 70px 18px; }
  .heroes-row { grid-template-columns: 1fr; }
  .bosses { grid-template-columns: 1fr; }
  .foot-grid { grid-template-columns: 1fr; }
  .mail-row { flex-direction: column; }
}