Mondo Pericoloso【26+1】
```html
<style>
.w-fb *{box-sizing:border-box;margin:0;padding:0}.w-fb{margin-top:15px;background:rgba(18,20,24,.9);border:1px solid rgba(163,59,59,.3);border-radius:6px;padding:12px;color:#b8b9bf;font-family:sans-serif;font-size:13px;box-shadow:0 4px 10px rgba(0,0,0,.5)}.w-ti{color:#d45555;font-weight:700;border-bottom:1px solid rgba(163,59,59,.3);padding-bottom:8px;margin-bottom:12px;display:flex;align-items:center;gap:6px}.w-bk{width:8px;height:8px;background:#d45555;border-radius:50%;animation:wp 1.5s infinite}.w-sc{margin-bottom:12px;background:rgba(25,27,33,.5);padding:10px;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.w-lb{display:block;color:#d4cccd;margin-bottom:6px;font-size:12px;font-weight:700}.w-ip{width:100%;background:rgba(12,14,18,.8);border:1px solid rgba(255,255,255,.1);color:#d0cbd0;padding:6px;border-radius:4px;outline:0;font-size:12px;margin-bottom:8px}.w-ip:focus{border-color:#a33b3b;box-shadow:0 0 6px rgba(163,59,59,.2)}textarea.w-ip{resize:vertical;min-height:50px}.w-bt{width:100%;background:linear-gradient(135deg,rgba(120,40,40,.8),rgba(163,59,59,.9));color:#e8e0e0;border:1px solid rgba(200,80,80,.2);padding:10px;border-radius:4px;cursor:pointer;font-weight:700}.w-rb{display:none;margin-top:12px;background:rgba(8,9,11,.8);border:1px dashed #a33b3b;padding:12px;border-radius:4px}.w-hi{color:#8b8e96;font-size:11px;margin-bottom:8px}.w-rt{white-space:pre-wrap;font-family:monospace;color:#a8a9af;user-select:all;-webkit-user-select:all;padding:10px;border-radius:4px;border-left:3px solid #a33b3b;background:rgba(255,255,255,.03)}@keyframes wp{0%,100%{opacity:.3}50%{opacity:1;box-shadow:0 0 8px #d45555}}
</style>
<div class="w-fb">
<div class="w-ti"><div class="w-bk"></div>Terminale di Generazione Profili</div>
<div class="w-sc"><label class="w-lb">Scansione di Base</label>
<input class="w-ip" id="i1" placeholder="Nome / Codice">
<select class="w-ip" id="i2"><option value="">-- ID Avatar --</option><option>【I】</option><option>【II】</option><option>【III】</option><option>【IV】</option><option>【V】</option><option>【VI】</option><option>【VII】</option><option>【VIII】</option><option>【IX】</option><option>【X】</option><option>【XI】</option><option>【XII】</option><option>【XIII】</option><option>【XIV】</option><option>【XV】</option></select>
<input class="w-ip" id="i3" placeholder="Genere">
<input class="w-ip" id="i4" placeholder="Età">
<textarea class="w-ip" id="i5" placeholder="Profilo Estetico (Abbigliamento / Tratti)"></textarea>
<textarea class="w-ip" id="i6" placeholder="Tratti Caratteriali (Valori / Stile)"></textarea>
</div>
<div class="w-sc"><label class="w-lb">Sistema di Potere</label>
<select class="w-ip" id="i7"><option value="">-- Valutazione Globale --</option><option>Grado E</option><option>Grado D</option><option>Grado C</option><option>Grado B</option><option>Grado A</option><option>Grado S</option></select>
<select class="w-ip" id="i8"><option value="">-- Identità --</option><option>Umano comune</option><option>Risvegliato innato</option><option>Domatore di spettri acquisito</option><option>Portatore di doppio potere</option><option>Spettro puro</option></select>
<textarea class="w-ip" id="i9" placeholder="Archivio Poteri / Spettri (Abilità o Regole)"></textarea></div>
<div class="w-sc"><label class="w-lb">Affiliazione Fazione</label>
<select class="w-ip" id="i10"><option>Lupo solitario</option><option>Ufficio di Supervisione (Autorità Ufficiale)</option><option>Consorzio Pandora (Capitale)</option><option>Istituto dell'Abisso (Folli)</option><option>Fronte di Difesa Comune (Milizia Civile)</option><option>Marea di Assimilazione (Calamità)</option><option>Piastra di Petri (Pascolo)</option><option>Rete dei Simbionti (Simbiosi)</option><option>Distretto Truman (Mimetismo)</option><option>Fazione personalizzata</option></select></div>
<div class="w-sc"><label class="w-lb">Personalizzazione Scenario</label>
<select class="w-ip" id="i11"><option>Stile predefinito (Puro orrore soprannaturale)</option><option>【Proteggi il mio cuoricino】 (Descrizioni horror censurate / Focus azione)</option></select>
<select class="w-ip" id="i12" onchange="let v=this.value;let p=document.getElementById('i13');if(v.includes('negozio')){p.placeholder='Dettagli negozio (nome/attività/posizione, ecc.)';}else if(v.includes('costruzione')){p.placeholder='Stato del territorio (area/strutture/popolazione)';}else{p.placeholder='Dettagli desiderati (aspettative compagni/richieste blind box/relazioni spettrali)';}">
<option>【Entra in un\'istanza, abbina compagni NPC fissi (1-3 persone)】</option>
<option>【Apri una blind box, sopravvivenza apocalittica con compagni umani】</option>
<option>【Basta essere umani, scelgo la vita da spettro (genera relazioni spettrali)】</option>
<option>【Apri un negozietto nella zona sicura】</option>
<option>【Simulazione di costruzione: sono un leader locale, gestisco la zona sicura】</option>
<option>【Inizio libero】</option>
</select>
<textarea class="w-ip" id="i13" placeholder="Dettagli desiderati (aspettative compagni/richieste blind box/relazioni spettrali)"></textarea></div>
<button class="w-bt" onclick="g()">[ Genera Profilo Esclusivo ]</button>
<div class="w-rb" id="rb"><div class="w-hi">✅ Generato automaticamente! Clicca sul testo qui sotto per selezionare tutto, copia e invia al sistema.</div>
<div class="w-rt" id="rt" onclick="s(this)"></div></div>
</div>
<script>
function g(){
let v=(id)=>(document.getElementById(id).value.trim()||"Non compilato");
let t=`【Scansione Individuale di Base】\nNome: ${v('i1')}\nID Avatar: ${v('i2')}\nGenere: ${v('i3')}\nEtà: ${v('i4')}\nAspetto: ${v('i5')}\nPersonalità: ${v('i6')}\n\n【Sistema di Potere e Rango】\nLivello: ${v('i7')}\nIdentità: ${v('i8')}\nArchivio: ${v('i9')}\n\n【Affiliazione Fazione】\nAffiliazione: ${v('i10')}\n\n【Personalizzazione Inizio Scenario】\nFiltro Stile: ${v('i11')}\nScenario Iniziale: ${v('i12')}\nDettagli Personalizzati: ${v('i13')}`;
let r=document.getElementById('rt');
r.innerText=t;document.getElementById('rb').style.display='block';
setTimeout(()=>s(r),50);
}
function s(e){let s=window.getSelection(),r=document.createRange();r.selectNodeContents(e);s.removeAllRanges();s.addRange(r);}
</script>
```Accedi per continuare la conversazione