.tabs{display:flex;justify-content:space-evenly;background-color:#f5f5f5;border-bottom:2px solid #ddd}.tab{flex-grow:1;padding:5px;text-align:center;cursor:pointer;font-size:16px;font-weight:700;border:none;background-color:transparent;transition:background-color .3s ease,color .3s ease}.tab:hover{background-color:#e0e0e0}.active{color:white;background-color:#007bff}.tab-content{padding:20px;font-size:18px}.h5-style{font-size:4.1rem;height:45px;text-align:center}.encadre{border:2px solid #1976d2;border-radius:8px;padding:8px 16px;font-size:1.25em;font-weight:700;background-color:#f5f7fa;margin-bottom:16px}.marker{display:block;width:30px;height:30px;background-size:cover;background-repeat:no-repeat;position:absolute}.containerindice{display:flex;flex-direction:column;align-items:center;padding:20px}.encadreindice{border:1px solid #ddd;padding:10px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);width:-moz-fit-content;width:fit-content;margin:0 auto}.encadreindice ul{list-style:none;padding:0;margin:0}.encadreindice li{padding:5px;border-bottom:1px solid #ddd}.encadreindice li:last-child{border-bottom:none}.map-container{height:400px;width:100%}.restart-game-btn{position:fixed;bottom:20px;right:20px;z-index:1000;padding:10px 20px;background-color:#17a2b8;color:white;border:none;border-radius:5px;cursor:pointer}.restart-game-btn:hover{background-color:#138496}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:24px;gap:24px;padding:24px}.mission-block{background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:24px 20px 18px;margin-bottom:10px;display:flex;flex-direction:column;align-items:flex-start;transition:box-shadow .2s}.mission-block:hover{box-shadow:0 8px 24px rgba(0,0,0,.16)}.mission-block input[type=button]{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:1.1rem;font-weight:600;margin-bottom:12px;cursor:pointer;transition:background .15s}.mission-block input[type=button]:hover{background:#1e40af}.map-container{flex:1 1;touch-action:none;min-width:0}.mission-description{font-size:1rem;color:#444;margin-bottom:14px}.main-action-button{display:block;margin:auto;width:75%;height:auto;font-size:1em}.mission-details{font-size:.95rem;color:#222;margin-top:6px;width:100%}.resizer-handle{margin-top:10px;width:60px;height:40px;background-color:rgba(100,100,100,.5);cursor:ns-resize;touch-action:none;display:flex;justify-content:center;align-items:center;float:right}.resizer-grip{width:16px;height:3px;background-color:white;border-radius:2px}.stars{display:inline-flex;align-items:center;gap:2px;margin-left:8px}.star{width:20px;height:20px;display:inline-block;color:#fbbf24}.star.empty{color:#e5e7eb}@media (max-width:600px){.card-container{grid-template-columns:1fr;gap:12px;padding:10px}.mission-block{padding:14px 10px 10px}}.pnj-list{display:flex;flex-wrap:wrap;gap:16px}.pnj-container{display:flex;align-items:center;background-color:#f9f9f9;border-radius:8px;padding:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.pnj-avatar{border-radius:50%;margin-right:12px}.pnj-details{display:flex;flex-direction:column}.pnj-name{font-size:16px;font-weight:700;margin-bottom:4px}.btn-info{padding:6px 12px;background-color:#0070f3;color:white;border:none;border-radius:4px;cursor:pointer}.btn-info:hover{background-color:#005bb5}