@import"https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap";:root{--color-pergamena: #f0e6d2;--color-text-dark: #3d2b1f;--color-legno-scuro: #5c3a21;--color-legno-medio: #7a4f32;--color-oro-chiaro: #c8a87c;--color-rosso-scuro: #c62828}body{margin:0;padding:0;background-color:var(--color-pergamena);font-family:MedievalSharp,Avenir,Helvetica,Arial,sans-serif;color:var(--color-text-dark)}button,input,textarea{font-family:MedievalSharp,Avenir,Helvetica,Arial,sans-serif}textarea{background-color:transparent;min-height:100px;height:fit-content;resize:vertical}#app{max-width:1200px;margin:0 auto;padding:20px}nav{display:flex;flex-direction:row;padding:20px;background-color:var(--color-legno-scuro);border-bottom:2px solid var(--color-text-dark);margin-bottom:30px;text-align:center;justify-content:center}nav a{color:var(--color-pergamena);text-decoration:none;margin:0 15px;font-size:1.2em;transition:color .2s}nav a:hover{color:var(--color-oro-chiaro)}nav a.router-link-exact-active{color:var(--color-oro-chiaro);font-weight:700}h1,h2,h3{color:var(--color-legno-scuro);margin-bottom:20px}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}button{padding:10px 20px;background-color:var(--color-legno-scuro);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1em;transition:background-color .2s}button:hover{background-color:var(--color-legno-medio)}button.inspiration-active{background-color:gold;color:#000;transform:scale(1.1);box-shadow:0 4px 8px #0000004d;width:75%}button.inspiration-active:hover{background-color:#b8860b}input{padding:8px;border:1px solid var(--color-legno-scuro);border-radius:4px;font-size:1em;margin:5px 0;background-color:#fff8e1;color:var(--color-text-dark)}.character-card{background-color:#fff8e1;padding:15px;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid var(--color-legno-scuro)}.character-card:hover{transform:translateY(-5px);box-shadow:0 4px 6px #0000001a}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.stat-item{display:flex;flex-direction:column;background-color:#fff8e1;padding:15px;border-radius:5px;text-align:center;border:1px solid var(--color-legno-scuro)}.stat-value{font-size:24px;font-weight:700;margin-top:5px;color:var(--color-legno-scuro)}.error{color:var(--color-rosso-scuro);text-align:center;padding:20px;background-color:#ffebee;border-radius:4px;border:1px solid var(--color-rosso-scuro)}.spell-manager{margin-top:30px;padding:20px;background-color:#fff8e1;border-radius:8px;border:1px solid var(--color-legno-scuro)}.spell-item{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center;padding:10px;margin:10px auto;border-radius:4px;border:1px solid var(--color-legno-scuro);background-color:#fff8e1;box-shadow:0 2px 4px #0000001a;gap:10px}.spell-item>div{text-align:center}.spell-item label{margin-top:15px;margin-right:10px}.remove-btn{background-color:var(--color-rosso-scuro);color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.remove-btn:hover{background-color:#b71c1c}.add-spell{display:flex;gap:10px;align-items:center}.add-spell input,.add-spell button{width:100%}a{color:var(--color-legno-scuro);text-decoration:none;transition:color .2s}a:hover{color:var(--color-oro-chiaro)}.not-found{text-align:center;padding:50px}.not-found h1{color:var(--color-rosso-scuro);font-size:3em}.not-found p{font-size:1.2em;margin:20px 0}.not-found a{color:var(--color-legno-scuro);text-decoration:none;font-weight:700}.not-found a:hover{text-decoration:underline}.home{max-width:800px;margin:0 auto;padding:20px}.quick-actions{margin-top:30px;display:flex;gap:15px;justify-content:center}.quick-actions>*{width:50%;text-align:center}.action-button{display:flex;align-items:center;justify-content:center;padding:12px 24px;background:var(--color-legno-scuro);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1.1em;transition:background .2s}.action-button:hover{background:var(--color-legno-medio)}.characters-view{padding:20px}.character-detail{padding:20px 0;margin:0 auto}.edit-section{width:100%;margin-top:20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.edit-section button{width:calc(100% / 3 - 7px);padding:20px;background-color:var(--color-text-dark);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .2s}.edit-section button:hover{background-color:var(--color-legno-medio)}.edit-equipment,.edit-spells{margin-top:20px;display:flex;flex-direction:column;gap:10px;background:#fff8e1;padding:15px;border-radius:5px}.dice-container{padding:20px;background:#fff8e1;border-radius:10px;margin:20px 0}.dice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dice{padding:15px;background:var(--color-legno-scuro);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1.2em;transition:transform .2s}.dice:hover{transform:scale(1.05);background:var(--color-legno-medio)}.result{margin-top:15px;font-size:1.4em;text-align:center}.result-number{color:#2e7d32;font-weight:700;font-size:1.6em}.character-sheet{padding:20px;background:#fff8e1;border-radius:8px}.character-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.stat-item{background:#fff;padding:15px;border-radius:5px;text-align:center}.stat-name{font-size:14px;color:#666}.stat-value{font-size:24px;font-weight:700;margin-top:5px}.stat-value input{width:100%;padding:5px;font-size:24px;text-align:center}.stat-value input[type=range]{width:auto}.inspiration-container{display:flex;justify-content:center;margin:20px 0}.create-character{padding:20px;background:#fff8e1;border-radius:8px}.form-group{display:flex;flex-direction:column;margin-bottom:15px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.stats-equipment{display:flex;flex-direction:column}.stats-equipment>label{margin-top:20px;margin-bottom:5px}select,textarea,input{margin-top:5px;margin-bottom:5px;padding:8px;border:1px solid var(--color-legno-scuro);border-radius:4px;font-size:1em;background-color:#fff8e1;color:var(--color-text-dark);font-family:MedievalSharp,Avenir,Helvetica,Arial,sans-serif}select::placeholder,textarea::placeholder,input::placeholder{color:var(--color-legno-scuro)}.hp-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;background:var(--color-pergamena);border-radius:5px;outline:none;transition:background .3s ease}.hp-slider:hover{background:var(--color-legno-medio)}.hp-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-oro-chiaro);border:2px solid var(--color-legno-scuro);border-radius:50%;cursor:pointer;transition:background .3s ease}.hp-slider::-moz-range-thumb{width:20px;height:20px;background:var(--color-oro-chiaro);border:2px solid var(--color-legno-scuro);border-radius:50%;cursor:pointer;transition:background .3s ease}.hp-text-large{margin:5px 10px;font-weight:700}.character-info{display:flex;flex-direction:row;align-items:center;gap:15px}.character-name{order:1}.character-hp{order:2}.character-competence{order:3}@media (max-width: 600px){nav{flex-direction:column}.character-header{flex-direction:column}.character-grid,.stats-grid{grid-template-columns:1fr}.add-spell{display:flex!important;flex-direction:column!important}.edit-section button{width:100%}input,textarea,button{width:100%;box-sizing:border-box}.form-grid,.stats-grid{grid-template-columns:1fr}.spell-item{flex-direction:column}.spell-item>div{width:100%}.add-spell{grid-template-columns:1fr}input,textarea,button,select{width:100%;box-sizing:border-box}.character-sheet{padding:20px 10px}.stat-item{margin-bottom:20px}.character-info{flex-direction:column}.hp-bonus{display:flex;flex-direction:row;justify-content:space-between;width:100%}}@media (prefers-color-scheme: dark){body{background-color:var(--color-legno-scuro);color:var(--color-pergamena)}h1,h2,h3,h4,label,select,textarea,div,input,input::placeholder,textarea::placeholder{color:var(--color-oro-chiaro)}nav{align-items:center;justify-content:space-evenly;background-color:var(--color-text-dark);border-bottom:2px solid var(--color-pergamena)}nav a{color:var(--color-pergamena)}nav a:hover{color:var(--color-oro-chiaro)}nav a.router-link-exact-active{color:var(--color-oro-chiaro)}.character-card{background-color:var(--color-text-dark);border:1px solid var(--color-pergamena)}.character-card:hover{box-shadow:0 4px 6px #ffffff1a}.stats-grid .stat-item{background-color:var(--color-text-dark);border:1px solid var(--color-pergamena)}.stat-value{color:var(--color-pergamena)}.error{background-color:var(--color-pergamena);border:1px solid var(--color-rosso-scuro)}.spell-manager{background-color:var(--color-text-dark);border:1px solid var(--color-pergamena)}.spell-item{background-color:var(--color-legno-scuro);border:1px solid var(--color-pergamena)}.remove-btn{background-color:#f88}.remove-btn:hover{background-color:#c66}.add-spell input{background-color:var(--color-legno-scuro);border:1px solid var(--color-pergamena);color:var(--color-pergamena)}.add-spell button{background-color:var(--color-legno-scuro)}.add-spell button:hover{background-color:var(--color-pergamena)}a{color:var(--color-pergamena)}a:hover{color:var(--color-oro-chiaro)}.action-button{background-color:var(--color-oro-chiaro)!important;color:var(--color-pergamena)!important}.dice{color:var(--color-pergamena)!important}.form-group>input,.form-group>select,.form-group>textarea{background-color:var(--color-pergamena);border:1px solid var(--color-oro-chiaro)}.create-character{background-color:var(--color-text-dark)!important;color:var(--color-pergamena)!important}.create-character>form>button{margin-top:30px;width:100%}.spell-manager>h3{color:var(--color-oro-chiaro)!important}.character-sheet{background-color:var(--color-text-dark)!important}.stat-item{background-color:var(--color-pergamena)!important}.stat-value,.stat-name,.inspiration-active{color:var(--color-text-dark)!important}.edit-equipment,.edit-spells{background-color:var(--color-text-dark)}.dice-container{background-color:var(--color-oro-chiaro);color:var(--color-text-dark)}.dice-container>h2{color:var(--color-text-dark)}}