.landing-container{align-items:center;background-color:#0b0b0b;color:#f5f5f5;display:flex;font-family:Cinzel,serif;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.parallax-background{animation:slowZoom 20s ease-in-out infinite alternate;background:radial-gradient(ellipse at center,#1a1a1a 0,#000 100%);background-image:url(https://www.transparenttextures.com/patterns/dark-mosaic.png);background-size:cover;filter:brightness(.5) contrast(1.2);height:120%;left:0;position:absolute;top:0;transform:scale(1.1);width:120%;z-index:0}@keyframes slowZoom{0%{transform:scale(1.1)}to{transform:scale(1.2)}}.landing-content{padding:20px;position:relative;text-align:center;z-index:1}.headline{animation:fadeInUp 1.5s ease-out forwards;color:#e0d4b0;font-size:2.8rem;margin-bottom:30px;opacity:0;text-shadow:2px 2px 8px #000}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.cta-button{background:linear-gradient(145deg,#8b0000,red);border:none;border-radius:8px;box-shadow:0 0 20px red;color:#fff;cursor:pointer;font-size:1.2rem;padding:15px 30px;transition:all .3s ease}.cta-button:hover{background:linear-gradient(145deg,red,#8b0000);box-shadow:0 0 30px #ff4500;transform:scale(1.05)}.skill-tree-container{background:#0009;flex-wrap:wrap;gap:12px;padding:15px}.skill-node,.skill-tree-container{border:2px solid gold;border-radius:8px;display:flex}.skill-node{align-items:center;background:#222;color:#fff;cursor:pointer;flex-direction:column;font-family:Georgia,serif;height:100px;justify-content:center;text-align:center;transition:all .2s ease;width:100px}.skill-node.locked{cursor:not-allowed;opacity:.4}.skill-node.available{border-color:gold;box-shadow:0 0 10px gold}.skill-node.unlocked{border-color:#4caf50;box-shadow:0 0 10px #4caf50}.skill-node:hover{box-shadow:0 0 15px gold;transform:scale(1.05)}.skill-node.unlocked{border-color:gold;box-shadow:0 0 15px gold}.skill-name{font-weight:700;margin-bottom:5px}.skill-xp{color:#ccc;font-size:.8em}.stats-panel{background:#0009;border:2px solid gold;border-radius:8px;color:#fff;font-family:Georgia,serif;padding:15px;width:200px}.stats-panel h2{border-bottom:1px solid gold;font-size:1.2em;margin-bottom:10px;margin-top:0;padding-bottom:5px}.stats-panel ul{list-style:none;margin:0;padding:0}.stats-panel li{margin-bottom:8px}.profile-container.diablo-theme{background-color:#1a1a1a;color:#c8b88a;display:flex;flex-direction:column;font-family:Cinzel,serif;height:100vh;overflow:hidden}.top-tabs{background:#111;border-bottom:3px solid #333;display:flex;justify-content:center;padding:8px 0}.tab{border-bottom:2px solid #0000;color:#888;cursor:pointer;font-size:1.1rem;margin:0 20px;padding:5px 10px}.tab.active{border-color:#e0c97f;color:#e0c97f}.main-content{background:#0b0b0b;border-bottom:2px solid #333;border-top:2px solid #333;display:flex;flex:1 1}.left-panel{align-items:center;border-right:2px solid #333;display:flex;flex:1 1;flex-direction:column;padding:20px;position:relative}.character-portrait{background:#222;border:3px ridge #555;height:400px;margin-bottom:20px;overflow:hidden;position:relative;width:250px}#avatar-canvas{background:#0000;display:block;height:100%;width:100%}.item-slots-grid{align-content:space-between;display:flex;flex-wrap:wrap;height:400px;justify-content:space-between;left:0;padding:5px;pointer-events:none;position:absolute;top:0;width:250px}.item-slot{background:#333;border:2px solid #555;height:50px;pointer-events:auto;width:50px}.right-panel{border-left:2px solid #333;display:flex;flex-direction:column;padding:20px;width:250px}.level-banner{background:#222;border:2px solid #555;font-size:1.2rem;margin-bottom:20px;padding:10px;text-align:center}.level-banner span{color:#e0c97f;font-size:1.5rem;font-weight:700}.stats-list{flex:1 1}.stat{border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:5px 0}.gold-count{background:#222;border:2px solid #555;margin-top:20px;padding:10px;text-align:center}.bottom-inventory{background:#111;border-top:3px solid #333;padding:10px}.inventory-tabs{display:flex;justify-content:center;margin-bottom:10px}.inv-tab{border-bottom:2px solid #0000;color:#888;cursor:pointer;font-size:1rem;margin:0 10px;padding:5px 10px}.inv-tab.active{border-color:#e0c97f;color:#e0c97f}.inventory-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(10,1fr)}.inventory-slot{align-items:center;aspect-ratio:1/1;background:#222;border:2px solid #555;display:flex;justify-content:center;overflow:hidden}.inventory-slot img{max-height:90%;max-width:90%;object-fit:contain}h2,h3,h4{color:#e0c97f;font-family:Cinzel,serif;margin:0 0 10px}
/*# sourceMappingURL=main.a9425b2b.css.map*/