Upgradia

Idle RPG Adventure

Preparing your adventure...

"The realm awaits your arrival..."

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Character Customization</title>

}

</style>

}

</style>

}

</style>

/* Color hints */
.qbar-tt[data-tttype="hp"]{ outline: 1px solid rgba(239,68,68,0.28); }
.qbar-tt[data-tttype="mp"]{ outline: 1px solid rgba(59,130,246,0.28); }
.qbar-tt[data-tttype="sta"]{ outline: 1px solid rgba(34,197,94,0.28); }

/* Gemfall loot shower (slot-machine style) */
.gemfall-loot-layer { z-index: 30; overflow: visible; }
.gemfall-loot {
  position: absolute;
  width: 34px;
  height: 34px;
  will-change: transform, filter, opacity;
  filter: drop-shadow(0 14px 24px rgba(0,0,0,0.55)) drop-shadow(0 0 18px rgba(255,255,255,0.10));
  animation: gemfallLootFall 1750ms cubic-bezier(.12,.82,.16,1) forwards;
  opacity: 0.0;
}
.gemfall-loot .gemfall-svg { width: 34px; height: 34px; }

@keyframes gemfallLootFall {
  0%   { transform: translateX(calc(-50% + (var(--drift, 0px) * 0.12))) translateY(0px) rotate(calc(var(--spin, 0deg) * -0.12)) scale(0.92); opacity: 0; }
  10%  { opacity: 1; }
  60%  { transform: translateX(calc(-50% + (var(--drift, 0px) * 0.65))) translateY(calc(var(--fall, 520px) * 0.55)) rotate(calc(var(--spin, 0deg) * 0.55)) scale(0.98); opacity: 1; }
  100% { transform: translateX(calc(-50% + var(--drift, 0px))) translateY(var(--fall, 520px)) rotate(var(--spin, 0deg)) scale(0.92); opacity: 0; }
}
10%  { opacity: 1; }
  60%  { transform: translateX(calc(-50% + (var(--drift, 0px) * 0.65))) translateY(calc(var(--fall, 520px) * 0.55)) rotate(calc(var(--spin, 0deg) * 0.55)) scale(calc(var(--s, 1) * 0.98)); opacity: 1; }
  100% { transform: translateX(calc(-50% + var(--drift, 0px))) translateY(var(--fall, 520px)) rotate(var(--spin, 0deg)) scale(calc(var(--s, 1) * 0.92)); opacity: 0; }
}

}

</style>

<div class="npcdlg-overlay" id="npcdlg-overlay" aria-hidden="true">
  <div class="npcdlg-window" role="dialog" aria-modal="true" aria-label="Dialogue">
    <div class="npcdlg-head">
      <div>
        <div class="npcdlg-title" id="npcdlg-title">NPC</div>
        <div class="npcdlg-sub" id="npcdlg-sub">Arcadian Kingdom</div>
      </div>
      <button class="npcdlg-x" id="npcdlg-x" type="button" aria-label="Close">×</button>
    </div>
    <div class="npcdlg-body">
      <div class="npcdlg-line" id="npcdlg-text"></div>
      <div class="npcdlg-choices" id="npcdlg-choices"></div>
    </div>
  </div>
</div>

const NPC = {
    farmer: {
      name: "The Farmer",
      sub: "Arcadian Fields | Just outside Arcadia",
      greet: [
        "Well hello there! Watch your step - the turnips bite back.",
        "Ah! A friendly face. Don't mind the scarecrow... it's judging us.",
        "If you see my chicken Reginald, tell him his coup has been postponed.",
      ],
      topics: {
        work: [
          "Farming feeds Arcadia. Even heroes need sandwiches.",
          "Today's crop report: 60% carrots, 40% mysterious dirt.",
          "The soil is blessed... or cursed. Depends how dramatic the clouds look.",
        ],
        arcadia: [
          "Arcadia's market is loud, colorful, and suspiciously good at selling cheese.",
          "The capital never sleeps. Mostly because of bards.",
          "Arcadia guards love paperwork more than dragons love gold.",
        ],
        rumors: [
          "Heard a wizard tried to enchant a pumpkin. It now demands rent.",
          "Something glowed near the ruins. Probably teenagers. Probably.",
          "Someone bought four hundred cabbages. That's either a feast or a prophecy.",
        ],
      }
    },
    fisherman: {
      name: "The Fisherman",
      sub: "Arcadia Harbor | City docks",
      greet: [
        "Ahoy! Pull up a crate - the sea has gossip today.",
        "Quiet waters. Suspiciously quiet.",
        "If you're here for fish facts, I've got... at least two.",
      ],
      topics: {
        work: [
          "Fishing is patience... and wet socks.",
          "I caught a boot once. It had character. Unlike some fish.",
          "My best lure? Confidence. My worst lure? Everything else.",
        ],
        arcadia: [
          "Arcadia's docks see merchants, sailors, and one guy selling 'authentic' sea air.",
          "The gulls run this harbor. We just pay rent.",
          "The skyline's lovely. The fish remain unimpressed.",
        ],
        rumors: [
          "Something big moved under the water last night. I simply looked away.",
          "Storm's brewing - I can feel it in my knees and my dramatic soul.",
          "Saw a glowing fish. I did not eat it. I enjoy living.",
        ],
      }
    }
  };

const overlay = document.getElementById('npcdlg-overlay');
  const titleEl = document.getElementById('npcdlg-title');
  const subEl = document.getElementById('npcdlg-sub');
  const textEl = document.getElementById('npcdlg-text');
  const choicesEl = document.getElementById('npcdlg-choices');
  const closeBtn = document.getElementById('npcdlg-x');
  if (!overlay || !titleEl || !textEl || !choicesEl || !closeBtn) return;

const state = { id: null };
  const rand = (a) => a[Math.floor(Math.random()*a.length)];
  const esc = (s) => String(s).replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>');

overlay.addEventListener('mousedown',(e)=>{ if(e.target===overlay) close(); });
  closeBtn.addEventListener('click', close);
  window.addEventListener('keydown',(e)=>{ if(e.key==='Escape') close(); });

window.__UPGRADIA_OPEN_DIALOGUE__ = open;
})();
</script>

// Remove previous baked block
          html = html.replace(/<script>window\.__UPG_HARDCODED_VILLAGE__[\s\S]*?<\/script>/g, '');

// Bake domEdits transforms into SVG attributes
          Object.keys(domEdits).forEach(function(key) {
            var ed = domEdits[key];
            if (!ed) return;
            var esc = key.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
            var re = new RegExp('(<g[^>]*?data-edit-(?:id|key)="' + esc + '"[^>]*?)>', 'gs');
            if (ed.hidden) {
              html = html.replace(re, function(m, tag) { return tag + ' style="display:none">'; });
              return;
            }
            var tx=ed.tx||0, ty=ed.ty||0, sx=ed.sx||1, sy=ed.sy||1, fx=ed.fx||1, fy=ed.fy||1, rot=ed.rot||0;
            if (tx===0&&ty===0&&sx===1&&sy===1&&fx===1&&fy===1&&rot===0) return;
            var cx=0, cy=0;
            try {
              var el = (document.getElementById('__upg_vscene_root')||document).querySelector('[data-edit-id="'+key+'"],[data-edit-key="'+key+'"]');
              if (el) { cx=parseFloat(el.getAttribute('data-orig-cx')||'0'); cy=parseFloat(el.getAttribute('data-orig-cy')||'0'); }
            } catch(x){}
            var editT='translate('+tx+' '+ty+') translate('+cx+' '+cy+') scale('+fx+' '+fy+') rotate('+rot+') scale('+sx+' '+sy+') translate('+(-cx)+' '+(-cy)+')';
            html = html.replace(re, function(m, tag) {
              var origT=(tag.match(/transform="([^"]*)"/) || [])[1]||'';
              var t=tag.replace(/\s*transform="[^"]*"/, '');
              t += ' transform="'+(origT?origT+' ':'')+editT+'"';
              t = t.replace(/\s*data-edit-(?:id|key)="[^"]*"/, '');
              return t+'>';
            });
          });

// Inject hardcoded village data before </head>
          var baseVillage = (window.__UPG_HARDCODED_VILLAGE__ && typeof window.__UPG_HARDCODED_VILLAGE__ === 'object')
            ? window.__UPG_HARDCODED_VILLAGE__
            : {};
          var bakedPayload = {
            version: 1,
            scene: 'Village',
            savedAt: new Date().toISOString(),
            items: Array.isArray(sceneItems) ? sceneItems : (Array.isArray(baseVillage.items) ? baseVillage.items : []),
            domEdits: (domEdits && typeof domEdits === 'object') ? domEdits : (baseVillage.domEdits || {}),
            colliders: Array.isArray(baseVillage.colliders) ? baseVillage.colliders : [],
            prefabs: Array.isArray(baseVillage.prefabs) ? baseVillage.prefabs : [],
            roadTop: (typeof baseVillage.roadTop === 'number') ? baseVillage.roadTop : 363,
            buildingLimits: Array.isArray(baseVillage.buildingLimits) ? baseVillage.buildingLimits : []
          };
          var baked = '<script>window.__UPG_HARDCODED_VILLAGE__ = ' + JSON.stringify(bakedPayload) + ';<\\/script>';
          html = html.replace('</head>', baked + '\n</head>');

// Download
          var blob = new Blob([html], {type:'text/html'});
          var a = document.createElement('a');
          a.href = URL.createObjectURL(blob);
          a.download = 'upgradia_saved.html';
          document.body.appendChild(a); a.click();
          setTimeout(function(){ URL.revokeObjectURL(a.href); a.remove(); }, 300);
          alert('Saved! ' + Object.keys(domEdits).length + ' DOM edits + ' + sceneItems.length + ' items hardcoded.');
        } catch(err) {
          alert('Save failed: ' + err.message);
        }
      };
      reader.readAsText(file);
    };
    input.click();
  }

// Register immediately - locked so nothing can overwrite
  try {
    Object.defineProperty(window, '_upgSave', { value: _doUpgSave, writable: false, configurable: true });
    Object.defineProperty(window, '_upgSaveEmergency', { value: _doUpgSave, writable: false, configurable: true });
  } catch(e) { window._upgSave = _doUpgSave; window._upgSaveEmergency = _doUpgSave; }
  console.log('[Upgradia] _upgSave registered, type=' + typeof window._upgSave);

// Safety net: re-register after DOM ready in case something wiped it
  document.addEventListener('DOMContentLoaded', function() {
    if (typeof window._upgSave !== 'function') {
      window._upgSave = _doUpgSave;
      console.log('[Upgradia] _upgSave re-registered on DOMContentLoaded');
    }
  });
})();
</script>

</body>

}

</style>

avatar.classList.add('avatar-heal-glow');
  setTimeout(()=>avatar.classList.remove('avatar-heal-glow'),800);

num.animate([
    { transform: 'translate(-50%,0)', opacity: 1 },
    { transform: 'translate(-50%,-40px)', opacity: 0 }
  ], { duration: 900, easing: 'ease-out' });

setTimeout(()=>num.remove(),900);
}

document.addEventListener('healTick', e=>{
  spawnHealNumber(e.detail || 5);
});

// defeated page fix
document.addEventListener('click', e=>{
  if(e.target && e.target.id === 'returnToCamp'){
    showScreen('camp');
  }
});
</script>

</html>