@charset "UTF-8";:root{--primary-color: #0f0a0a;--secondary-color: #f5efed;--tertiary-color: #2292a4;--link-color: #e74c3c;--primary-font: "Arial", sans-serif;--secondary-font: "Times New Roman", serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}h1,h2,h3,h4,h5,h6,body,p,a,li,span{font-family:var(--primary-font)}body{font-family:var(--secondary-font);background-color:var(--secondary-color);color:var(--primary-color);line-height:1.6;margin:0;padding:0;font-size:1.6rem;display:flex;flex-direction:column;width:100%;overflow-x:hidden}img{width:210px;height:297px;border-radius:0}a{color:var(--secondary-color);text-decoration:none}a:hover{color:var(--tertiary-color)}p{margin-bottom:.8rem}form{display:flex;flex-direction:column;margin:1rem auto;width:auto;align-items:center}footer{width:100vw;background-color:var(--primary-color);color:var(--secondary-color);padding:1rem;text-align:center}main{display:flex;flex-direction:column}header{width:100vw;background-color:var(--primary-color);color:var(--secondary-color);padding:1rem;display:flex;flex-direction:column}header .test{display:flex;padding:10px;justify-content:space-between}header .logo{font-size:1.8rem;font-weight:700;margin-bottom:1rem}header nav{display:flex;gap:10px;width:100%;justify-content:center}header nav a{flex:1;text-align:center;padding:1rem;background-color:#00f;max-width:200px;text-decoration:none;font-weight:700;border-radius:5px;transition:background .3s ease}header nav a:hover{background-color:var(--accent-color)}@media (max-width: 760px){nav{flex-direction:column;width:100%;gap:5px}nav a{width:90%}}#home{max-width:1400px;margin:0 20px}#home li{margin-left:10px}img{margin:20px}.race-container{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:20px;background-color:#333}.race-card{width:300px;margin:15px;display:contents;background:linear-gradient(to right,#2c3e50,#34495e);border-radius:8px;box-shadow:0 4px 8px #00000080;color:#fff;overflow:hidden}.race-name{font-size:1.8em;font-weight:700;text-align:left;padding:15px;background-color:#2980b9;margin:0;text-transform:uppercase}.race-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:15px;margin-bottom:10px;background:linear-gradient(to right,#e74c3c,#c0392b);text-align:center}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-value{font-size:1.5em;font-weight:700}.stat-name{font-size:.8em;margin-top:5px}.close-button{position:absolute;top:110px;right:10px;background:none;border:none;font-size:1.5em;color:#000;cursor:pointer}.characters img{width:auto;height:300px;margin:10px;cursor:pointer}.characters{display:flex;flex-wrap:wrap;justify-content:center}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;text-align:center;max-width:auto;max-height:100%;overflow:auto}.modal-content img{width:100%;height:auto}.modal button{margin-top:10px;padding:10px;background-color:red;color:#fff;border:none;cursor:pointer}.lvlup{display:flex}.lvlup .mod-perso{margin:10px}.lvlup .mod-perso .all-spell div{display:flex;justify-content:center;align-items:center}.lvlup .mod-perso .all-spell textarea{width:300px;height:80px;padding:5px}.perso{margin-left:40px;padding:20px;background-color:#222;color:#eee;flex:1;overflow-y:auto}.perso ul{list-style:none}.perso .stats{display:flex;justify-content:center;align-items:center}.perso .stats ul{margin:20px}.perso .spell{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.perso-card h2,.perso-card h3{border-bottom:1px solid #555;padding-bottom:5px}.perso-card ul{list-style:none;padding-left:0}.perso-card li{margin-bottom:8px}.characters{display:flex;flex-wrap:wrap;gap:20px}.character-card{position:relative;text-align:center;background:#f5f5f5;padding:15px;border-radius:10px;cursor:pointer;transition:transform .2s;width:220px;display:flex;flex-direction:column;align-items:center}.character-card:hover{transform:scale(1.05)}.character-card .character-img{width:100%;border-radius:8px;height:200px}.character-card .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#32323280;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;font-weight:700;font-size:1.2rem;pointer-events:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:#fff;padding:25px;border-radius:10px;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 0 15px #0000004d}.modal-content h2{margin-top:0}.modal-content .modal-image{width:200px;display:block;margin:10px auto}.modal-content ul{list-style-type:none;padding:0}.modal-content li{margin-bottom:4px}.modal-content .close-button{margin-top:20px;background-color:#444;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.modal-content .close-button:hover{background-color:#222}.character-sheet{font-family:Arial,sans-serif;background-color:#f4f4f4;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a}.character-sheet h1{text-align:center;color:#333}.character-sheet .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.character-sheet .stats div{display:flex;align-items:center}.character-sheet .stats div label{margin-right:10px;font-weight:700}.character-sheet .stats div input{width:50px;padding:5px;border:1px solid #ccc;border-radius:4px}.character-sheet .stats div span{margin-left:10px;color:#666}.character-sheet .abilities h2{margin-top:20px;color:#333}.character-sheet .abilities textarea{width:100%;height:100px;padding:10px;border:1px solid #ccc;border-radius:4px;resize:vertical}.sheet-container{padding:20px;background-color:#d9d9d9;font-family:Arial,sans-serif}.section-title{background-color:#c4f0c4;padding:10px;margin-top:20px;font-weight:700;border:1px solid #aaa}.stats-table,.purchase-table{width:100%;border-collapse:collapse;margin-bottom:20px}.stats-table td,.purchase-table td,.purchase-table th{border:1px solid #aaa;padding:8px;background-color:#e6f0ff}.purchase-table th{background-color:#aee0ae}.don-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.don-buttons button{padding:8px 12px;background-color:#e6e6e6;border:1px solid #888;cursor:pointer}.stimpack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px;text-align:center;background-color:#eee}.stimpack-grid div{background-color:#fff;border:1px solid #aaa;padding:10px}.missions-container{padding:20px}.missions-container h2{margin-bottom:20px;font-size:1.8em}.missions-container .mission-card{background-color:#f4f4f4;border-radius:12px;padding:15px 20px;box-shadow:0 2px 6px #0000001a;margin-bottom:25px;transition:transform .2s ease}.missions-container .mission-card:hover{transform:scale(1.01)}.missions-container .mission-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.missions-container .mission-card .card-header h3{margin:0;font-size:1.4em}.missions-container .mission-card .card-header .validated{background-color:#4caf50;color:#fff;padding:5px 10px;border-radius:8px;font-size:.9em}.missions-container .mission-card p{margin:5px 0;font-size:1em}.missions-container .mission-card p strong{color:#333}.missions-container .mission-card .card-actions{margin-top:10px;display:flex;gap:10px}.missions-container .mission-card .card-actions button{padding:6px 12px;border:none;border-radius:6px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .2s ease}.missions-container .mission-card .card-actions button:hover{background-color:#0056b3}.missions-container .mission-card .card-actions button:nth-child(2){background-color:#dc3545}.missions-container .mission-card .card-actions button:nth-child(2):hover{background-color:#a71d2a}.missions-container .mission-card .card-actions button:nth-child(3){background-color:#28a745}.missions-container .mission-card .card-actions button:nth-child(3):hover{background-color:#1e7e34}