.save-traits-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1rem;padding:.75rem 1.5rem;background:var(--verde-rinascita);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #2d501633}.save-traits-button:hover{background:#234012;transform:translateY(-1px);box-shadow:0 4px 8px #2d50164d}.egi-traits-manager{--oro-fiorentino: #d4a574;--verde-rinascita: #2d5016;--blu-algoritmo: #1b365d;--grigio-pietra: #6b6b6b;--rosso-urgenza: #c13120;--arancio-energia: #e67e22;--viola-innovazione: #8e44ad;font-family:Source Sans Pro,Open Sans,sans-serif;position:relative}.egi-traits-editor{margin:0;padding:0}.traits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(212,165,116,.2)}.traits-title{font-family:Playfair Display,Crimson Text,serif;font-size:1.5rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem;margin:0}.traits-icon{font-size:1.25rem}.traits-meta{display:flex;align-items:center;gap:1rem}.trait-counter{background:#d4a57433;color:var(--oro-fiorentino);padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600;transition:all .3s ease}.trait-counter.near-limit{background:#c1312033;color:#ff6b6b}.trait-status{display:flex;align-items:center;gap:.5rem;color:#4ade80;font-size:.875rem;font-weight:500}.status-icon{width:1rem;height:1rem}.trait-categories{display:flex;gap:.5rem;margin-bottom:.75rem;overflow-x:auto;padding-bottom:.25rem}.category-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(212,165,116,.3);border-radius:.5rem;font-size:.875rem;color:#e5e5e5;cursor:pointer;transition:all .3s ease;white-space:nowrap}.category-tab:hover:not(:disabled){border-color:var(--oro-fiorentino);background:#d4a57426;color:#fff}.category-tab.active{background:var(--oro-fiorentino);border-color:var(--oro-fiorentino);color:#1b365d;font-weight:600}.category-tab:disabled{opacity:.5;cursor:not-allowed}.category-icon{font-size:1rem}.category-count{background:#0000004d;padding:.125rem .375rem;border-radius:.75rem;font-size:.75rem;font-weight:600;color:#fff}.traits-list{min-height:auto;margin-bottom:0}.traits-list.readonly{pointer-events:none}.empty-state{text-align:center;padding:.25rem .5rem;background:#d4a5740d;border:1px solid rgba(212,165,116,.3);border-radius:.375rem;margin:0}.empty-icon{width:1rem;height:1rem;color:var(--oro-fiorentino);margin:0 auto .25rem;opacity:.7}.empty-text{color:#a0a0a0;margin-bottom:.25rem;font-size:.75rem;line-height:1.2}.empty-cta{background:var(--oro-fiorentino);color:var(--blu-algoritmo);padding:.25rem .75rem;border:none;border-radius:.375rem;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .3s ease}.empty-cta:hover{background:#e5b584;transform:translateY(-1px)}.traits-grid{display:grid;grid-template-columns:1fr;gap:.375rem;margin-bottom:.5rem}@media (max-width: 768px){.traits-grid{grid-template-columns:1fr!important;gap:.5rem!important;margin-bottom:1rem!important}.trait-card{border-radius:.375rem!important}.trait-header{padding:.5rem!important}.trait-category-badge{width:1.25rem!important;height:1.25rem!important;font-size:.75rem!important}.trait-remove{width:1.125rem!important;height:1.125rem!important;font-size:.875rem!important}.trait-content{padding:.5rem!important}.trait-type{font-size:.625rem!important;margin-bottom:.125rem!important}.trait-value{font-size:.875rem!important;margin-bottom:.25rem!important;line-height:1.2!important}.trait-unit{font-size:.75rem!important}}.trait-card{background:#ffffff1f;border:1px solid rgba(212,165,116,.3);border-radius:.5rem;overflow:hidden;transition:all .2s ease;cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:1!important;box-shadow:0 2px 4px #0003}.trait-card:hover{background:#d4a57433;border-color:#d4a57480;box-shadow:0 4px 12px #d4a57459;transform:translateY(-2px)}.trait-card.rare{background:linear-gradient(135deg,#8e44ad26,#d4a57426);box-shadow:0 2px 6px #8e44ad33}.trait-header{display:flex;justify-content:space-between;align-items:center;padding:.375rem .5rem;border-bottom:none}.trait-category-badge{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.25rem;font-size:.875rem}.trait-remove{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:#c1312033;color:#ff6b6b;border:none;border-radius:50%;font-size:1.25rem;line-height:1;cursor:pointer;transition:all .3s ease}.trait-remove:hover{background:var(--rosso-urgenza);color:#fff}.trait-content{padding:.25rem .5rem .375rem}.trait-type{font-size:.625rem;color:var(--grigio-pietra);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.125rem}.trait-value{font-size:.875rem;font-weight:700;color:#fff;margin-bottom:.25rem}.trait-unit{font-size:.875rem;color:var(--oro-fiorentino);font-weight:400;opacity:.8;margin-left:.25rem}.trait-rarity{margin-top:.25rem}.rarity-bar{height:.25rem;background:#6b6b6b4d;border-radius:.125rem;overflow:hidden;margin-bottom:.1875rem}.rarity-fill{height:100%;transition:width .5s ease}.common,.rarity-fill.common{background:linear-gradient(90deg,#27ae60,#2ecc71)}.uncommon,.rarity-fill.uncommon{background:linear-gradient(90deg,#f39c12,#e67e22)}.rare,.rarity-fill.rare{background:linear-gradient(90deg,#e74c3c,#c0392b)}.epic,.rarity-fill.epic{background:linear-gradient(90deg,#9b59b6,#8e44ad)}.legendary,.rarity-fill.legendary{background:linear-gradient(90deg,#d4a574,#b8860b)}.mythic,.rarity-fill.mythic{background:linear-gradient(90deg,#ff6b6b,gold,#ff6b6b);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rarity-text{font-size:.75rem;color:var(--grigio-pietra);text-align:right}.add-trait-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;margin-top:1rem;background:transparent;border:2px dashed var(--oro-fiorentino);border-radius:.5rem;color:var(--oro-fiorentino);font-weight:600;cursor:pointer;transition:all .3s ease}.add-trait-button:hover{background:#d4a5741a;border-style:solid;transform:translateY(-1px)}.button-icon{width:1.25rem;height:1.25rem}.trait-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:.75rem}@media (min-width: 768px){.trait-modal{padding:1rem}}.modal-content{background:#fff;border-radius:.75rem;max-width:500px;width:100%;max-height:92vh;box-shadow:0 20px 40px #0006;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e5e5;background:linear-gradient(135deg,#d4a5741a,#fff);flex-shrink:0}@media (min-width: 768px){.modal-header{padding:1.25rem 1.5rem}}.modal-title{font-family:Playfair Display,Crimson Text,serif;font-size:1.25rem;font-weight:600;color:var(--blu-algoritmo);margin:0}.modal-close{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:1.5rem;color:var(--grigio-pietra);cursor:pointer;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#6b6b6b1a;color:var(--rosso-urgenza)}.modal-body{padding:1rem;background:#fff;flex:1 1 auto;overflow-y:auto}@media (min-width: 768px){.modal-body{padding:1.5rem}}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:700;color:#1f2937;font-size:.95rem}.category-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}@media (min-width: 768px){.category-selector{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}}.category-option{position:relative}.category-option input{position:absolute;opacity:0}.category-card{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .375rem;background:#fff;border:2px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}@media (min-width: 768px){.category-card{gap:.5rem;padding:1rem .5rem}}.category-card:hover{border-color:#6b7280;box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.category-option input:checked+.category-card{background:#ecfdf5;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;color:#065f46}.category-label{font-size:.75rem;text-align:center;color:#374151;font-weight:600;line-height:1.2}@media (min-width: 768px){.category-label{font-size:.875rem}}.form-select,.form-input{width:100%;padding:.75rem;background:#fff;border:2px solid #d1d5db;border-radius:.5rem;font-size:1rem;color:#1f2937;font-weight:500;transition:all .3s ease}.form-select:focus,.form-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;background:#f9fafb}.input-group{display:flex;align-items:center;gap:.5rem}.input-suffix{color:var(--grigio-pietra);font-weight:600}.trait-preview{background:#2d501614;border:1px solid var(--verde-rinascita);border-radius:.5rem;padding:1rem}.preview-label{font-size:.75rem;color:var(--verde-rinascita);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.5rem;font-weight:600}.preview-card{font-size:1rem;color:var(--blu-algoritmo)}.preview-type{font-weight:600;color:var(--blu-algoritmo)}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.875rem 1rem;border-top:1px solid #e5e5e5;background:#fafafa;flex-shrink:0;position:sticky;bottom:0}@media (min-width: 768px){.modal-footer{gap:.75rem;padding:1rem 1.5rem}}.btn-cancel{padding:.5rem 1rem;background:#fff;border:2px solid #6b7280;border-radius:.5rem;color:#374151;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #6b72801a;white-space:nowrap}@media (min-width: 768px){.btn-cancel{padding:.625rem 1.5rem;font-size:1rem}}.btn-cancel:hover{background:#f9fafb;border-color:#1f2937;color:#1f2937;box-shadow:0 3px 6px #6b728026}.btn-confirm{padding:.5rem 1rem;background:#34d399;border:2px solid #10b981;border-radius:.5rem;color:#065f46;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 6px #10b9814d;white-space:nowrap}@media (min-width: 768px){.btn-confirm{padding:.625rem 1.5rem;font-size:1rem}}.btn-confirm:hover:not(:disabled){background:#10b981;color:#fff;transform:translateY(-1px);box-shadow:0 6px 12px #10b98166}.btn-confirm:disabled{background:#d1d5db;color:#6b7280;border-color:#d1d5db;opacity:1;cursor:not-allowed;box-shadow:none}@media (prefers-color-scheme: dark){.trait-card{background:#ffffff1f;border-color:#d4a5744d}.category-tab{background:#ffffff14;border:1px solid rgba(255,255,255,.1)}}@media (max-width: 640px){.traits-grid{grid-template-columns:1fr;gap:.5rem}.trait-card{border-radius:.375rem}.trait-type{font-size:.625rem}.trait-value{font-size:.875rem}.category-selector{grid-template-columns:repeat(3,1fr);gap:.5rem}.modal-title{font-size:1rem}.form-group{margin-bottom:1rem}}.loading-placeholder{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--grigio-pietra);font-style:italic;text-align:center;background:#d4a5740d;border-radius:.5rem;border:1px dashed rgba(212,165,116,.3)}.loading-placeholder:before{content:"⏳ ";margin-right:.5rem;animation:pulse 1.5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{min-width:320px;max-width:400px;padding:16px 20px;border-radius:12px;color:#fff;font-weight:500;font-size:14px;line-height:1.4;box-shadow:0 8px 24px #00000026;pointer-events:auto;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.toast.show{transform:translate(0);opacity:1}.toast.hide{transform:translate(100%);opacity:0}.toast.success{background:linear-gradient(135deg,#10b981,#059669);border-left:4px solid #047857}.toast.error{background:linear-gradient(135deg,#ef4444,#dc2626);border-left:4px solid #b91c1c}.toast.warning{background:linear-gradient(135deg,#f59e0b,#d97706);border-left:4px solid #b45309}.toast.info{background:linear-gradient(135deg,#3b82f6,#2563eb);border-left:4px solid #1d4ed8}.toast-content{display:flex;align-items:flex-start;gap:12px}.toast-icon{font-size:20px;flex-shrink:0;margin-top:1px}.toast-text{flex:1}.toast-title{font-weight:600;margin-bottom:4px;font-size:15px}.toast-message{font-weight:400;opacity:.95}.toast-close{position:absolute;top:8px;right:8px;background:none;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.7;transition:opacity .2s;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-close:hover{opacity:1;background:#ffffff1a}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:#ffffff4d;width:100%;transform-origin:left}.toast-progress.animate{animation:progress 4s linear forwards}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width: 480px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:none}}.public-view-notice{text-align:center;padding:1rem;background:#2d50161a;border-radius:.5rem;margin-bottom:1rem;color:#2d5016;border:1px solid rgba(45,80,22,.2)}.public-view-notice svg{width:1.5rem;height:1.5rem;margin:0 auto .5rem;display:block}.public-view-notice p{margin:0;font-size:.875rem;font-weight:500}.trait-card.readonly{background:#2d50160d;border:1px solid rgba(45,80,22,.1);cursor:default;transition:none}.trait-card.readonly:hover{background:#2d50160d;transform:none;box-shadow:none}.trait-header.readonly{padding-right:1rem}.no-traits-message{text-align:center;padding:2rem;color:#666;font-style:italic;background:#00000005;border-radius:.5rem;border:1px dashed #ddd}.traits-grid.readonly{gap:.75rem}@media (max-width: 768px){.traits-grid.readonly{grid-template-columns:1fr!important;gap:.5rem!important}}