🔥 Tiny Epic Dungeons – Dove ogni torcia accende una leggenda Il dungeon ti osserva. Le ombre si muovono. In Tiny Epic Dungeons entri in un mondo di trappole, magia e coraggio. Ogni stanza è un enigma, ogni eroe una storia che brilla per un istante prima che la luce svanisca. 💎 Eroi e poteri unici Scegli il tuo eroe tra maghi, guerrieri e ladri dei clan leggendari. Ogni abilità plasma il tuo destino: combo, magie e colpi epici che cambiano il corso della partita. 🕯️ La torcia scende… Ad ogni turno la torcia perde luce. Se si spegne, il dungeon vince. Gestisci il tempo, collabora e decidi chi rischia la fiamma per il gruppo. 🐉 Il Boss ti aspetta Ogni Boss ha un lair diverso e poteri devastanti. Attira il mostro nelle Ritual Rooms, spezza la sua forza magica e colpisci quando il fuoco è alto. 🗝️ Tesori dei Clan Dalle rovine emergono reliquie dei clan Orso, Leone, Fenice e Pantera. Ogni pezzo potenzia il successivo. Raccoglili e diventa leggenda nel regno di Aughmoore. «Nel buio del dungeon, solo il coraggio fa luce.» .tinyepic-dungeon{ --violet:#231b4c; --deepblue:#101429; --mana:#44e0c0; --torch:#ffbb3e; --panel:#181d38; --text:#e8ebff; --shadow:0 12px 40px rgba(0,0,0,.4); background: radial-gradient(circle at 30% 10%, #2e2265 0%, #0c0f1e 90%); color:var(--text); font-family:"Poppins",system-ui,sans-serif; padding:3rem 1.5rem; border-radius:22px; box-shadow:inset 0 0 20px rgba(255,255,255,.05),0 0 40px rgba(0,0,0,.7); position:relative; overflow:hidden; } .tinyepic-dungeon:before{ content:""; position:absolute; inset:0; background:radial-gradient(circle at 70% 80%, rgba(68,224,192,.07) 0%, transparent 70%), radial-gradient(circle at 20% 10%, rgba(255,187,62,.08) 0%, transparent 80%); animation:fadeGlow 6s ease-in-out infinite alternate; z-index:0; } @keyframes fadeGlow{0%{opacity:.4;}100%{opacity:.7;}} .ted-header{ text-align:center; position:relative; z-index:1; max-width:850px; margin:0 auto 2rem;} .ted-header h2{ font-size:clamp(1.5rem,3vw,2.4rem); background:linear-gradient(180deg,#fff7ce 0%,#ffbb3e 40%,#fff 70%); -webkit-background-clip:text; color:transparent; text-shadow:0 0 25px rgba(255,200,50,.3); margin-bottom:1rem; } .ted-header p{ line-height:1.8; color:#d8dbff; } .ted-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1.5rem; margin-top:2rem; z-index:1; position:relative; } .ted-tile{ background:linear-gradient(160deg, var(--panel) 0%, #121630 100%); border-radius:20px; box-shadow:var(--shadow), inset 0 0 0 1px rgba(255,255,255,.05); overflow:hidden; transition:transform .3s ease, box-shadow .3s ease; } .ted-tile:hover{ transform:translateY(-4px); box-shadow:0 14px 40px rgba(68,224,192,.35); } .ted-toggle{ width:100%; background:none; border:none; color:#fff; font-weight:700; font-size:1.1rem; text-align:left; padding:1.2rem 1.4rem; cursor:pointer; position:relative; background:linear-gradient(90deg, rgba(68,224,192,.15) 0%, rgba(255,187,62,.15) 100%); } .ted-toggle::after{ content:"+"; position:absolute; right:1.4rem; top:1.2rem; font-weight:900; color:var(--mana); transition:transform .3s ease; } .ted-toggle[aria-expanded="true"]::after{ content:"-"; transform:rotate(180deg); color:var(--torch); } .ted-content{ padding:0 1.4rem 1.2rem; color:#dfe3ff; border-top:1px solid rgba(255,255,255,.06); animation:reveal .4s ease both; } @keyframes reveal{0%{opacity:0;transform:translateY(-10px);}100%{opacity:1;transform:none;}} .ted-footer{text-align:center;margin-top:2rem;font-style:italic;color:#ffc94d;} @media(max-width:700px){ .ted-grid{grid-template-columns:1fr;} }