.dice-roller-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;border:5px solid var(--color-rouge-base);border-radius:1rem;background-color:light-dark(var(--color-dore-base),var(--color-marron-base));box-shadow:0 6px 20px #00000026;text-align:center}.dice-results-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:160px}.dice-container{perspective:800px;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.dice{width:100px;height:100px;position:relative;transform-style:preserve-3d;transform:rotateX(0) rotateY(0);transition:transform 1.2s cubic-bezier(.25,1.5,.5,1)}.face{position:absolute;display:flex;align-items:center;justify-content:center;width:100px;height:100px;font-size:2.5rem;font-weight:700;background:light-dark(var(--color-rouge-base),var(--color-vert-base));color:light-dark(var(--color-white-base),var(--color-grey-base));border:2px solid var(--color-dore-base);border-radius:.6rem;box-shadow:inset 0 0 10px #0006}.face-1{transform:rotateY(0) translateZ(50px)}.face-2{transform:rotateY(90deg) translateZ(50px)}.face-3{transform:rotateY(180deg) translateZ(50px)}.face-4{transform:rotateY(-90deg) translateZ(50px)}.face-5{transform:rotateX(90deg) translateZ(50px)}.face-6{transform:rotateX(-90deg) translateZ(50px)}.dice.rolling{transition:transform 1.2s cubic-bezier(.25,1.5,.5,1)}#result-display{font-weight:600;color:light-dark(var(--color-noir-base),var(--color-white-base));font-size:1.1rem;min-height:1.5rem}.dice-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;text-align:left;max-width:300px}.dice-controls label{font-weight:600;color:light-dark(var(--color-noir-base),var(--color-white-base))}.dice-controls select,.dice-controls input[type=number]{background-color:light-dark(var(--color-white-base),var(--color-noir-base));border:2px solid var(--color-dore-base);border-radius:.5rem;padding:.4rem .6rem;font-size:1rem;color:light-dark(var(--color-noir-base),var(--color-white-base))}.dice-controls button{background-color:var(--color-rouge-base);color:light-dark(var(--color-white-base),var(--color-noir-base));border:none;border-radius:.7rem;padding:.6rem 1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.dice-controls button:hover{background-color:var(--color-vert-base);transform:translateY(-2px)}:root{--color-marron-base: #453326;--color-vert-base: #3B5833;--color-rouge-base: #B7322F;--color-noir-base: #1E1E1E;--color-dore-base: #C79F5E;--color-white-base: #FFFFFF;--color-grey-base: #FAFAFA;--color-cream-base: #F0F0F0}.app-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:1.2rem 2rem;background-color:var(--color-vert-base);color:light-dark(var(--color-white-base),var(--color-noir-base));border-bottom:5px solid var(--color-dore-base)}.app-container-title{display:flex;gap:5px}.app-header h1{margin:0;font-size:1.8rem;font-weight:700;letter-spacing:1px}.app-nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.app-nav .nav-btn{border:none;border-radius:.7rem;padding:.7rem 1.3rem;background-color:var(--color-rouge-base);color:light-dark(var(--color-white-base),var(--color-noir-base));font-weight:600;letter-spacing:.5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.app-nav .nav-btn:hover{transform:translateY(-2px);background-color:var(--color-dore-base)}.app-nav .nav-btn:active{transform:translateY(1px);color:light-dark(var(--color-noir-base),var(--color-white-base))}@media(max-width:700px){.app-header{flex-direction:column;text-align:center;gap:1rem}.app-nav{width:100%;justify-content:center}.app-nav .nav-btn{flex:1 1 auto}}.equipment-filter{border:5px solid var(--color-rouge-base);display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0;padding:1rem;border-radius:8px;background-color:var(--color-dore-base)}.filter-button{padding:.75rem 1.5rem;border:2px solid #ddd;border-radius:6px;background-color:light-dark(var(--color-grey-base),var(--color-rouge-base));color:light-dark(var(--color-white-base),var(--color-black-base));font-size:1rem;cursor:pointer;transition:all .2s ease}.filter-button:hover{border-color:var(--color-vert-base);color:var(--color-vert-base)}.filter-button.active{background-color:var(--color-vert-base);border-color:var(--color-vert-base);color:#fff}.equipment-container{max-width:1200px;margin:0 auto;padding:0 20px}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0;justify-items:center}.equipment-box{flex-direction:column;align-items:center;padding:1rem;border:1px solid #ddd;border-radius:8px;width:100%}.pagination-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin:20px 0}.pagination-button{padding:8px 16px;border:2px solid #ddd;border-radius:6px;background-color:#fff;color:#666;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){border-color:var(--color-vert-base);color:var(--color-vert-base)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:.9rem}@media(max-width:992px){.equipment-grid{grid-template-columns:1fr}.filter-button{flex:1 1 45%}}@media(max-width:600px){.equipment-grid{grid-template-columns:1fr}.filter-button{flex:1 1 100%;font-size:.9rem;padding:.5rem 1rem}.pagination-controls{flex-direction:column;gap:10px}.pagination-button{width:100%}}.item-box{background-color:var(--color-dore-base);border:5px solid var(--color-rouge-base);border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease;width:300px;height:250px;margin:5px;display:flex;flex-direction:column;overflow-y:auto}.item-box:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;border-color:var(--color-vert-base)}.item-header{display:flex;align-items:center;gap:10px;border-bottom:2px solid #ddd;padding-bottom:8px;margin-bottom:12px}.item-name{font-size:1.2rem;font-weight:700;color:var(--color-noir-base)}.item-details{padding:3%;background-color:light-dark(var(--color-white-base),var(--color-noir-base));border:solid 5px var(--color-rouge-base);border-radius:12px;color:light-dark(var(--color-noir-base),var(--color-white-base));list-style:none;margin:0}.character-list-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:2rem;background-color:light-dark(var(--color-grey-base),var(--color-marron-base));border:2px solid var(--color-dore-base);border-radius:1rem}.character-box:hover{cursor:pointer;transform:translateY(-5px);transition:all .3s ease-in-out}.character-box{display:flex;flex-direction:column;gap:.8rem;align-items:center;justify-content:center;width:228px;padding:1.2rem 1.4rem;background-color:var(--color-dore-base);border:5px solid var(--color-rouge-base);border-radius:15px}.character-spec{display:flex;width:100%;justify-content:space-between}.character-box h2{font-size:1.1rem;color:var(--color-noir-base);font-weight:600;text-align:center}.character-actions{width:100%;display:flex;justify-content:space-between}.character-box button:hover{cursor:pointer}.character-box .favorite-btn,.character-box .delete-btn,.character-box .edit-btn{background:none;font-size:1.4rem;border:none;font-size:1rem;padding:.3rem .5rem;border-radius:.5rem;flex:0;width:auto}.character-box .favorite-btn:hover,.character-box .delete-btn:hover,.character-box .edit-btn:hover{transform:scale(1.4) rotate(-5deg);transition:all .3s ease-in-out}.character-list-header{width:100%;margin-bottom:1.5rem;animation:fadeIn .5s ease .2s}.character-list-header-container{display:flex;align-items:center;justify-content:space-between;gap:1rem}.character-list-title{font-size:1.6rem;font-weight:700;color:var(--color-dore-base)}.add-character-btn{border:none;border-radius:.7rem;padding:.7rem 1.3rem;background-color:var(--color-rouge-base);color:light-dark(var(--color-white-base),var(--color-noir-base));font-weight:600;letter-spacing:.5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.add-character-btn:hover{transform:translateY(-2px);background-color:var(--color-dore-base)}.add-character-btn:active{transform:translateY(1px);color:light-dark(var(--color-noir-base),var(--color-white-base))}@media(max-width:600px){.character-box{width:90%}.character-box h2{font-size:1rem}}.character-creation{width:80%;margin-top:5%;padding:2rem;border-radius:12px;display:flex;flex-direction:column;align-items:center}.character-creation h2{margin-top:0;font-size:1.6rem;color:var(--color-dore-base)}.character-creation-form{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--color-dore-base);border:5px solid var(--color-rouge-base);border-radius:15px}.character-creation-form label{font-weight:600;color:var(--color-noir-base);margin-bottom:.2rem}.character-creation-form input[type=text],.character-creation-form input[type=number],.character-creation-form select{width:100%;padding:.6rem .8rem;border:2px solid var(--color-rouge-base);border-radius:8px;background-color:light-dark(var(--color-grey-base),var(--color-noir-base));color:var(--color-dore-base)}.character-creation-form fieldset{display:flex;flex-direction:column;align-items:center;border:2px solid var(--color-vert-base);color:var(--color-dore-base);border-radius:15px;padding:0 0 10px;background-color:light-dark(var(--light-container-bg-color),var(--dark-container-bg-color))}.character-creation-form .fieldset-legend{font-weight:700;background-color:var(--color-vert-base);width:100%;border-radius:11px;text-align:center}.character-creation-form .fieldset-field-container{display:flex;flex-direction:column;padding:0 10px}.fieldset-content{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1rem}.character-creation-form .form-buttons{display:flex;justify-content:center;width:100%;gap:1rem;margin-top:1.5rem}.character-creation-form button{border:none;border-radius:.7rem;padding:.7rem 1.3rem;background-color:var(--color-rouge-base);color:light-dark(var(--color-white-base),var(--color-noir-base));font-weight:600;letter-spacing:.5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.character-creation-form button:hover{transform:translateY(-2px);background-color:var(--color-vert-base)}.character-creation-form button:active{transform:translateY(1px);color:light-dark(var(--color-noir-base),var(--color-white-base))}.form-field{display:flex;flex-direction:column;width:100%}.specs-section{display:flex;width:100%;gap:1rem}.specs-section fieldset{flex:1}@media(max-width:700px){.character-creation-form{width:100%}.fieldset-content{grid-template-columns:1fr}.specs-section{flex-direction:column}.character-creation-form button{width:100%;padding:.8rem;font-size:.5rem;border-radius:.6rem}}.character-detail{width:100%;background-color:var(--color-dore-base);border:2px solid var(--color-noir-base);border-radius:1rem;padding:1.5rem 2rem;box-shadow:0 5px 15px #00000040;display:flex;flex-direction:column;gap:1.5rem;transition:transform .3s ease,background-color .3s ease;color:var(--color-noir-base);font-family:inherit}.character-detail-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.back-button{background:none;border:2px solid var(--color-rouge-base);border-radius:.7rem;padding:.5rem 1rem;font-weight:600;color:var(--color-noir-base);cursor:pointer;transition:all .2s ease}.back-button:hover{border-color:var(--color-noir-base);color:var(--color-rouge-base);transform:translateY(-2px)}.character-name{font-size:2rem;font-weight:700;color:var(--color-noir-base)}.character-detail-meta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;border-bottom:2px solid var(--color-noir-base);padding-bottom:1rem}.character-detail-info p{margin:.3rem 0;font-weight:500}.character-attributes,.character-equipment{display:flex;flex-direction:column}.character-fieldset{background-color:var(--color-dore-base);border:2px solid var(--color-noir-base);border-radius:1rem;padding:1rem 1.25rem 1.25rem;position:relative;display:flex;flex-direction:column;gap:1rem}.character-fieldset-legend{background-color:var(--color-vert-base);color:var(--color-dore-base);font-weight:700;text-align:center;padding:.5rem 1rem;border:2px solid var(--color-noir-base);border-radius:1rem;font-size:1.2rem;line-height:1.2rem;position:absolute;top:-.9rem;left:1rem;right:1rem;width:calc(100% - 2rem)}.attributes-list,.equipment-list{list-style:none;margin:0;padding:1.5rem 0 0;display:flex;flex-direction:column;gap:1rem;color:var(--color-noir-base)}.attribute-item{display:flex;flex-direction:column;gap:.4rem;font-weight:600;font-size:1rem;color:var(--color-noir-base);position:relative}.attribute-header-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:1.05rem;font-weight:600;color:var(--color-noir-base)}.attribute-value-box{background-color:light-dark(var(--color-grey-base),var(--color-noir-base));color:var(--color-dore-base);border:2px solid var(--color-rouge-base);border-radius:.6rem;padding:.8rem 1rem;min-width:5rem;max-width:min(200px,80%);font-weight:600;font-size:1rem;line-height:1.2rem;box-shadow:0 3px 6px #0006;display:inline-block}.attribute-controls{display:flex;align-items:center;gap:.8rem;font-weight:600;min-width:3rem;justify-content:flex-end}.roll-button,.vitality-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;line-height:1;transition:transform .2s ease,color .2s ease;font-weight:600}.roll-button:hover,.vitality-btn:hover{transform:scale(1.2) rotate(-5deg);color:var(--color-rouge-base)}.vitality-btn.decrease{color:var(--color-rouge-base)}.vitality-btn.increase{color:var(--color-vert-base)}.dice-result{margin-top:.8rem;padding:.6rem 1rem;border-left:4px solid var(--color-rouge-base);border-radius:.5rem;background-color:var(--color-grey-base);color:var(--color-noir-base);font-weight:600;animation:fadeIn .3s ease-in;font-size:.95rem}.dice-result.critical-success{border-left-color:var(--color-vert-base);color:var(--color-vert-base)}.dice-result.critical-failure{border-left-color:var(--color-rouge-base);color:var(--color-rouge-base)}.equipment-list li{font-weight:600;font-size:1rem;color:var(--color-noir-base);line-height:1.4rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.character-detail{padding:1rem}.back-button{padding:.4rem .8rem}.character-detail-meta{flex-direction:column;align-items:flex-start}.character-fieldset-legend{font-size:1rem;padding:.4rem .8rem}.attribute-value-box{max-width:100%}}.equipment-item{display:flex;flex-direction:column;gap:.4rem;font-weight:600;font-size:1rem;color:var(--color-noir-base);line-height:1.4rem}.equipment-line-label{font-weight:600;color:var(--color-noir-base)}.equipment-line-content{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.attack-button,.protect-button{background-color:var(--color-vert-fonce, #3f5032);color:var(--color-dore-base);font-weight:600;font-size:.95rem;line-height:1.2rem;border-radius:.5rem;border:2px solid var(--color-noir-base);padding:.6rem .9rem;box-shadow:0 3px 6px #0006;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.attack-button:hover,.protect-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.attack-result,.protect-result{margin-top:.4rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Amaranth,sans-serif}body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;font-family:Amaranth,sans-serif;line-height:1.5;font-weight:400;min-height:100vh;background-color:light-dark(var(--color-cream-base),var(--color-noir-base))}#page-content{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.5rem;padding:1rem;color:light-dark(#1e1e2f,#e0e0ff)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#121212;color:#fff;font-family:sans-serif}.loading-dice-container{font-size:4rem;margin-bottom:1rem}.loading-dice{display:inline-block;animation:dice-spin 1s linear infinite}@keyframes dice-spin{0%{transform:rotate(0) rotateX(0) rotateY(0)}25%{transform:rotate(90deg) rotateX(180deg) rotateY(90deg)}50%{transform:rotate(180deg) rotateX(360deg) rotateY(180deg)}75%{transform:rotate(270deg) rotateX(540deg) rotateY(270deg)}to{transform:rotate(360deg) rotateX(720deg) rotateY(360deg)}}.loading-text{font-size:1.2rem;text-align:center}@media(max-width:768px){#page-content{padding:.5rem;gap:1rem}}